@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
.sign-up-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.sign-up-logo {
  background-image: url("gerator04-1@2x.d8e2cea2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 121px;
  height: 32px;
  display: flex;
}

.sign-up-star-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sign-up-stars, .sign-up-testimonial {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sign-up-stars {
  justify-content: flex-start;
  gap: 4px;
}

.sign-up-testimonial {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.sign-up-text {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 500;
  line-height: 38px;
  position: relative;
}

.sign-up-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.sign-up-avatar-company-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

.sign-up-avatar {
  box-sizing: border-box;
  background-image: url("gerator04-1@2x.d8e2cea2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 64px;
  height: 64px;
  padding: 46px 0 0;
  display: flex;
  position: relative;
}

.sign-up-reviewer-name, .sign-up-supporting-text {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sign-up-supporting-text {
  color: #475467;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sign-up-reviewer-details, .sign-up-reviewer-info {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sign-up-reviewer-info {
  gap: 16px;
  margin-top: 50px;
  font-size: 16px;
}

.sign-up-chevron-left-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sign-up-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.sign-up-pagination-dot-indicator, .sign-up-pagination-dot-indicator1, .sign-up-pagination-dot-indicator4 {
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  position: relative;
  overflow: hidden;
}

.sign-up-pagination-dot-indicator1, .sign-up-pagination-dot-indicator4 {
  background-color: #eaecf0;
}

.sign-up-pagination-dot-indicator4 {
  display: none;
}

.sign-up-pagination, .sign-up-pagination-dot-group {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sign-up-pagination-dot-group {
  flex-direction: row;
  gap: 16px;
}

.sign-up-pagination {
  flex-direction: column;
  padding: 13px 0 0;
}

.sign-up-navigation-controls {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 288px;
  display: flex;
}

.sign-up-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 560px;
  max-width: 560px;
  height: 60vh;
  display: flex;
  position: relative;
  left: 25px;
}

.sign-up-content-wrapper, .sign-up-logo-container {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sign-up-content-wrapper {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
}

.sign-up-logo-container {
  flex-direction: column;
  justify-content: flex-start;
  gap: 219px;
  width: 608px;
}

.sign-up-text1 {
  line-height: 20px;
  position: relative;
}

.sign-up-hyperlink {
  color: #475467;
  line-height: 20px;
  position: relative;
}

.sign-up-mail-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sign-up-email-link {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sign-up-helpcentergeratorcom {
  white-space: nowrap;
  line-height: 20px;
  position: relative;
}

.sign-up-footer-links {
  flex-direction: row;
  justify-content: flex-start;
  gap: 7px;
}

.sign-up-footer, .sign-up-footer-links, .sign-up-section {
  align-items: flex-start;
  display: flex;
}

.sign-up-footer {
  text-align: left;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 290px;
  margin-top: 160px;
  font-size: 14px;
}

.sign-up-section {
  box-sizing: border-box;
  background-color: #f9fafb;
  flex-direction: column;
  flex: .9111;
  justify-content: space-between;
  min-width: 560px;
  max-width: 100%;
  height: 100vh;
  padding: 32px;
  position: sticky;
  top: 0;
}

.sign-up-logo-title, .sign-up-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.sign-up-logo-title {
  font-size: inherit;
  white-space: nowrap;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.sign-up-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.sign-up-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.sign-up-label {
  color: #344054;
  text-align: left;
  min-width: 47px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sign-up-content3 {
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 199px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.sign-up-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.sign-up-input {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-up-hint-text {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.sign-up-input-field {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.sign-up-label1 {
  color: #344054;
  min-width: 44px;
  font-weight: 500;
  display: inline-block;
}

.sign-up-hint-text2, .sign-up-label1, .sign-up-label2 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.sign-up-label2 {
  color: #344054;
  min-width: 73px;
  font-weight: 500;
  display: inline-block;
}

.sign-up-hint-text2 {
  color: #475467;
  align-self: stretch;
}

.sign-up-form {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sign-up-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sign-up-signup-button-label {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 89px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sign-up-buttonsbutton2, .sign-up-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sign-up-buttonsbutton2 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 8px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-up-buttonsbutton2:hover {
  background-color: #6941c6;
}

.sign-up-social-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sign-up-text2 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sign-up-social-button {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 8px 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-up-social-icon1 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sign-up-social-button1 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-up-text5 {
  color: #344054;
  text-align: left;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sign-up-actions, .sign-up-content2, .sign-up-social-button-groups, .sign-up-social-button3 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.sign-up-social-button3 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 11px;
  padding: 8px 16px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-up-actions, .sign-up-content2, .sign-up-social-button-groups {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.sign-up-actions, .sign-up-content2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}

.sign-up-content2 {
  border-radius: 12px;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  margin: 0;
}

.sign-up-placeholder-icon2 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sign-up-checkbox-text1 {
  margin-bottom: 12px;
}

.sign-up-checkbox-text-content1 {
  color: #333;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.4;
}

.sign-up-checkbox-text-content1 a {
  color: #5c31c2;
  font-weight: 500;
  text-decoration: underline;
}

.sign-up-checkbox-text-content1 a:hover {
  text-decoration: none;
}

.sign-up-text7 {
  color: inherit;
  white-space: nowrap;
  min-width: 41px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sign-up-buttonsbutton3, .sign-up-row {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.sign-up-buttonsbutton3 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.sign-up-row {
  color: #475467;
  align-items: flex-start;
  gap: 4px;
  padding: 0 72px;
  font-size: 14px;
}

.sign-up-container, .sign-up-content1, .sign-up-section1 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.sign-up-content1 {
  justify-content: flex-start;
  gap: 32px;
  width: 360px;
  max-width: 360px;
}

.sign-up-container, .sign-up-section1 {
  box-sizing: border-box;
  max-width: 100%;
}

.sign-up-container {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 20px;
}

.sign-up-section1 {
  text-align: left;
  flex: 1;
  justify-content: center;
  min-width: 560px;
  height: max-content;
  margin-bottom: 20px;
  padding: 129px 0 0;
}

.sign-up-sign-up-desktop {
  letter-spacing: normal;
  text-align: center;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 30px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1125px) {
  .sign-up-section, .sign-up-section1 {
    flex: 1;
  }

  .sign-up-sign-up-desktop {
    flex-wrap: wrap;
  }

  .sign-up-section {
    gap: 0;
    height: fit-content;
  }

  .sign-up-content {
    justify-content: center;
    height: fit-content;
    top: 50px;
    left: 195px;
  }

  .sign-up-section1 {
    justify-content: flex-start;
    height: fit-content;
    padding: 100px 0;
  }
}

@media screen and (width <= 780px) {
  .sign-up-content {
    display: none;
  }

  .sign-up-logo-container {
    gap: 109px;
  }

  .sign-up-footer {
    display: none;
  }

  .sign-up-section {
    background-color: #fff;
    gap: 115px;
  }

  .sign-up-section, .sign-up-section1 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .sign-up-text {
    font-size: 18px;
    line-height: 23px;
  }

  .sign-up-logo-container {
    gap: 55px;
  }

  .sign-up-section {
    box-sizing: border-box;
    gap: 58px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sign-up-logo-title {
    font-size: 18px;
    line-height: 23px;
  }

  .sign-up-row {
    box-sizing: border-box;
    margin-top: -10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sign-up-content1 {
    gap: 16px;
  }

  .sign-up-section1 {
    box-sizing: border-box;
    padding-top: 84px;
    padding-bottom: 84px;
  }
}

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

.notification-message-wrapper {
  z-index: 9999;
  width: 46%;
  max-width: 945px;
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.notification-message-banner {
  background-color: #fff;
  border-left: 6px solid #079455;
  border-radius: 8px;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
  font-family: Inter, sans-serif;
  display: flex;
  box-shadow: 0 4px 12px #0000000d;
}

.notification-message-icon {
  width: 32px;
  height: 32px;
}

.notification-message-text {
  color: #344054;
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  display: flex;
}

.notification-message-title {
  font-weight: 600;
}

.notification-message-description {
  color: #475467;
  font-weight: 400;
}

.notification-message-actions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.notification-message-close-button {
  cursor: pointer;
  background: url("notificationclose.a17344bf.png") center / 16px 16px no-repeat;
  border: none;
  width: 32px;
  height: 32px;
}

.custom-checkbox-container {
  cursor: pointer;
  user-select: none;
  color: #333;
  align-items: flex-start;
  gap: 10px;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.checkbox-label {
  word-break: break-word;
  flex: 1;
}

.checkbox-input {
  opacity: 0;
  cursor: pointer;
  width: 0;
  height: 0;
  position: absolute;
}

.checkbox-custom {
  background-color: #0000;
  border: 2px solid #d1d1d1;
  border-radius: 4px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.checkbox-input:checked ~ .checkbox-custom {
  background-color: #8a56ff;
  border-color: #8a56ff;
}

.checkmark {
  fill: #fff;
  width: 14px;
  height: 14px;
  transition: transform .2s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)scale(0);
}

.checkbox-input:checked ~ .checkbox-custom .checkmark {
  transform: translate(-50%, -50%)scale(1);
}

.checkbox-input:focus ~ .checkbox-custom {
  box-shadow: 0 0 0 2px #8a56ff4d;
}

.checkbox-custom:hover {
  border-color: #8a56ff;
}

.checkbox-input:active ~ .checkbox-custom {
  transform: scale(.95);
}

.overlay {
  z-index: 10;
  background-color: #000c;
  width: 100%;
  height: 100%;
  transition: all .5s;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: hidden;
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader {
  aspect-ratio: 1.154;
  --_g: no-repeat radial-gradient(farthest-side, #fff 90%, #0000);
  background: var(--_g) 50% 0, var(--_g) 0 100%, var(--_g) 100% 100%;
  background-size: 35% 40.39%;
  width: 40px;
  animation: 1s infinite l16;
}

@keyframes l16 {
  50%, 100% {
    background-position: 100% 100%, 50% 0, 0 100%;
  }
}

.sign-in-gerator-04-1-icon1 {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.sign-in-brand-navigation, .sign-in-logo1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sign-in-logo1 {
  background-image: url("gerator04-1@2x.d8e2cea2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.sign-in-brand-navigation {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.sign-in-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sign-in-action-label {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  min-width: 47px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sign-in-buttonsbutton4, .sign-in-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sign-in-buttonsbutton4 {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 8px;
  gap: 6px;
  padding: 10px 16px;
  overflow: hidden;
}

.sign-in-text8 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 59px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sign-in-hamburger-menu {
  display: none;
}

.sign-in-buttonsbutton5, .sign-in-navigation-actions {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sign-in-buttonsbutton5 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-in-buttonsbutton5:hover {
  background-color: #6941c6;
}

.sign-in-buttonsbutton5.loading {
  cursor: wait;
  pointer-events: none;
}

.sign-in-navigation-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 190px;
}

.sign-in-brand-navigation-parent, .sign-in-desktop {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sign-in-brand-navigation-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.sign-in-desktop {
  box-sizing: border-box;
  justify-content: flex-start;
  width: 100%;
  padding: 0 32px;
  position: fixed;
}

.sign-in-content-icon {
  border-radius: 18px;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
}

.sign-in-login-credentials, .sign-in-logomark {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sign-in-logomark {
  justify-content: flex-start;
  box-shadow: 0 1.5px 4.5px #1018281a, 0 1.5px 3px #1018280f;
}

.sign-in-login-credentials {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.sign-in-supporting-text2, .sign-in-title {
  align-self: stretch;
  position: relative;
}

.sign-in-title {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.sign-in-supporting-text2 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.sign-in-brand-name, .sign-in-login-form-fields {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.sign-in-login-form-fields {
  gap: 24px;
}

.sign-in-label3 {
  color: #344054;
  text-align: left;
  min-width: 36px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sign-in-content8 {
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 199px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.sign-in-help-icon3 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.sign-in-input3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-in-hint-text3 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.sign-in-input-field3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.sign-in-label4 {
  color: #344054;
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sign-in-form1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sign-in-input5 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.sign-in-checkbox-label, .sign-in-supporting-text3 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.sign-in-checkbox-label {
  color: #344054;
  flex: 1;
  padding-top: 2px;
  font-weight: 500;
}

.sign-in-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 320px;
  display: none;
}

.sign-in-checkbox, .sign-in-text-and-supporting-text1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 144px;
  display: flex;
}

.sign-in-checkbox {
  min-width: 160px;
}

.sign-in-placeholder-icon8 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sign-in-submit-label {
  text-align: left;
  min-width: 114px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  color: #6941c6 !important;
}

.sign-in-buttonsbutton6, .sign-in-remember-me {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sign-in-buttonsbutton6 {
  gap: 6px;
  overflow: hidden;
}

.sign-in-remember-me {
  flex-wrap: wrap;
  align-self: stretch;
  row-gap: 20px;
}

.sign-in-icon {
  color: #fff;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sign-in-buttonsbutton7 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 6px;
  padding: 8px 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-in-buttonsbutton7:hover {
  background-color: #6941c6;
}

.sign-in-social-icon4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sign-in-social-label {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sign-in-social-button4 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 8px 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-in-social-icon5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sign-in-social-button5 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-in-text11 {
  color: #344054;
  text-align: left;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sign-in-hyperlink {
  color: #475467;
  line-height: 20px;
}

.sign-in-actions1, .sign-in-content7, .sign-in-social-button-groups1, .sign-in-social-button7 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.sign-in-social-button-groups1 {
  cursor: pointer;
}

.sign-in-social-button7 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 11px;
  padding: 8px 16px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-in-actions1, .sign-in-content7, .sign-in-social-button-groups1 {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.sign-in-actions1, .sign-in-content7 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}

.sign-in-content7 {
  border-radius: 12px;
  gap: 24px;
  max-width: 100%;
  margin: 0;
}

.sign-in-help-label, .sign-in-question {
  line-height: 20px;
  position: relative;
}

.sign-in-help-label {
  color: #6941c6;
  white-space: nowrap;
  min-width: 51px;
  font-weight: 600;
  display: inline-block;
}

.sign-in-buttonsbutton8 {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.sign-in-help-link {
  flex-direction: row;
  gap: 3px;
}

.sign-in-account-help, .sign-in-content6, .sign-in-help-link {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sign-in-account-help {
  text-align: left;
  color: #475467;
  flex-direction: row;
  margin-top: -10px;
  padding: 0 75px;
  font-size: 14px;
}

.sign-in-content6 {
  flex-direction: column;
  gap: 32px;
  width: 360px;
  max-width: 360px;
}

.sign-in-container1, .sign-in-login-form-container {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sign-in-container1 {
  flex: 1;
  justify-content: center;
  max-width: 1280px;
  padding: 0 20px;
}

.sign-in-login-form-container {
  text-align: center;
  color: #101828;
  justify-content: center;
  align-self: center;
  max-width: 100%;
  height: 100%;
  padding: 0 48px;
  font-family: Inter;
  font-size: 30px;
}

.sign-in-copyright, .sign-in-mail-01-icon1 {
  z-index: 1;
  position: relative;
}

.sign-in-copyright {
  line-height: 20px;
}

.sign-in-mail-01-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.sign-in-mail-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sign-in-helpcentergeratorcom1 {
  white-space: nowrap;
  z-index: 1;
  line-height: 20px;
  position: relative;
}

.sign-in-contact {
  flex-direction: row;
  justify-content: flex-start;
  gap: 7px;
}

.sign-in-contact, .sign-in-footer1, .sign-in-log-in, .sign-in-sign-in-desktop {
  align-items: flex-start;
  display: flex;
}

.sign-in-footer1 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  margin-top: -10px;
  padding-bottom: 15px;
}

.sign-in-log-in, .sign-in-sign-in-desktop {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
}

.sign-in-log-in {
  height: inherit;
  text-align: left;
  color: #475467;
  align-self: stretch;
  gap: 25px;
  max-width: 100%;
  padding: 35px 32px 5px;
  font-family: Inter;
  font-size: 14px;
}

.sign-in-sign-in-desktop {
  letter-spacing: normal;
  gap: 18px;
  width: 100%;
  height: 100vh;
  padding: 18px 0 0;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

.sign-in-condition-text1 {
  color: #555;
  text-align: center;
  margin-top: -8px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
}

.sign-in-condition-text1 a {
  color: #5c31c2;
  font-weight: 500;
  text-decoration: none;
  transition: color .3s;
}

.sign-in-condition-text1 a:hover {
  color: #5c31c2;
  text-decoration: underline;
}

@media screen and (width <= 1275px) {
  .sign-in-container1 {
    max-width: 100%;
  }

  .sign-in-login-form-container {
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (width <= 1100px) {
  .sign-in-log-in {
    box-sizing: border-box;
    gap: 325px;
    padding-top: 152px;
    padding-bottom: 21px;
  }
}

@media screen and (width <= 750px) {
  .sign-in-title {
    font-size: 24px;
    line-height: 30px;
  }

  .sign-in-footer1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .sign-in-desktop {
    box-sizing: border-box;
    justify-content: flex-start;
    width: 610px;
    padding: 0;
  }

  .sign-in-brand-navigation {
    box-sizing: border-box;
    flex-direction: column;
    width: 121px;
    padding: 6px 0 0;
    position: relative;
    left: 30px;
  }

  .sign-in-navigation-actions {
    display: none !important;
  }

  .sign-in-hamburger-menu {
    display: flex;
    position: relative;
    right: 10px;
  }

  .sign-in-gerator-04-1-icon1 {
    object-fit: cover;
    width: 121px;
    height: 32px;
    display: none;
    position: relative;
  }

  .sign-in-title {
    font-size: 18px;
    line-height: 23px;
  }

  .sign-in-checkbox, .sign-in-help-link {
    flex-wrap: wrap;
  }

  .sign-in-account-help {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sign-in-container1, .sign-in-content6 {
    gap: 16px;
  }

  .sign-in-log-in {
    gap: 272px;
    padding-top: 160px;
  }
}

.reset-password-dropdown-avatar-online-indicator6, .reset-password-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.reset-password-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.reset-password-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.reset-password-dropdown-avatar22 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.reset-password-dropdown-supporting-text84, .reset-password-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.reset-password-dropdown-text246 {
  font-weight: 600;
}

.reset-password-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.reset-password-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.reset-password-dropdown-avatar-label-group, .reset-password-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.reset-password-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.reset-password-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.reset-password-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.reset-password-dropdown-text247 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.reset-password-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.reset-password-dropdown-content48, .reset-password-dropdown-dropdown-list-item, .reset-password-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.reset-password-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 10px;
}

.reset-password-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.reset-password-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.reset-password-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.reset-password-dropdown-dropdown-list-item10, .reset-password-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 4px 0;
  display: flex;
}

.reset-password-dropdown-dropdown-list-item10 {
  z-index: 99;
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.reset-password-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.reset-password-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.reset-password-dropdown-dropdown-list-item11, .reset-password-dropdown-dropdown-list-item12, .reset-password-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.reset-password-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.reset-password-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.reset-password-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.reset-password-dropdown-dropdown-list-item12, .reset-password-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.reset-password-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.reset-password-dropdown-menu-items, .reset-password-dropdown-user-menu-all-options-fixed {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.reset-password-dropdown-menu-items {
  align-self: stretch;
  padding: 4px 0;
}

.reset-password-dropdown-user-menu-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  width: 100px;
  line-height: normal;
  position: absolute;
  top: 50px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.dashboard-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.dashboard-main-custom {
  width: 100% !important;
}

.dashboard-search-lg-icon-custom {
  cursor: pointer;
}

.dashboard-dashboard-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.dashboard-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.dashboard-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.dashboard-badge1, .dashboard-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.dashboard-navigation, .dashboard-search-input {
  justify-content: flex-start;
  display: flex;
}

.dashboard-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.dashboard-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.dashboard-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-content3, .dashboard-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dashboard-content3 {
  flex: 1;
  gap: 8px;
}

.dashboard-breadcrumb-link {
  color: inherit;
  text-decoration: none;
}

.dashboard-divider-icon, .dashboard-home-line-icon {
  position: relative;
  overflow: hidden;
}

.dashboard-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.dashboard-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-content12, .dashboard-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.dashboard-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.dashboard-content5, .dashboard-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.dashboard-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.dashboard-supporting-text, .dashboard-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.dashboard-title {
  font-weight: 600;
}

.dashboard-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.dashboard-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.dashboard-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.dashboard-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.dashboard-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.dashboard-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.dashboard-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.dashboard-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.dashboard-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.dashboard-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.dashboard-tabs {
  gap: 8px;
}

.dashboard-breadcrumbs, .dashboard-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dashboard-heading, .dashboard-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.dashboard-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.dashboard-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.dashboard-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.dashboard-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.dashboard-button, .dashboard-button1, .dashboard-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.dashboard-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.dashboard-button1, .dashboard-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.dashboard-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.dashboard-actions, .dashboard-button2, .dashboard-button3 {
  flex-direction: row;
  align-items: center;
}

.dashboard-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.dashboard-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.dashboard-button4, .dashboard-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.dashboard-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-button6, .dashboard-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.dashboard-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-content13, .dashboard-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.dashboard-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.dashboard-content13, .dashboard-divider-icon1, .dashboard-page-header {
  align-self: stretch;
  max-width: 100%;
}

.dashboard-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.dashboard-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.dashboard-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.dashboard-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-button-group-base1, .dashboard-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.dashboard-button-group-base2 {
  width: 77px;
}

.dashboard-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.dashboard-button-group-base3, .dashboard-button-group-base4, .dashboard-button-group-base5, .dashboard-button-group-base6, .dashboard-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.dashboard-button-group-base4, .dashboard-button-group-base5, .dashboard-button-group-base6, .dashboard-button-group-base7 {
  z-index: 4;
}

.dashboard-button-group-base5, .dashboard-button-group-base6, .dashboard-button-group-base7 {
  z-index: 3;
}

.dashboard-button-group-base6, .dashboard-button-group-base7 {
  z-index: 2;
}

.dashboard-button-group-base7 {
  z-index: 1;
}

.dashboard-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-button-group, .dashboard-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.dashboard-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.dashboard-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-buttonsbutton1:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.dashboard-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-date-picker-dropdown-job {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.dashboard-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-actions2, .dashboard-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.dashboard-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.dashboard-container, .dashboard-header-section, .dashboard-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.dashboard-container, .dashboard-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.dashboard-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.dashboard-header-section {
  flex-shrink: 0;
}

.dashboard-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.dashboard-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.dashboard-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 250px;
  display: flex;
}

.dashboard-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.dashboard-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-color2, .dashboard-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.dashboard-color3 {
  background-color: #17b26a;
}

.dashboard-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.dashboard-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.dashboard-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.dashboard-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.dashboard-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.dashboard-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.dashboard-divider, .dashboard-y-axis-line, .dashboard-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.dashboard-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.dashboard-y-axis-line, .dashboard-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.dashboard-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.dashboard-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.dashboard-y-axis, .dashboard-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.dashboard-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.dashboard-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.dashboard-jan, .dashboard-jul, .dashboard-jun, .dashboard-mar, .dashboard-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.dashboard-jul, .dashboard-jun, .dashboard-mar, .dashboard-may {
  min-width: 23px;
}

.dashboard-jul, .dashboard-jun, .dashboard-may {
  min-width: 25px;
}

.dashboard-jul, .dashboard-jun {
  min-width: 22px;
}

.dashboard-jul {
  min-width: 17px;
}

.dashboard-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.dashboard-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.dashboard-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.dashboard-line-and-bar-chart, .dashboard-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-line-and-bar-chart {
  flex: 1;
}

.dashboard-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 13px;
}

.dashboard-heading1, .dashboard-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.dashboard-number {
  white-space: nowrap;
  line-height: 38px;
}

.dashboard-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dashboard-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-change-and-text, .dashboard-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.dashboard-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.dashboard-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.dashboard-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.dashboard-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-dropdown, .dashboard-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.dashboard-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.dashboard-change-and-text1, .dashboard-container1, .dashboard-metric-group, .dashboard-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.dashboard-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.dashboard-container1, .dashboard-metric-group, .dashboard-section {
  align-items: flex-start;
  max-width: 100%;
}

.dashboard-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 10px 22px;
  padding: 0 4px 0 0;
}

.dashboard-container1, .dashboard-section {
  flex-direction: column;
}

.dashboard-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.dashboard-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.dashboard-separator, .dashboard-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.dashboard-separator1 {
  height: 43px;
}

.dashboard-main, .dashboard-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.dashboard-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.dashboard-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.dashboard-breadcrumb-button-base6, .dashboard-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.dashboard-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.dashboard-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.dashboard-breadcrumbs1, .dashboard-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.dashboard-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.dashboard-breadcrumbs1 {
  width: 278px;
  display: none;
}

.dashboard-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.dashboard-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.dashboard-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.dashboard-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.dashboard-content16, .dashboard-input-with-label1, .dashboard-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.dashboard-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.dashboard-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.dashboard-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.dashboard-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.dashboard-content15, .dashboard-page-header-wrapper, .dashboard-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.dashboard-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.dashboard-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.dashboard-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-tab-button-base {
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.dashboard-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.dashboard-text49, .dashboard-text50, .dashboard-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-text50, .dashboard-text51 {
  min-width: 62px;
}

.dashboard-text51 {
  min-width: 34px;
}

.dashboard-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.dashboard-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.dashboard-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.dashboard-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.dashboard-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.dashboard-tab-button-base7, .dashboard-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.dashboard-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.dashboard-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.dashboard-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.dashboard-horizontal-tabs, .dashboard-horizontal-tabs-wrapper, .dashboard-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.dashboard-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.dashboard-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.dashboard-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.dashboard-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.dashboard-dropdown3, .dashboard-metric-card, .dashboard-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-dropdown3 {
  z-index: 1;
  flex-direction: column;
  position: relative;
}

.dashboard-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.dashboard-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.dashboard-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.dashboard-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.dashboard-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.dashboard-frame-inner, .dashboard-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.dashboard-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.dashboard-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.dashboard-heading5, .dashboard-number4 {
  z-index: 1;
  position: relative;
}

.dashboard-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.dashboard-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.dashboard-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.dashboard-badge12, .dashboard-frame-container, .dashboard-heading-parent, .dashboard-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.dashboard-frame-container, .dashboard-rectangle-container {
  box-sizing: border-box;
}

.dashboard-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.dashboard-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.dashboard-heading-group {
  gap: 8px;
  width: 153px;
}

.dashboard-dropdown7, .dashboard-heading-container, .dashboard-heading-group, .dashboard-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-heading-container {
  gap: 8px;
  width: 163px;
}

.dashboard-dropdown7, .dashboard-heading-parent1 {
  flex-shrink: 0;
}

.dashboard-heading-parent1 {
  gap: 8px;
  width: 170px;
}

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

.dashboard-frame-group, .dashboard-frame-wrapper, .dashboard-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.dashboard-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.dashboard-frame-group, .dashboard-frame-wrapper {
  max-width: 100%;
}

.dashboard-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.dashboard-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.dashboard-text62, .dashboard-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-text63 {
  min-width: 74px;
}

.dashboard-buttonsbutton4, .dashboard-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.dashboard-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-dropdowns, .dashboard-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.dashboard-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.dashboard-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  transition: box-shadow .3s, border .3s;
  overflow: hidden;
}

.dashboard-input-dropdown2, .dashboard-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.dashboard-input-with-label2 {
  flex: 0;
  align-self: stretch;
  gap: 6px;
}

.dashboard-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.dashboard-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.dashboard-content17, .dashboard-filters-bar, .dashboard-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.dashboard-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.dashboard-frame-child3, .dashboard-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.dashboard-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.dashboard-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.dashboard-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.dashboard-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.dashboard-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.dashboard-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.dashboard-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.dashboard-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-location-badge, .dashboard-location-badge-number, .dashboard-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.dashboard-location-badge, .dashboard-type-number {
  box-sizing: border-box;
}

.dashboard-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.dashboard-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.dashboard-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.dashboard-location-elements, .dashboard-type-badge-elements, .dashboard-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.dashboard-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.dashboard-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.dashboard-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.dashboard-badge-elements, .dashboard-badge-elements-wrapper, .dashboard-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.dashboard-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-action-fields, .dashboard-card-elements, .dashboard-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.dashboard-action-fields, .dashboard-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.dashboard-input-elements {
  align-self: stretch;
  gap: 16px;
}

.dashboard-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.dashboard-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.dashboard-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.dashboard-frame-wrapper3, .dashboard-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.dashboard-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.dashboard-dropdown-elements, .dashboard-dropdown-options-parent, .dashboard-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.dashboard-price-parent {
  flex-direction: column;
  flex: 1;
}

.dashboard-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.dashboard-content-actions, .dashboard-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.dashboard-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.dashboard-location-column-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 35px;
  width: 52px;
  height: 52px;
  position: relative;
}

.dashboard-location-column-child-job {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.dashboard-name, .dashboard-role {
  display: inline-block;
  position: relative;
}

.dashboard-name {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 170px;
  font-weight: 600;
  line-height: 23px;
  overflow: hidden;
}

.dashboard-role {
  color: #6941c6;
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0;
  min-width: 170px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
}

.dashboard-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-buttonsbutton8, .dashboard-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.dashboard-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.dashboard-buttonsbutton-parent, .dashboard-primary-table, .dashboard-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.dashboard-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.dashboard-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.dashboard-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.dashboard-content-items, .dashboard-help-avatar, .dashboard-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.dashboard-content-items, .dashboard-rectangle-parent3 {
  box-sizing: border-box;
}

.dashboard-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.dashboard-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.dashboard-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.dashboard-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.dashboard-badge-parent, .dashboard-badge23, .dashboard-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.dashboard-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-badge23, .dashboard-badge24, .dashboard-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.dashboard-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.dashboard-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.dashboard-badge24, .dashboard-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-badge-elements-copy, .dashboard-badge25, .dashboard-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.dashboard-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.dashboard-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.dashboard-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.dashboard-badge26, .dashboard-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.dashboard-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-badge27, .dashboard-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.dashboard-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.dashboard-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.dashboard-frame-parent1, .dashboard-frame-parent2, .dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.dashboard-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.dashboard-frame-child5, .dashboard-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.dashboard-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.dashboard-frame-child7, .dashboard-text78 {
  z-index: 2;
  position: relative;
}

.dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.dashboard-text78 {
  font-weight: 600;
  line-height: 28px;
}

.dashboard-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-location3, .dashboard-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-type-of-work2 {
  min-width: 109px;
}

.dashboard-frame-parent12, .dashboard-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.dashboard-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.dashboard-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.dashboard-badge29, .dashboard-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.dashboard-badge30 {
  width: 76px;
}

.dashboard-badge-container, .dashboard-badge30, .dashboard-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.dashboard-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.dashboard-badge-container, .dashboard-badge32, .dashboard-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.dashboard-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.dashboard-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-badge33, .dashboard-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.dashboard-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.dashboard-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-price2, .dashboard-text83 {
  position: relative;
}

.dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.dashboard-radar-1-1-container, .dashboard-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.dashboard-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.dashboard-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.dashboard-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.dashboard-name2, .dashboard-role2 {
  display: inline-block;
  position: relative;
}

.dashboard-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.dashboard-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.dashboard-buttonsbutton13, .dashboard-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.dashboard-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.dashboard-buttonsbutton14, .dashboard-buttonsbutton15, .dashboard-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.dashboard-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.dashboard-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.dashboard-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.dashboard-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-frame-wrapper16, .dashboard-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.dashboard-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.dashboard-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.dashboard-divider-icon5, .dashboard-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.dashboard-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.dashboard-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.dashboard-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-badge34, .dashboard-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.dashboard-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-badge36, .dashboard-badge37, .dashboard-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.dashboard-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.dashboard-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.dashboard-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.dashboard-badge38, .dashboard-frame-parent26, .dashboard-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.dashboard-badge39, .dashboard-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.dashboard-divider-icon6 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.dashboard-element-details-child, .dashboard-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.dashboard-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.dashboard-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.dashboard-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.dashboard-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.dashboard-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.dashboard-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.dashboard-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.dashboard-date-icon, .dashboard-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-type-label {
  color: #101828;
  font-size: 14px;
}

.dashboard-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.dashboard-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.dashboard-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.dashboard-work-type-icon, .dashboard-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.dashboard-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.dashboard-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.dashboard-action-icons, .dashboard-calendar-icon6, .dashboard-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.dashboard-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.dashboard-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.dashboard-element-actions, .dashboard-element-details-parent, .dashboard-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.dashboard-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.dashboard-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.dashboard-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.dashboard-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.dashboard-frame-parent32, .dashboard-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.dashboard-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.dashboard-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.dashboard-dropdown-parent1, .dashboard-frame-parent31, .dashboard-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.dashboard-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.dashboard-dropdown-parent1, .dashboard-frame-parent31 {
  align-items: flex-end;
}

.dashboard-frame-parent31 {
  flex: 1;
}

.dashboard-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.dashboard-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.dashboard-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.dashboard-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.dashboard-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.dashboard-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.dashboard-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.dashboard-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.dashboard-span {
  font-weight: 500;
}

.dashboard-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.dashboard-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.dashboard-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-frame-parent36, .dashboard-frame-parent37, .dashboard-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-frame-parent37, .dashboard-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.dashboard-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.dashboard-text105, .dashboard-text106, .dashboard-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.dashboard-text105, .dashboard-text106 {
  display: inline-block;
}

.dashboard-text105 {
  min-width: 103px;
}

.dashboard-text106 {
  flex-shrink: 0;
  width: 151px;
}

.dashboard-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.dashboard-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.dashboard-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.dashboard-supporting-text20, .dashboard-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.dashboard-supporting-text20 {
  min-width: 70.9px;
}

.dashboard-supporting-text21 {
  width: 104px;
}

.dashboard-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.dashboard-frame-parent33, .dashboard-frame-parent34, .dashboard-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.dashboard-frame-parent33, .dashboard-frame-parent34 {
  flex: 1;
}

.dashboard-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.dashboard-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.dashboard-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-buttonsbutton-wrapper, .dashboard-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.dashboard-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.dashboard-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-dropdown-parent2, .dashboard-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.dashboard-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.dashboard-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.dashboard-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.dashboard-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.dashboard-content-items5, .dashboard-frame-child16, .dashboard-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.dashboard-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.dashboard-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.dashboard-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.dashboard-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.dashboard-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.dashboard-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.dashboard-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.dashboard-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.dashboard-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.dashboard-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.dashboard-frame-parent39, .dashboard-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.dashboard-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.dashboard-dropdown14, .dashboard-text112 {
  z-index: 1;
  position: absolute;
}

.dashboard-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.dashboard-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.dashboard-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.dashboard-price6, .dashboard-text113 {
  z-index: 1;
  position: relative;
}

.dashboard-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.dashboard-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.dashboard-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.dashboard-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.dashboard-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.dashboard-frame-parent46, .dashboard-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.dashboard-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.dashboard-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.dashboard-frame-parent45, .dashboard-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.dashboard-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.dashboard-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.dashboard-card-container-child, .dashboard-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.dashboard-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.dashboard-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.dashboard-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.dashboard-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.dashboard-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.dashboard-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.dashboard-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.dashboard-dropdown15, .dashboard-item-title {
  z-index: 2;
  position: absolute;
}

.dashboard-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.dashboard-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.dashboard-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.dashboard-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.dashboard-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.dashboard-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.dashboard-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.dashboard-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.dashboard-card-container, .dashboard-card-list, .dashboard-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.dashboard-card-container, .dashboard-card-list {
  align-items: flex-start;
}

.dashboard-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.dashboard-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.dashboard-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.dashboard-frame-wrapper37, .dashboard-price-wrapper, .dashboard-text-wrapper18, .dashboard-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.dashboard-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.dashboard-frame-wrapper37, .dashboard-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.dashboard-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.dashboard-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.dashboard-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.dashboard-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.dashboard-buttonsbutton-frame, .dashboard-frame-parent64, .dashboard-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.dashboard-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.dashboard-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.dashboard-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.dashboard-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-change7, .dashboard-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.dashboard-change7 {
  min-width: 38px;
  display: inline-block;
}

.dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.dashboard-change-and-text3, .dashboard-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.dashboard-dropdown19, .dashboard-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-dropdown19 {
  position: relative;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-section {
  margin-top: -40px !important;
}

.dashboard-line-and-bar-chart-wrapper {
  margin-top: -21px !important;
}

.dashboard-buttonsbutton25, .dashboard-buttonsbutton26, .dashboard-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.dashboard-buttonsbutton25, .dashboard-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.dashboard-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-arrow-square-up-right-wrapper1, .dashboard-buttonsbutton-parent1, .dashboard-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.dashboard-divider-container1, .dashboard-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.dashboard-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-buttonsbutton-wrapper1, .dashboard-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.dashboard-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.dashboard-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.dashboard-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.dashboard-badge46, .dashboard-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dashboard-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.dashboard-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.dashboard-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.dashboard-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-actions3, .dashboard-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.dashboard-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.dashboard-content20, .dashboard-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.dashboard-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.dashboard-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.dashboard-card-header, .dashboard-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.dashboard-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.dashboard-button-group-base9, .dashboard-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.dashboard-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.dashboard-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.dashboard-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.dashboard-button-group-base10, .dashboard-button-group-base11, .dashboard-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.dashboard-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.dashboard-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.dashboard-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.dashboard-content22, .dashboard-input-with-label3, .dashboard-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.dashboard-input-with-label3, .dashboard-input3 {
  align-self: stretch;
}

.dashboard-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.dashboard-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.dashboard-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.dashboard-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.dashboard-actions4, .dashboard-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.dashboard-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.dashboard-content-items9, .dashboard-content21, .dashboard-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.dashboard-content-items9, .dashboard-filters-bar1 {
  justify-content: flex-start;
}

.dashboard-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.dashboard-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.dashboard-badge-number1, .dashboard-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.dashboard-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.dashboard-badge47, .dashboard-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dashboard-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.dashboard-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.dashboard-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.dashboard-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.dashboard-actions5, .dashboard-card-header1, .dashboard-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.dashboard-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.dashboard-card-header1, .dashboard-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.dashboard-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.dashboard-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.dashboard-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.dashboard-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.dashboard-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.dashboard-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.dashboard-checkbox-wrapper, .dashboard-sub-nav-items-wrapper, .dashboard-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.dashboard-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.dashboard-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.dashboard-avatar2, .dashboard-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.dashboard-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.dashboard-avatar2 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.dashboard-account-button, .dashboard-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-account-button {
  min-width: 75px;
  font-weight: 500;
}

.dashboard-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.dashboard-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.dashboard-avatar3 {
  background-image: url("avatar3@3x.1f4d46c9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.dashboard-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.dashboard-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.dashboard-avatar5 {
  background-image: url("avatar4@3x.27b7e1fb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.dashboard-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-contrast-border6, .dashboard-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.dashboard-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -380px;
  overflow-x: auto;
}

.dashboard-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.dashboard-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.dashboard-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.dashboard-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-button-upload, .dashboard-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.dashboard-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.dashboard-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.dashboard-avatar8 {
  background-image: url("avatar5@3x.f36d8172.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.dashboard-table-cell6, .dashboard-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.dashboard-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.dashboard-avatar10 {
  background-image: url("avatar6@3x.5f263d4b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.dashboard-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.dashboard-avatar11 {
  background-image: url("avatar7@3x.bebe0bf4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.dashboard-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.dashboard-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.dashboard-table-header, .dashboard-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dashboard-table-header {
  gap: 4px;
}

.dashboard-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.dashboard-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.dashboard-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.dashboard-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell15, .dashboard-table-cell16, .dashboard-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.dashboard-table-cell16, .dashboard-table-cell18 {
  width: 271px;
}

.dashboard-table-cell18 {
  width: 239px;
}

.dashboard-column, .dashboard-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.dashboard-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.dashboard-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.dashboard-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.dashboard-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.dashboard-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.dashboard-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.dashboard-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.dashboard-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.dashboard-user-cell2, .dashboard-user-cell3, .dashboard-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-user-cell3, .dashboard-user-cell4 {
  min-width: 84px;
}

.dashboard-user-cell4 {
  min-width: 82px;
}

.dashboard-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.dashboard-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.dashboard-user-cell5, .dashboard-user-cell6, .dashboard-user-cell7 {
  line-height: 20px;
  position: relative;
}

.dashboard-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.dashboard-user-cell7 {
  white-space: nowrap;
}

.dashboard-column1, .dashboard-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.dashboard-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.dashboard-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.dashboard-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell30, .dashboard-table-header-cell3, .dashboard-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.dashboard-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.dashboard-table-cell30, .dashboard-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.dashboard-table-header-cell3 {
  background-color: #f9fafb;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.dashboard-table-cell30 {
  padding: 26px 50px 24px;
}

.dashboard-column2, .dashboard-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.dashboard-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.dashboard-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.dashboard-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-button-wrap, .dashboard-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.dashboard-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.dashboard-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.dashboard-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-content24, .dashboard-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-content24 {
  padding: 10px 16px;
}

.dashboard-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.dashboard-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-content25, .dashboard-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-content25 {
  padding: 10px 15px;
}

.dashboard-pagination-number-base1 {
  overflow: hidden;
}

.dashboard-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-content26, .dashboard-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-content26 {
  padding: 10px 15px;
}

.dashboard-pagination-number-base2 {
  overflow: hidden;
}

.dashboard-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.dashboard-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-content30, .dashboard-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.dashboard-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.dashboard-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-button-wrap1, .dashboard-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.dashboard-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.dashboard-pagination, .dashboard-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.dashboard-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.dashboard-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.dashboard-content-items10, .dashboard-content-items11, .dashboard-table-cell40, .dashboard-table-cell41, .dashboard-table-cell42, .dashboard-table-header-cell4 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.dashboard-table-cell40, .dashboard-table-cell41, .dashboard-table-cell42, .dashboard-table-header-cell4 {
  border-bottom: 1px solid #eaecf0;
  gap: 12px;
  position: absolute;
  left: 0;
}

.dashboard-table-header-cell4 {
  color: #475467;
  background-color: #f9fafb;
  width: 100%;
  max-width: 100%;
  padding: 12px 24px 10px;
  font-size: 12px;
  top: 0;
}

.dashboard-table-cell40, .dashboard-table-cell41, .dashboard-table-cell42 {
  width: 245px;
  padding: 16px 24px 14px;
  top: 44px;
  overflow-x: auto;
}

.dashboard-table-cell41, .dashboard-table-cell42 {
  width: 252px;
  top: 116px;
}

.dashboard-table-cell42 {
  top: 188px;
}

.dashboard-table-cell43 {
  width: 252px;
  top: 260px;
}

.dashboard-table-cell43, .dashboard-table-cell44, .dashboard-table-cell45 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.dashboard-table-cell44 {
  text-align: center;
  color: #667085;
  width: 311px;
  font-size: 16px;
  top: 332px;
}

.dashboard-table-cell45 {
  width: 260px;
  top: 404px;
}

.dashboard-table-cell46 {
  box-sizing: border-box;
  width: 252px;
  top: 476px;
}

.dashboard-table-cell46, .dashboard-table-cell47, .dashboard-table-cell48, .dashboard-table-cell49 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.dashboard-table-cell47 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  width: 242px;
  font-size: 16px;
  top: 548px;
}

.dashboard-table-cell48, .dashboard-table-cell49 {
  top: 620px;
}

.dashboard-table-cell49 {
  box-sizing: border-box;
  z-index: 1;
  width: 242px;
  top: 692px;
}

.dashboard-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.dashboard-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.dashboard-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.dashboard-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.dashboard-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.dashboard-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell50, .dashboard-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.dashboard-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.dashboard-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.dashboard-column3, .dashboard-table-cell52, .dashboard-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.dashboard-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.dashboard-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.dashboard-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.dashboard-marker-pin-02-group, .dashboard-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dashboard-marker-pin-02-group {
  gap: 7px;
}

.dashboard-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.dashboard-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.dashboard-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.dashboard-column-wrapper, .dashboard-column4, .dashboard-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.dashboard-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.dashboard-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.dashboard-column5, .dashboard-column6, .dashboard-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.dashboard-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.dashboard-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.dashboard-column-parent, .dashboard-frame-parent74, .dashboard-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.dashboard-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.dashboard-frame-parent74, .dashboard-pagination1 {
  align-self: stretch;
}

.dashboard-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.dashboard-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.dashboard-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.dashboard-badge50, .dashboard-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dashboard-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.dashboard-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.dashboard-content-items14, .dashboard-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.dashboard-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.dashboard-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-button-group-base27, .dashboard-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.dashboard-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.dashboard-button-group-base28 {
  background-color: #fff;
}

.dashboard-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.dashboard-filter-bar-container, .dashboard-frame-parent, .dashboard-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.dashboard-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.dashboard-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.dashboard-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.dashboard-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.dashboard-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.dashboard-buttonsbutton33, .dashboard-content45, .dashboard-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.dashboard-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.dashboard-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-actions11, .dashboard-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.dashboard-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.dashboard-empty-state, .dashboard-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.dashboard-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.dashboard-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.dashboard-empty-state-wrapper, .dashboard-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.dashboard-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.dashboard-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.dashboard-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.dashboard-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.dashboard-content46, .dashboard-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dashboard-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.dashboard-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.dashboard-add, .dashboard-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-learn-more {
  min-width: 88px;
}

.dashboard-actions12, .dashboard-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.dashboard-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.dashboard-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.dashboard-empty-state-container, .dashboard-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.dashboard-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.dashboard-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.dashboard-dashboard-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.dashboard-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.dashboard-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.dashboard-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashbooard-listings-dropdown-container {
  display: inline-block;
  position: relative;
}

.dashboard-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
}

.dashboard-dropdown-wrapper.open-upwards {
  top: auto;
  bottom: calc(100% + 4px);
}

.dashboard-dropdown-wrapper {
  transition: transform .2s;
}

.dashboard-dropdown-wrapper .button-dropdown-menu {
  color: #344054 !important;
  background-color: #fff !important;
  border: 1px solid #eaecf0 !important;
  border-radius: 8px !important;
  flex-direction: column !important;
  width: 240px !important;
  padding: 0 !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  display: flex !important;
  overflow: hidden !important;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808 !important;
}

.dashboard-dropdown-wrapper .button-dropdown-content {
  flex-direction: column !important;
  gap: 0 !important;
  padding: 4px 0 !important;
  display: flex !important;
}

.dashboard-dropdown-wrapper .button-dropdown-navMenuItem {
  background-color: #fff !important;
  border-radius: 7px !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 10px !important;
  padding: 1px 6px !important;
  display: flex !important;
}

.dashboard-dropdown-wrapper .button-dropdown-navMenuItem:hover {
  cursor: pointer !important;
  background-color: #eaecf0 !important;
}

.dashboard-dropdown-wrapper .button-dropdown-text {
  color: #475467 !important;
  font-family: Inter, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

.custom-tooltip {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 8px;
  box-shadow: 0 2px 4px #0000001a;
}

.tooltip-day {
  color: #333;
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 500;
}

.tooltip-value {
  color: #10b981;
  margin: 0;
  font-size: 13px;
}

.last10-percent {
  color: #10b981;
  font-weight: bold;
}

.dashboard-last10-change {
  color: #666;
  margin-top: 4px;
  font-size: 12px;
}

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

.last10-percent {
  font-weight: bold;
}

.custom-tooltip {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 8px;
  font-size: 12px;
  box-shadow: 0 2px 4px #0000001a;
}

.tooltip-device {
  color: #333;
  margin: 0 0 4px;
  font-weight: 500;
}

.tooltip-orders {
  color: #ef4444;
  margin: 0;
}

@media screen and (width <= 1275px) {
  .dashboard-all, .dashboard-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .dashboard-all {
    padding-bottom: 67px;
  }

  .dashboard-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .dashboard-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .dashboard-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .dashboard-content-elements-parent, .dashboard-content17, .dashboard-frame-group, .dashboard-rectangle-parent10, .dashboard-rectangle-parent5, .dashboard-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .dashboard-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .dashboard-frame-wrapper31 {
    flex: 1;
  }

  .dashboard-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .dashboard-list-item-parent {
    flex: 1;
  }

  .dashboard-card-list, .dashboard-content20, .dashboard-content21, .dashboard-metric-item-parent {
    flex-wrap: wrap;
  }

  .dashboard-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .dashboard-content23, .dashboard-frame-parent73, .dashboard-frame-parent74 {
    flex-wrap: wrap;
  }

  .dashboard-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .dashboard-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .dashboard-content13 {
    gap: 17px;
  }

  .dashboard-tabs-and-filters {
    flex-wrap: wrap;
  }

  .dashboard-jul {
    width: 100%;
    height: 17px;
  }

  .dashboard-x-axis {
    flex-wrap: wrap;
  }

  .dashboard-number {
    font-size: 24px;
    line-height: 30px;
  }

  .dashboard-main {
    gap: 16px;
  }

  .dashboard-number3, .dashboard-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .dashboard-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .dashboard-badge-elements, .dashboard-card-elements, .dashboard-dropdowns, .dashboard-location-badge-number {
    flex-wrap: wrap;
  }

  .dashboard-action-fields {
    min-width: 100%;
  }

  .dashboard-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .dashboard-frame-parent2, .dashboard-primary-table {
    flex-wrap: wrap;
  }

  .dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .dashboard-frame-parent17, .dashboard-frame-parent18, .dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .dashboard-element-details, .dashboard-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .dashboard-action-icons, .dashboard-element-details-parent {
    flex-wrap: wrap;
  }

  .dashboard-icon-button {
    gap: 17px;
  }

  .dashboard-icon-button, .dashboard-sidebar1 {
    flex-wrap: wrap;
  }

  .dashboard-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .dashboard-rectangle-parent11 {
    gap: 16px;
  }

  .dashboard-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .dashboard-frame-parent39 {
    min-width: 100%;
  }

  .dashboard-frame-wrapper31 {
    margin-left: 0;
  }

  .dashboard-card-row {
    min-width: 100%;
  }

  .dashboard-list-item-parent {
    margin-left: 0;
  }

  .dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .dashboard-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .dashboard-text-and-supporting-text2 {
    min-width: 100%;
  }

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

  .dashboard-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .dashboard-text-and-supporting-text3 {
    min-width: 100%;
  }

  .dashboard-actions5, .dashboard-table-cell51, .dashboard-table-cell52 {
    flex-wrap: wrap;
  }

  .dashboard-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .dashboard-frame-parent, .dashboard-text-and-supporting-text16 {
    min-width: 100%;
  }

  .dashboard-empty-state3 {
    gap: 16px;
  }

  .dashboard-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .dashboard-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .dashboard-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }

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

  .dashboard-number {
    font-size: 18px;
    line-height: 23px;
  }

  .dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .dashboard-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .dashboard-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .dashboard-number3, .dashboard-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .dashboard-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .dashboard-price {
    font-size: 16px;
    line-height: 26px;
  }

  .dashboard-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .dashboard-date-elements-parent {
    flex: 1;
  }

  .dashboard-badge-container, .dashboard-frame-parent12 {
    flex-wrap: wrap;
  }

  .dashboard-badge-group {
    height: auto;
    min-height: 104px;
  }

  .dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .dashboard-work-type-icon {
    flex: 1;
  }

  .dashboard-calendar-icon6 {
    flex-wrap: wrap;
  }

  .dashboard-work-type-label {
    margin-left: 0;
  }

  .dashboard-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .dashboard-frame-parent36, .dashboard-frame-parent42 {
    flex-wrap: wrap;
  }

  .dashboard-price5, .dashboard-price6, .dashboard-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .dashboard-frame-parent64 {
    flex-wrap: wrap;
  }

  .dashboard-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .dashboard-content22, .dashboard-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .dashboard-input-dropdown3 {
    max-width: 100%;
  }

  .dashboard-table-cell50, .dashboard-table-cell53 {
    flex-wrap: wrap;
  }

  .dashboard-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .dashboard-column5, .dashboard-column6 {
    flex: 1;
  }

  .dashboard-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .dashboard-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .dashboard-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .dashboard-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .dashboard-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.sidebar-animate {
  transition: width .3s ease-in-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: scale(.9)translateY(-20px);
  }

  to {
    opacity: 1;
    transform: scale(1)translateY(0);
  }
}

@keyframes slideOut {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.sidebar-sidebar-navigation {
  animation: .3s ease-in-out slideIn;
}

.sidebar-sidebar-navigation-disabled {
  animation: .3s ease-in-out slideOut;
}

.sidebar-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  height: 100vh;
  font-family: Inter;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sidebar-sidebar-navigation-disabled {
  width: max-content !important;
}

.sidebar-content4 {
  border-right: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.sidebar-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.sidebar-navigation1, .sidebar-navigation2, .sidebar-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sidebar-navigation1 {
  padding: 32px 0 0;
}

.sidebar-navigation1-padding {
  padding: 9px 0 0 !important;
}

.sidebar-nav-item-button2, .sidebar-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.sidebar-nav-item-button2:hover, .sidebar-nav-item-button3 {
  background-color: #f9fafb;
}

.sidebar-home-line-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sidebar-footer {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
  display: flex;
}

.sidebar-navigation3 {
  gap: 8px;
}

.sidebar-avatar1 {
  cursor: pointer;
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.sidebar-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sidebar-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.sidebar-sub-nav-title {
  color: #475467;
  flex: 1;
  width: 220px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.sidebar-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.sidebar-content5 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  padding: 36px 16px 0;
  display: flex;
}

.sidebar-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sidebar-navigation4 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sidebar-nav-item-base3 {
  color: #18222f;
  background-color: #f9fafb;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.sidebar-content6, .sidebar-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sidebar-content6 {
  flex: 1;
  gap: 12px;
}

.sidebar-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.sidebar-text6 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sidebar-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.sidebar-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sidebar-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sidebar-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.sidebar-nav-item-base4:hover {
  background-color: #f9fafb;
}

.sidebar-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.sidebar-text8 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sidebar-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.sidebar-badge4, .sidebar-content8, .sidebar-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sidebar-badge-count {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sidebar-content8 {
  flex: 1;
  gap: 12px;
}

.sidebar-content12 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.sidebar-text17 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sidebar-account {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 47px;
  padding: 0 48px 24px 20px;
  font-size: 14px;
  display: flex;
  position: relative;
}

.sidebar-price-parent {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 178px;
  display: flex;
  overflow: hidden;
}

.sidebar-title {
  color: #475467;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
}

.sidebar-supporting-text {
  color: #475467;
  white-space: nowrap;
  align-self: stretch;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.sidebar-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.sidebar-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sidebar-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.sidebar-active-tab {
  background-color: #f3f4f6;
  border-radius: 8px;
}

@media screen and (width <= 450px) {
  .sidebar-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }
}

@media screen and (width <= 750px) {
  .navbar-top-header-right {
    gap: 19px;
  }

  .navbar-top-header {
    gap: 35px;
  }

  .navbar-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }
}

@media screen and (width <= 450px) {
  .navbar-top-header {
    gap: 17px;
  }
}

.user-menu-dropdown-avatar-online-indicator6, .user-menu-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.user-menu-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.user-menu-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.user-menu-dropdown-avatar22 {
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 20%;
  height: 40px;
  position: relative;
}

.user-menu-dropdown-supporting-text84, .user-menu-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.user-menu-dropdown-text246 {
  font-weight: 600;
}

.user-menu-dropdown-supporting-text84 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #475467 !important;
}

.user-menu-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.user-menu-dropdown-text-and-supporting-text19-custom-width {
  width: 75%;
}

.user-menu-dropdown-avatar-label-group, .user-menu-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.user-menu-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.user-menu-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.user-menu-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.user-menu-dropdown-text247 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.user-menu-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.user-menu-dropdown-content48, .user-menu-dropdown-dropdown-list-item, .user-menu-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-menu-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 10px;
}

.user-menu-dropdown-dropdown-list-item {
  background-color: #fff;
  border-radius: 7px;
  align-self: stretch;
  margin-left: 10px;
  margin-right: 10px;
  padding: 1px 6px;
}

.user-menu-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.user-menu-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.user-menu-dropdown-dropdown-list-item10, .user-menu-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 4px 0;
  display: flex;
}

.user-menu-dropdown-dropdown-list-item10 {
  z-index: 99;
  background-color: #fff;
  border-radius: 7px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.user-menu-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.user-menu-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.user-menu-dropdown-dropdown-list-item11, .user-menu-dropdown-dropdown-list-item12, .user-menu-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.user-menu-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.user-menu-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  border-radius: 7px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 1px 6px;
}

.user-menu-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.user-menu-dropdown-dropdown-list-item12, .user-menu-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.user-menu-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  border-radius: 7px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 1px 6px;
}

.user-menu-dropdown-menu-items, .user-menu-dropdown-user-menu-all-options-fixed {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.user-menu-dropdown-menu-items {
  align-self: stretch;
  padding: 4px 0;
}

.user-menu-dropdown-user-menu-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  width: 240px;
  line-height: normal;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.dashboard-dropdown-item:hover, .plans-dropdown-item:hover, .business-dropdown-item:hover, .invite-dropdown-item:hover {
  background-color: #eaecf0;
}

.header-nav-menu {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 336px;
  height: 516px;
  display: inline-flex;
  overflow: hidden;
  box-shadow: 0 4px 6px -2px #10182808;
}

.header-nav-content {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  height: max-content;
  padding: 12px;
  display: flex;
}

.header-nav-navMenuItem {
  border-radius: 8px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  height: 120px;
  padding: 12px 12px 12px 0;
  display: inline-flex;
}

.header-nav-navMenuItem:hover {
  background-color: #eaecf0;
}

.header-nav-iconWrapper {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  display: flex;
}

.header-nav-icon {
  width: 16px;
  height: 20px;
}

.header-nav-itemContent {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: inline-flex;
}

.header-nav-textAndSupportingText {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  height: 68px;
  display: flex;
}

.header-nav-textAndBadge {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.header-nav-text {
  color: #101828;
  word-wrap: break-word;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.header-nav-supportingText {
  color: #475467;
  word-wrap: break-word;
  align-self: stretch;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.button-dropdown-menu {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 157px;
  height: max-content;
  display: inline-flex;
  overflow: hidden;
  box-shadow: 0 4px 6px -2px #10182808;
}

.button-dropdown-content {
  flex-direction: column;
  gap: 4px;
  width: 100%;
  padding: 8px 5px;
  display: flex;
}

.button-dropdown-navMenuItem {
  box-sizing: border-box;
  border-radius: 8px;
  width: 100%;
  padding: 8px 12px;
  display: block;
}

.button-dropdown-navMenuItem:hover {
  background-color: #eaecf0;
}

.button-dropdown-itemContent {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 0;
  display: inline-flex;
}

.button-dropdown-textAndSupportingText {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0;
  display: flex;
}

.button-dropdown-textAndBadge {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.button-dropdown-text {
  color: #101828;
  word-wrap: break-word;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.button-dropdown-supportingText {
  color: #475467;
  word-wrap: break-word;
  align-self: stretch;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sell-dropdown-user-menu {
  color: #344054;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex-direction: column;
  width: 240px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.sell-dropdown-menu-items {
  flex-direction: column;
  padding: 4px 0;
  display: flex;
}

.sell-dropdown-item {
  background-color: #fff;
  border-radius: 7px;
  align-items: center;
  margin: 0 10px;
  padding: 1px 6px;
  display: flex;
}

.sell-dropdown-item:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.sell-dropdown-link {
  color: #475467;
  width: 100%;
  text-decoration: none;
}

.sell-dropdown-link:focus {
  outline: none;
}

.sell-dropdown-item:focus-within {
  background-color: #eaecf0;
  border-radius: 7px;
}

.sell-dropdown-content {
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  display: flex;
}

.sell-dropdown-text {
  font-weight: 500;
  line-height: 20px;
}

.gerator-text-default {
  color: #fff;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.gerator-text-500-default-sm {
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.gerator-text-dark-default {
  color: #101828;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.gerator-text-dark-xl {
  color: #101828;
  font-family: Inter;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
}

.gerator-text-dark-lg {
  color: #101828;
  font-family: Inter;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
}

.gerator-text-400-secondary-xs {
  color: #475467;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.gerator-text-400-secondary-sm {
  color: #475467;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.gerator-text-400-secondary {
  color: #475467;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.gerator-text-500-secondary {
  color: #475467;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.gerator-text-500-secondary-sm {
  color: #475467;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.gerator-text-secondary-medium {
  color: #475467;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.gerator-text-secondary {
  color: #475467;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.gerator-text-secondary-dark-sm {
  color: #344054;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.gerator-text-secondary-light-sm {
  color: #667085;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

@media screen and (width <= 750px) {
  .navbar-input-with-label-landing.show-search {
    max-width: 350px;
  }
}

@media screen and (width <= 450px) {
  .navbar-input-with-label-landing.show-search {
    max-width: 280px;
  }
}

.dropdown-item {
  cursor: pointer;
  background-color: #fff;
  border-radius: 7px;
  align-items: center;
  width: calc(100% - 16px);
  margin: 1px 10px;
  padding: 9px 10px;
  transition: background-color .15s;
  display: flex;
}

.search-results-container {
  z-index: 999999;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  max-height: 20rem;
  margin-top: .5rem;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow-y: auto;
  transform: none;
  box-shadow: 0 10px 15px #0000001a;
}

.results-wrapper {
  padding: .5rem 0;
}

.result-item {
  cursor: pointer;
  border-bottom: 1px solid #f3f4f6;
  padding: .75rem 1rem;
  transition: background-color .2s;
}

.result-item:last-child {
  border-bottom: none;
}

.result-item:hover {
  background-color: #f9fafb;
}

.result-content {
  justify-content: space-between;
  align-items: start;
  display: flex;
}

.result-main {
  flex: 1;
  min-width: 0;
}

.result-name {
  color: #111827;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
  overflow: hidden;
}

.result-description {
  color: #4b5563;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: .25rem;
  font-size: .875rem;
  display: -webkit-box;
  overflow: hidden;
}

.result-tags {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  margin-top: .5rem;
  display: flex;
}

.result-tags .tag {
  color: #1e40af;
  text-transform: capitalize;
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 9999px;
  flex-shrink: 0;
  align-items: center;
  width: auto;
  min-width: fit-content;
  padding: .375rem .75rem;
  font-size: .75rem;
  font-weight: 500;
  display: inline-flex;
  background-color: #c4d6ef !important;
}

.price, .salary {
  color: #059669;
  align-items: center;
  padding: .25rem 0;
  font-size: .875rem;
  font-weight: 600;
  display: inline-flex;
}

.no-results {
  text-align: center;
  color: #6b7280;
  padding: 2rem 1rem;
}

.no-results-hint {
  margin-top: .25rem;
  font-size: .875rem;
}

.load-more-indicator {
  text-align: center;
  background-color: #f9fafb;
  border-top: 1px solid #f3f4f6;
  padding: 1rem;
}

.load-more-text {
  color: #6b7280;
  font-size: .875rem;
  font-style: italic;
}

.search-results-container {
  z-index: 999999 !important;
  position: absolute !important;
  transform: none !important;
}

.navbar-input-with-label-landing .search-results-container {
  z-index: 999999 !important;
  width: 100% !important;
  min-width: 300px !important;
  margin-top: .5rem !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
}

.end-of-results {
  text-align: center;
  margin-top: .5rem;
  padding: 1.5rem 1rem;
}

.end-of-results-text {
  color: #9ca3af;
  margin: 0;
  font-size: .875rem;
  font-style: italic;
}

.footer-container3, .footer-footer-frame-layout, .footer-footer1 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.footer-container3 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  padding: 0 75px 0 28px;
}

.footer-footer-frame-layout, .footer-footer1 {
  background-color: #fff;
  overflow: hidden;
}

.footer-footer1 {
  z-index: 1;
  color: #475467;
  align-self: stretch;
  align-items: center;
  padding: 48px 0;
  font-family: Inter;
}

.footer-content47, .footer-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.footer-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  gap: 20px;
}

.footer-footer-text {
  line-height: 20px;
  position: relative;
}

.footer-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-logomark, .footer-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

@media screen and (width <= 1275px) {
  .footer-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 750px) {
  .footer-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .footer-footer1 {
    gap: 16px;
  }
}

.dashboard-device-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.dashboard-device-component-listing-container::-webkit-scrollbar {
  display: none;
}

.dashboard-device-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.dashboard-device-component-dashboard-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.dashboard-device-component-dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.dashboard-device-component-dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.dashboard-device-component-dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.dashboard-device-component-dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.dashboard-device-component-dashboard-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.dashboard-device-component-dashboard-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.dashboard-device-component-dashboard-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.dashboard-device-component-dashboard-text78 {
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 2;
  white-space: nowrap;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.dashboard-device-component-dashboard-text78-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  color: inherit;
  display: block;
  position: relative;
  overflow: hidden;
}

.dashboard-device-component-dashboard-text78-text:after {
  content: "";
  transform-origin: 0;
  z-index: -1;
  background-color: #7e56d9;
  width: 100%;
  height: 2px;
  transition: transform .4s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}

.dashboard-device-component-dashboard-text78:hover .dashboard-device-component-dashboard-text78-text:after {
  transform: scaleX(1);
}

.dashboard-device-component-dashboard-text78:hover .dashboard-device-component-dashboard-text78-text {
  color: #7e56d9 !important;
}

.dashboard-device-component-dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
  position: relative;
}

.dashboard-device-component-dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.dashboard-device-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.dashboard-device-component-dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.dashboard-device-component-dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.dashboard-device-component-dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.dashboard-device-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.dashboard-device-component-dashboard-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.dashboard-device-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-device-component-dashboard-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-device-component-dashboard-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.dashboard-device-component-dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.dashboard-device-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.dashboard-device-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-device-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 124px;
  max-width: 163px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.dashboard-device-component-dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.dashboard-device-component-dashboard-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-device-component-dashboard-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-device-component-dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-device-component-dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.dashboard-device-component-dashboard-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.dashboard-device-component-dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-device-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-device-component-dashboard-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.dashboard-device-component-dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-device-component-dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.dashboard-device-component-dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.dashboard-device-component-dashboard-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.dashboard-device-component-dashboard-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-device-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.dashboard-device-component-dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.dashboard-device-component-dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.dashboard-device-component-dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.dashboard-device-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.dashboard-device-component-dashboard-radar-1-1-container {
  cursor: pointer;
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-device-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  cursor: pointer;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.dashboard-device-component-dashboard-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.dashboard-device-component-dashboard-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.dashboard-device-component-dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-device-component-dashboard-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.dashboard-device-component-dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.dashboard-device-component-dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.dashboard-device-component-dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.dashboard-device-component-dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.dashboard-device-component-dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-device-component-dashboard-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-device-component-dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.dashboard-device-component-dashboard-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.dashboard-device-component-dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.dashboard-device-component-dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.dashboard-device-component-dashboard-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-device-component-dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-device-component-dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-buttonsbutton25, .dashboard-device-component-dashboard-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-device-component-dashboard-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.dashboard-device-component-dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.dashboard-device-component-dashboard-icon1 {
  width: 20px;
  height: 20px;
  position: relative;
}

.dashboard-device-component-dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 6px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-device-component-dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.dashboard-device-component-dashboard-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.dashboard-device-component-dashboard-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.dashboard-device-component-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.dashboard-device-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-device-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .dashboard-device-component-dashboard-rectangle-parent5, .dashboard-device-component-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .dashboard-device-component-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .dashboard-device-component-dashboard-action-fields {
    min-width: 100%;
  }

  .dashboard-device-component-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .dashboard-device-component-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .dashboard-device-component-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .dashboard-device-component-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .dashboard-device-component-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .dashboard-device-component-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.sort-by-filter-dropdown-avatar-online-indicator6, .sort-by-filter-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.sort-by-filter-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.sort-by-filter-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.sort-by-filter-dropdown-avatar22 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.sort-by-filter-dropdown-supporting-text84, .sort-by-filter-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sort-by-filter-dropdown-text246 {
  font-weight: 600;
}

.sort-by-filter-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.sort-by-filter-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sort-by-filter-dropdown-avatar-label-group, .sort-by-filter-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sort-by-filter-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.sort-by-filter-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #f9fafb;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.sort-by-filter-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sort-by-filter-dropdown-text247 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sort-by-filter-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.sort-by-filter-dropdown-content48, .sort-by-filter-dropdown-dropdown-list-item, .sort-by-filter-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sort-by-filter-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 10px;
}

.sort-by-filter-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.sort-by-filter-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sort-by-filter-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.sort-by-filter-dropdown-dropdown-list-item10, .sort-by-filter-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.sort-by-filter-dropdown-dropdown-list-item10 {
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.sort-by-filter-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sort-by-filter-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sort-by-filter-dropdown-dropdown-list-item11, .sort-by-filter-dropdown-dropdown-list-item12, .sort-by-filter-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.sort-by-filter-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sort-by-filter-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.sort-by-filter-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sort-by-filter-dropdown-dropdown-list-item12, .sort-by-filter-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.sort-by-filter-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.sort-by-filter-dropdown-menu-items, .sort-by-filter-dropdown-sort-by-filter-all-options-fixed {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.sort-by-filter-dropdown-menu-items {
  align-self: stretch;
}

.sort-by-filter-dropdown-sort-by-filter-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  width: 190px;
  line-height: normal;
  position: absolute;
  top: 50px;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.type-rent-lease {
  color: #fff;
  background-color: #e31b54;
}

.type-exchange {
  color: #fff;
  background-color: #0ba5ec;
}

.type-sale {
  color: #fff;
  background-color: #15b79e;
}

.type- {
  color: #fff;
  background-color: #475467;
}

.detailed-device-component-text29 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-device-component-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 2px 28px;
  display: flex;
}

.three-dots-filter-dropdown-avatar-online-indicator6, .three-dots-filter-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.three-dots-filter-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.three-dots-filter-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.three-dots-filter-dropdown-avatar22 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.three-dots-filter-dropdown-supporting-text84, .three-dots-filter-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.three-dots-filter-dropdown-text246 {
  font-weight: 600;
}

.three-dots-filter-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.three-dots-filter-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.three-dots-filter-dropdown-avatar-label-group, .three-dots-filter-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.three-dots-filter-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.three-dots-filter-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #f9fafb;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.three-dots-filter-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.three-dots-filter-dropdown-text247 {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.three-dots-filter-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.three-dots-filter-dropdown-content48, .three-dots-filter-dropdown-dropdown-list-item, .three-dots-filter-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.three-dots-filter-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 5px;
}

.three-dots-filter-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.three-dots-filter-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-filter-dropdown-disabled {
  cursor: default;
  background-color: #f9fafb;
}

.three-dots-filter-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.three-dots-filter-dropdown-dropdown-list-item10, .three-dots-filter-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.three-dots-filter-dropdown-dropdown-list-item10 {
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.three-dots-filter-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-filter-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.three-dots-filter-dropdown-dropdown-list-item11, .three-dots-filter-dropdown-dropdown-list-item12, .three-dots-filter-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.three-dots-filter-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-filter-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.three-dots-filter-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-filter-dropdown-dropdown-list-item12, .three-dots-filter-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.three-dots-filter-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.three-dots-filter-dropdown-menu-items, .three-dots-filter-dropdown-three-dots-filter-all-options-fixed {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  color: #344054 !important;
}

.three-dots-filter-dropdown-menu-items {
  align-self: stretch;
}

.three-dots-filter-dropdown-three-dots-filter-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  width: max-content;
  line-height: normal;
  position: absolute;
  top: 34px;
  right: 7px;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.three-dots-filter-chat-dropdown-three-dots-filter-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 1000;
  text-align: left;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: absolute;
  right: 7px;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  color: #344054 !important;
}

.three-dots-message-dropdown-three-dots-message-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 1000;
  text-align: left;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: absolute;
  top: 10px;
  right: 7px;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  color: #344054 !important;
}

.three-dots-filter-dropdown-three-dots-filter-beacon-all-options-fixed {
  text-align: left;
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: absolute;
  top: 16px;
  right: 7px;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  color: #344054 !important;
}

.three-dots-message-icon {
  width: 15px;
  height: 15px;
}

.three-dots-message-icon-view {
  width: 17px;
  height: 17px;
}

.three-dots-message-icon-contact {
  width: 22px;
  height: 22px;
}

.post-status-component-badge-parent-pending {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.post-status-component-id-text-pending {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.post-status-component-badge-pending {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 72px;
  padding: 0 8px;
  line-height: 20px;
  display: flex;
  color: #f5b231 !important;
}

.post-status-component-badge-parent-published {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.post-status-component-id-text-published {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.post-status-component-badge-published {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #edfbf5;
  border: 1px solid #17b26a;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 82px;
  padding: 0 8px;
  line-height: 20px;
  display: flex;
  color: #17b26a !important;
}

.post-status-component-badge-parent-archived {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.post-status-component-id-text-archived {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.post-status-component-badge-archived {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 76px;
  padding: 0 8px;
  line-height: 20px;
  display: flex;
  color: #98a2b3 !important;
}

.post-status-component-badge-parent-expired {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.post-status-component-id-text-expired {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.post-status-component-badge-expired {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 68px;
  padding: 0 8px;
  line-height: 20px;
  display: flex;
  color: #da2d20 !important;
}

.no-listing-found-button-link {
  align-items: center;
  display: flex;
}

.no-listing-found-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  left: 50px;
}

.no-listing-found-content {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  margin: -40px 0 0;
  padding: 0 20px;
}

.no-listing-found-buttonsbutton:hover {
  background-color: #f7f7f7;
}

.no-listing-found-buttonsbutton1:hover {
  background-color: #6941c6;
}

.no-listing-found-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 22px;
}

@media screen and (width <= 550px) {
  .no-listing-found-empty-state1 {
    gap: 16px;
  }

  .no-listing-found-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-listing-found-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.skeleton-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  width: inherit;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  height: 100%;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.skeleton-component-listing-container::-webkit-scrollbar {
  display: none;
}

.skeleton-listing {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  height: 245px;
  min-height: 245px;
  margin-bottom: 20px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.skeleton-listing:after {
  content: "";
  background: linear-gradient(90deg, #fff0 0%, #fff9 50%, #fff0 100%);
  width: 100%;
  height: 100%;
  animation: 1.5s linear infinite shimmer;
  position: absolute;
  top: 0;
  left: 0;
}

.skeleton-header {
  margin-bottom: 16px;
  display: flex;
}

.skeleton-image {
  background: #e0e0e0;
  border-radius: 8px;
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  min-height: 120px;
  margin-right: 16px;
}

.skeleton-info {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.skeleton-title-row {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
  display: flex;
}

.skeleton-title {
  background: #e0e0e0;
  border-radius: 4px;
  width: 60%;
  height: 20px;
}

.skeleton-options {
  background: #e0e0e0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

.skeleton-meta {
  gap: 16px;
  margin-bottom: 8px;
  display: flex;
}

.skeleton-meta-item {
  background: #e0e0e0;
  border-radius: 4px;
  width: 100px;
  height: 16px;
}

.skeleton-rating {
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  display: flex;
}

.skeleton-rating-box {
  background: #e0e0e0;
  border-radius: 4px;
  width: 45px;
  height: 24px;
}

.skeleton-review-count {
  background: #e0e0e0;
  border-radius: 4px;
  width: 120px;
  height: 16px;
}

.skeleton-tags {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.skeleton-tag {
  background: #e0e0e0;
  border-radius: 16px;
  width: 100px;
  height: 24px;
}

.skeleton-footer {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.skeleton-user {
  align-items: center;
  gap: 12px;
  display: flex;
}

.skeleton-avatar {
  background: #e0e0e0;
  border-radius: 50%;
  width: 36px;
  height: 36px;
}

.skeleton-username {
  background: #e0e0e0;
  border-radius: 4px;
  width: 100px;
  height: 16px;
}

.skeleton-actions {
  gap: 12px;
  display: flex;
}

.skeleton-action-button {
  background: #e0e0e0;
  border-radius: 4px;
  width: 80px;
  height: 32px;
}

.skeleton-price {
  background: #e0e0e0;
  border-radius: 4px;
  width: 120px;
  height: 24px;
  position: absolute;
  top: 16px;
  right: 16px;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.three-dots-no-action-filter-dropdown-avatar-online-indicator6, .three-dots-no-action-filter-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.three-dots-no-action-filter-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.three-dots-no-action-filter-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.three-dots-no-action-filter-dropdown-avatar22 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.three-dots-no-action-filter-dropdown-supporting-text84, .three-dots-no-action-filter-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.three-dots-no-action-filter-dropdown-text246 {
  font-weight: 600;
}

.three-dots-no-action-filter-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.three-dots-no-action-filter-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.three-dots-no-action-filter-dropdown-avatar-label-group, .three-dots-no-action-filter-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.three-dots-no-action-filter-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.three-dots-no-action-filter-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #f9fafb;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.three-dots-no-action-filter-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.three-dots-no-action-filter-dropdown-text247 {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.three-dots-no-action-filter-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.three-dots-no-action-filter-dropdown-content48, .three-dots-no-action-filter-dropdown-dropdown-list-item, .three-dots-no-action-filter-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.three-dots-no-action-filter-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 5px;
}

.three-dots-no-action-filter-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.three-dots-no-action-filter-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-no-action-filter-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.three-dots-no-action-filter-dropdown-dropdown-list-item10, .three-dots-no-action-filter-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.three-dots-no-action-filter-dropdown-dropdown-list-item10 {
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.three-dots-no-action-filter-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-no-action-filter-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.three-dots-no-action-filter-dropdown-dropdown-list-item11, .three-dots-no-action-filter-dropdown-dropdown-list-item12, .three-dots-no-action-filter-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.three-dots-no-action-filter-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-no-action-filter-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.three-dots-no-action-filter-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-no-action-filter-dropdown-dropdown-list-item12, .three-dots-no-action-filter-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.three-dots-no-action-filter-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.three-dots-no-action-filter-dropdown-menu-items, .three-dots-no-action-filter-dropdown-three-dots-no-action-filter-all-options-fixed {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  color: #344054 !important;
}

.three-dots-no-action-filter-dropdown-menu-items {
  align-self: stretch;
}

.three-dots-no-action-filter-dropdown-three-dots-no-action-filter-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  width: max-content;
  line-height: normal;
  position: absolute;
  top: 10px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.quick-access-component-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.quick-access-component-buttonsbutton13:hover {
  background-color: #eaecf0;
}

.quick-access-component-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.quick-access-component-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.quick-access-component-text67 {
  color: #475467;
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.quick-access-component-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.quick-access-component-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.quick-access-component-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

@media screen and (width <= 550px) {
  .no-access-business-empty-state1 {
    gap: 16px;
  }

  .no-access-business-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-access-business-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.dashboard-spare-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.dashboard-spare-component-listing-container::-webkit-scrollbar {
  display: none;
}

.dashboard-spare-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.dashboard-spare-component-dashboard-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.dashboard-spare-component-dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.dashboard-spare-component-dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.dashboard-spare-component-dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.dashboard-spare-component-dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.dashboard-spare-component-dashboard-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.dashboard-spare-component-dashboard-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.dashboard-spare-component-dashboard-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.dashboard-spare-component-dashboard-text78 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.dashboard-spare-component-dashboard-text78-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  color: inherit;
  display: block;
  position: relative;
  overflow: hidden;
}

.dashboard-spare-component-dashboard-text78-text:after {
  content: "";
  transform-origin: 0;
  z-index: -1;
  background-color: #7e56d9;
  width: 100%;
  height: 2px;
  transition: transform .4s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}

.dashboard-spare-component-dashboard-text78:hover .dashboard-spare-component-dashboard-text78-text:after {
  transform: scaleX(1);
}

.dashboard-spare-component-dashboard-text78:hover .dashboard-spare-component-dashboard-text78-text {
  color: #7e56d9 !important;
}

.dashboard-spare-component-dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
  position: relative;
}

.dashboard-spare-component-dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.dashboard-spare-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.dashboard-spare-component-dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.dashboard-spare-component-dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.dashboard-spare-component-dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.dashboard-spare-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.dashboard-spare-component-dashboard-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.dashboard-spare-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-spare-component-dashboard-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-spare-component-dashboard-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.dashboard-spare-component-dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.dashboard-spare-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.dashboard-spare-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-spare-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.dashboard-spare-component-dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.dashboard-spare-component-dashboard-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-spare-component-dashboard-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-spare-component-dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-spare-component-dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.dashboard-spare-component-dashboard-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.dashboard-spare-component-dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-spare-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-spare-component-dashboard-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.dashboard-spare-component-dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-spare-component-dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.dashboard-spare-component-dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.dashboard-spare-component-dashboard-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.dashboard-spare-component-dashboard-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-spare-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.dashboard-spare-component-dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.dashboard-spare-component-dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.dashboard-spare-component-dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.dashboard-spare-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.dashboard-spare-component-dashboard-radar-1-1-container {
  cursor: pointer;
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-spare-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.dashboard-spare-component-dashboard-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.dashboard-spare-component-dashboard-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.dashboard-spare-component-dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-spare-component-dashboard-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.dashboard-spare-component-dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.dashboard-spare-component-dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.dashboard-spare-component-dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.dashboard-spare-component-dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.dashboard-spare-component-dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-spare-component-dashboard-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-spare-component-dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.dashboard-spare-component-dashboard-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.dashboard-spare-component-dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.dashboard-spare-component-dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.dashboard-spare-component-dashboard-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-spare-component-dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-spare-component-dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-buttonsbutton25, .dashboard-spare-component-dashboard-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-spare-component-dashboard-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.dashboard-spare-component-dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.dashboard-spare-component-dashboard-icon1 {
  width: 20px;
  height: 20px;
  position: relative;
}

.dashboard-spare-component-dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 6px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-spare-component-dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-spare-component-dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.dashboard-spare-component-dashboard-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.dashboard-spare-component-dashboard-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.dashboard-spare-component-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.dashboard-spare-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-spare-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .dashboard-spare-component-dashboard-rectangle-parent5, .dashboard-spare-component-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .dashboard-spare-component-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .dashboard-spare-component-dashboard-action-fields {
    min-width: 100%;
  }

  .dashboard-spare-component-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .dashboard-spare-component-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .dashboard-spare-component-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .dashboard-spare-component-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .dashboard-spare-component-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .dashboard-spare-component-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.dashboard-service-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.dashboard-service-component-listing-container::-webkit-scrollbar {
  display: none;
}

.dashboard-service-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.dashboard-service-component-dashboard-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.dashboard-service-component-dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.dashboard-service-component-dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.dashboard-service-component-dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.dashboard-service-component-dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.dashboard-service-component-dashboard-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.dashboard-service-component-dashboard-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.dashboard-service-component-dashboard-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.dashboard-service-component-dashboard-text78 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.dashboard-service-component-dashboard-text78-text {
  color: inherit;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-text78-text:after {
  content: "";
  transform-origin: 0;
  z-index: -1;
  background-color: #7e56d9;
  width: 100%;
  height: 2px;
  transition: transform .3s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}

.dashboard-service-component-dashboard-text78:hover .dashboard-service-component-dashboard-text78-text:after {
  transform: scaleX(1);
}

.dashboard-service-component-dashboard-text78:hover .dashboard-service-component-dashboard-text78-text {
  color: #7e56d9 !important;
}

.dashboard-service-component-dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
  position: relative;
}

.dashboard-service-component-dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.dashboard-service-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.dashboard-service-component-dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.dashboard-service-component-dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.dashboard-service-component-dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.dashboard-service-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.dashboard-service-component-dashboard-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.dashboard-service-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-service-component-dashboard-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-service-component-dashboard-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: max-content;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.dashboard-service-component-dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.dashboard-service-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.dashboard-service-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-service-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 160px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.dashboard-service-component-dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.dashboard-service-component-dashboard-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-service-component-dashboard-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-service-component-dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-service-component-dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.dashboard-service-component-dashboard-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.dashboard-service-component-dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-service-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-service-component-dashboard-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.dashboard-service-component-dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-service-component-dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.dashboard-service-component-dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.dashboard-service-component-dashboard-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.dashboard-service-component-dashboard-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-service-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.dashboard-service-component-dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.dashboard-service-component-dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.dashboard-service-component-dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.dashboard-service-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.dashboard-service-component-dashboard-radar-1-1-container {
  cursor: pointer;
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-service-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.dashboard-service-component-dashboard-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.dashboard-service-component-dashboard-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.dashboard-service-component-dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-service-component-dashboard-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.dashboard-service-component-dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.dashboard-service-component-dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.dashboard-service-component-dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.dashboard-service-component-dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.dashboard-service-component-dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-service-component-dashboard-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-service-component-dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.dashboard-service-component-dashboard-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.dashboard-service-component-dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.dashboard-service-component-dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.dashboard-service-component-dashboard-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-service-component-dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-service-component-dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-buttonsbutton25, .dashboard-service-component-dashboard-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-service-component-dashboard-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.dashboard-service-component-dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.dashboard-service-component-dashboard-icon1 {
  width: 20px;
  height: 20px;
  position: relative;
}

.dashboard-service-component-dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 6px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-service-component-dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-service-component-dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.dashboard-service-component-dashboard-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.dashboard-service-component-dashboard-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.dashboard-service-component-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.dashboard-service-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-service-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .dashboard-service-component-dashboard-rectangle-parent5, .dashboard-service-component-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .dashboard-service-component-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .dashboard-service-component-dashboard-action-fields {
    min-width: 100%;
  }

  .dashboard-service-component-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .dashboard-service-component-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .dashboard-service-component-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .dashboard-service-component-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .dashboard-service-component-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .dashboard-service-component-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.dashboard-software-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.dashboard-software-component-listing-container::-webkit-scrollbar {
  display: none;
}

.dashboard-software-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.dashboard-software-component-dashboard-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.dashboard-software-component-dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.dashboard-software-component-dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.dashboard-software-component-dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.dashboard-software-component-dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.dashboard-software-component-dashboard-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.dashboard-software-component-dashboard-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.dashboard-software-component-dashboard-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.dashboard-software-component-dashboard-text78 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.dashboard-software-component-dashboard-text78-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  color: inherit;
  display: block;
  position: relative;
  overflow: hidden;
}

.dashboard-software-component-dashboard-text78-text:after {
  content: "";
  transform-origin: 0;
  z-index: -1;
  background-color: #7e56d9;
  width: 100%;
  height: 2px;
  transition: transform .4s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}

.dashboard-software-component-dashboard-text78:hover .dashboard-software-component-dashboard-text78-text:after {
  transform: scaleX(1);
}

.dashboard-software-component-dashboard-text78:hover .dashboard-software-component-dashboard-text78-text {
  color: #7e56d9 !important;
}

.dashboard-software-component-dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
  position: relative;
}

.dashboard-software-component-dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.dashboard-software-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.dashboard-software-component-dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.dashboard-software-component-dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.dashboard-software-component-dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.dashboard-software-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.dashboard-software-component-dashboard-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.dashboard-software-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-software-component-dashboard-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-software-component-dashboard-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: max-content;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.dashboard-software-component-dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.dashboard-software-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.dashboard-software-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-software-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 160px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.dashboard-software-component-dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.dashboard-software-component-dashboard-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-software-component-dashboard-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-software-component-dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-software-component-dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.dashboard-software-component-dashboard-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.dashboard-software-component-dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-software-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-software-component-dashboard-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.dashboard-software-component-dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-software-component-dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.dashboard-software-component-dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.dashboard-software-component-dashboard-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.dashboard-software-component-dashboard-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-software-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.dashboard-software-component-dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.dashboard-software-component-dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.dashboard-software-component-dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.dashboard-software-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.dashboard-software-component-dashboard-radar-1-1-container {
  cursor: pointer;
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-software-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.dashboard-software-component-dashboard-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.dashboard-software-component-dashboard-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.dashboard-software-component-dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-software-component-dashboard-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.dashboard-software-component-dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.dashboard-software-component-dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.dashboard-software-component-dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.dashboard-software-component-dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.dashboard-software-component-dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-software-component-dashboard-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-software-component-dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.dashboard-software-component-dashboard-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.dashboard-software-component-dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.dashboard-software-component-dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.dashboard-software-component-dashboard-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-software-component-dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-software-component-dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-buttonsbutton25, .dashboard-software-component-dashboard-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-software-component-dashboard-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.dashboard-software-component-dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.dashboard-software-component-dashboard-icon1 {
  width: 20px;
  height: 20px;
  position: relative;
}

.dashboard-software-component-dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 6px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-software-component-dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-software-component-dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.dashboard-software-component-dashboard-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.dashboard-software-component-dashboard-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.dashboard-software-component-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.dashboard-software-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-software-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .dashboard-software-component-dashboard-rectangle-parent5, .dashboard-software-component-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .dashboard-software-component-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .dashboard-software-component-dashboard-action-fields {
    min-width: 100%;
  }

  .dashboard-software-component-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .dashboard-software-component-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .dashboard-software-component-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .dashboard-software-component-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .dashboard-software-component-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .dashboard-software-component-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.dashboard-job-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.dashboard-job-component-listing-container::-webkit-scrollbar {
  display: none;
}

.dashboard-job-component-dashboard-content-items {
  box-sizing: border-box;
  z-index: 0;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.dashboard-job-component-dashboard-rectangle-parent10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.dashboard-job-component-dashboard-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 208px;
  display: none;
  position: relative;
}

.dashboard-job-component-dashboard-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.dashboard-job-component-dashboard-element-details-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.dashboard-job-component-dashboard-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.dashboard-job-component-dashboard-element-details-child {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  display: none;
  position: relative;
}

.dashboard-job-component-dashboard-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.dashboard-job-component-dashboard-element-actions {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.dashboard-job-component-dashboard-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  max-width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.dashboard-job-component-dashboard-text78-text {
  color: inherit;
  display: inline-block;
  position: relative;
}

.dashboard-job-component-dashboard-text78-text:after {
  content: "";
  transform-origin: 0;
  z-index: -1;
  background-color: #7e56d9;
  width: 100%;
  height: 2px;
  transition: transform .3s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}

.dashboard-job-component-dashboard-text78:hover .dashboard-job-component-dashboard-text78-text:after {
  transform: scaleX(1);
}

.dashboard-job-component-dashboard-text78:hover .dashboard-job-component-dashboard-text78-text {
  color: #7e56d9 !important;
}

.dashboard-job-component-dashboard-action-icons {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.dashboard-job-component-dashboard-calendar-icon6 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.dashboard-job-component-dashboard-date-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: max-content;
  display: flex;
}

.dashboard-job-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.dashboard-job-component-dashboard-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.dashboard-job-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.dashboard-job-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-job-component-dashboard-type-badge-elements {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-job-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.dashboard-job-component-dashboard-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-job-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.dashboard-job-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-job-component-dashboard-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.dashboard-job-component-dashboard-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.dashboard-job-component-dashboard-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.dashboard-job-component-dashboard-work-type-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: max-content;
  display: flex;
}

.dashboard-job-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.dashboard-job-component-dashboard-work-type-value {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  font-size: 14px;
  display: flex;
}

.dashboard-job-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.dashboard-job-component-dashboard-text100 {
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.dashboard-job-component-dashboard-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.dashboard-job-component-dashboard-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-left: -9px;
  display: flex;
}

.dashboard-job-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.dashboard-job-component-dashboard-dropdown-parent1 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 22px;
  width: 153px;
  padding-bottom: 35px;
  font-size: 12px;
  display: flex;
}

.dashboard-job-component-dashboard-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.dashboard-job-component-dashboard-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-job-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.dashboard-job-component-dashboard-frame-parent31 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.dashboard-job-component-dashboard-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 42px;
  display: flex;
}

.dashboard-job-component-dashboard-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-job-component-dashboard-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.dashboard-job-component-dashboard-trend-chart-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
  display: flex;
}

.dashboard-job-component-dashboard-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 113px;
  display: flex;
}

.dashboard-job-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-job-component-dashboard-frame-parent32 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.dashboard-job-component-dashboard-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.dashboard-job-component-dashboard-radar-1-1-container {
  cursor: pointer;
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-job-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.dashboard-job-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.dashboard-job-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 34px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .dashboard-job-component-dashboard-rectangle-parent10 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .dashboard-job-component-dashboard-action-icons, .dashboard-job-component-dashboard-element-details-parent {
    flex-wrap: wrap;
  }

  .dashboard-job-component-dashboard-element-details, .dashboard-job-component-dashboard-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }
}

@media screen and (width <= 450px) {
  .dashboard-job-component-dashboard-calendar-icon6 {
    flex-wrap: wrap;
  }

  .dashboard-job-component-dashboard-work-type-icon {
    flex: 1;
  }

  .dashboard-job-component-dashboard-work-type-label {
    margin-left: 0;
  }

  .dashboard-job-component-dashboard-price4 {
    font-size: 16px;
    line-height: 26px;
  }
}

@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}

.tooltip-item {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.dashboard-line-bar-dropdown-button-wrapper {
  justify-content: flex-end;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.dashboard-chart-dropdown-buttonsbutton {
  cursor: pointer;
  color: #333;
  background-color: #f8f9fa;
  border: 1px solid #ced4da;
  border-radius: 4px;
  align-items: center;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.dashboard-chart-dropdown-buttonsbutton:hover {
  background-color: #e9ecef;
}

.dashboard-chart-dropdown-buttonsbutton:after {
  content: "▼";
  margin-left: 8px;
  font-size: 10px;
}

@keyframes dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown-menu {
  z-index: 20;
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 153px;
  height: max-content;
  margin-left: 6px;
  margin-right: 6px;
  animation: .2s dropdownFadeIn;
  display: inline-flex;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  overflow: hidden;
  box-shadow: 0 4px 6px -2px #10182808;
}

.dropdown-menu-item {
  color: #101828;
  background: none;
  border-radius: 8px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  padding: 12px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .15s;
  display: inline-flex;
}

.dropdown-menu-item:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.dropdown-checkbox {
  display: none;
}

.dropdown-checkbox:checked ~ .dropdown-menu {
  display: block;
}

.dashboard-line-and-bar-chart-wrapper {
  width: 100%;
}

.chart-container {
  background-color: #fff;
  width: 100%;
  padding: 16px;
  position: relative;
}

.chart-header {
  z-index: 10;
  position: absolute;
  top: 7px;
  right: 16px;
}

.dropdown-container {
  position: relative;
}

.dropdown-button {
  cursor: pointer;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .2s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dropdown-button:hover {
  background-color: #6941c6;
}

.dropdown-icon {
  width: 16px;
  height: 16px;
  transition: transform .2s;
}

.dropdown-icon.open {
  transform: rotate(180deg);
}

.dashboard-line-and-bar-chart {
  background-color: #fff;
  padding: 16px;
}

.dashboard-content14 {
  width: 100%;
  height: 100%;
}

@media (width <= 768px) {
  .chart-header {
    justify-content: flex-end;
    margin-bottom: 16px;
    display: flex;
    position: relative;
    top: 0;
    right: 0;
  }

  .chart-content {
    padding-top: 0;
  }
}

.data-type-button {
  cursor: pointer;
  color: #333;
  background-color: #f8f9fa;
  border: 1px solid #ced4da;
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.data-type-button:hover {
  background-color: #e9ecef;
}

.data-type-button.active {
  color: #fff;
  background-color: #7e56d9;
  border-color: #7e56d9;
}

.dropdown-button-new {
  text-wrap: nowrap;
  color: #4a5568;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8px 13px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.dropdown-button-new:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.dropdown-menu-new {
  z-index: 20;
  z-index: 20;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  width: 200px;
  padding: 4px;
  animation: .2s dropdownFadeIn;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  overflow: hidden;
  box-shadow: 0 4px 12px #0000001a;
}

.dropdown-menu-item-new {
  color: #4a5568;
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  transition: all .15s;
  display: flex;
}

.dropdown-menu-item-new:hover {
  background-color: #f1f1f1;
}

.dropdown-menu-item-new.active {
  background-color: #f1f5f9;
}

.dropdown-menu-item-icon {
  color: #64748b;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.dropdown-menu-item-text {
  flex: 1;
}

.chart-container {
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  padding: 16px;
  animation: 3s ease-in-out infinite pulseChart;
  position: relative;
}

.chart-loading-container {
  background-color: #f8f9fa;
  border-radius: 12px;
  padding: 20px;
  animation: 2s ease-in-out infinite pulseChart;
  position: relative;
  overflow: hidden;
}

.status-badge {
  z-index: 10;
  border-radius: 24px;
  padding: 12px 24px;
  font-weight: 500;
  animation: .3s ease-out fadeIn;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 12px #0000001a;
}

.status-badge.loading {
  color: #fff;
  background-color: #7e56d9;
}

.status-badge.error {
  color: #fff;
  background-color: #ff4d4f;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.chart-container.dimmed {
  opacity: .5;
  pointer-events: none;
}

.chart-container.loading .recharts-surface, .chart-container.error .recharts-surface {
  opacity: .7;
  transition: opacity .3s;
}

.chart-dot {
  filter: drop-shadow(0 2px 4px #0003);
}

.recharts-layer .recharts-area-dots .recharts-dot, .recharts-active-dot {
  stroke: #fff !important;
  stroke-width: 2px !important;
}

.recharts-layer .recharts-line-curve {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000px;
  animation: 1.5s ease-out forwards drawLine;
}

.custom-main-tooltip {
  background-color: #fffffff2;
  border: none;
  border-radius: 8px;
  min-width: 150px;
  padding: 12px;
  box-shadow: 0 4px 12px #0000001a;
}

.custom-tooltip {
  background-color: #fffffff2;
  border: 1px solid #0000001a;
  border-radius: 8px;
  min-width: 200px;
  padding: 12px;
  transition: all .2s;
  box-shadow: 0 4px 16px #00000026;
}

.tooltip-label {
  color: #333;
  text-align: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 8px;
  padding-bottom: 5px;
  font-weight: bold;
}

.tooltip-content {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.tooltip-item {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  font-size: 13px;
  display: flex;
}

.tooltip-badge {
  color: #fff;
  border-radius: 12px;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 500;
}

.tooltip-name {
  color: #555;
  flex: 1;
  font-weight: 500;
}

.tooltip-value {
  color: #333;
  margin-left: 8px;
  font-weight: 500;
}

.chart-content {
  width: 100%;
  padding-top: 24px;
}

.recharts-area {
  transition: opacity .5s;
}

.recharts-cartesian-grid-horizontal line, .recharts-cartesian-grid-vertical line {
  stroke: #0000001a;
}

.recharts-xAxis .recharts-cartesian-axis-tick-value {
  margin-top: 10px;
}

.recharts-xaxis .recharts-cartesian-axis-tick-value {
  fill: #666;
  font-size: 12px;
}

.recharts-surface {
  transition: transform .3s;
}

.chart-container:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to right, #fff0 0%, #ffffff4d 50%, #fff0 100%);
  animation: 4s infinite shimmer;
  position: absolute;
  inset: -50%;
  transform: rotate(30deg);
}

.chart-loading-container:before {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to right, #fff0 0%, #ffffff4d 50%, #fff0 100%);
  animation: 3s infinite shimmer;
  position: absolute;
  inset: -50%;
  transform: rotate(30deg);
}

@media (width <= 768px) {
  .chart-content {
    padding-top: 0;
  }
}

.notification-error-wrapper {
  z-index: 9999;
  width: 46%;
  max-width: 945px;
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.notification-error-banner {
  background-color: #fff;
  border-left: 6px solid red;
  border-radius: 8px;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
  font-family: Inter, sans-serif;
  display: flex;
  box-shadow: 0 4px 12px #0000000d;
}

.notification-error-icon {
  width: 32px;
  height: 32px;
}

.notification-error-text {
  color: #344054;
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  display: flex;
}

.notification-error-title {
  font-weight: 600;
}

.notification-error-description {
  color: #475467;
  font-weight: 400;
}

.notification-error-actions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.notification-error-close-button {
  cursor: pointer;
  background: url("notificationclose.a17344bf.png") center / 16px 16px no-repeat;
  border: none;
  width: 32px;
  height: 32px;
}

.notification-error-reload-button {
  cursor: pointer;
  color: #7e56d9;
  font-size: 13px;
  font-weight: 600;
}

.account-email-check-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.account-email-check-logo {
  background-image: url("gerator04-1@2x.22f76bdb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 121px;
  height: 32px;
  display: flex;
}

.account-email-check-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.account-email-check-supporting-text, .account-email-check-text {
  line-height: 24px;
  position: relative;
}

.account-email-check-text {
  align-self: stretch;
  font-weight: 600;
}

.account-email-check-supporting-text {
  color: #475467;
}

.account-email-check-featured-icon-parent, .account-email-check-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-email-check-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
}

.account-email-check-featured-icon-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.account-email-check-connector {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  position: relative;
}

.account-email-check-button-steps, .account-email-check-step-base, .account-email-check-step-base1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 23px;
  display: flex;
}

.account-email-check-step-base, .account-email-check-step-base1 {
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  padding: 0 0 4px;
}

.account-email-check-step-base1 {
  opacity: .6;
}

.account-email-check-featured-icon2 {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.account-email-check-connector-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0 0 4px;
  display: flex;
}

.account-email-check-supporting-text2 {
  color: #475467;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.account-email-check-step-base2, .account-email-check-text-and-supporting-text {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-email-check-text-and-supporting-text {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
  padding: 0 0 32px;
}

.account-email-check-step-base2 {
  opacity: .6;
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.account-email-check-connector3 {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  display: none;
  position: relative;
}

.account-email-check-connector-wrap1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  height: 82px;
  padding: 0 0 4px;
  display: flex;
}

.account-email-check-logo-parent, .account-email-check-progress-steps-progress-icon, .account-email-check-section-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-email-check-progress-steps-progress-icon {
  flex-direction: column;
  align-self: stretch;
}

.account-email-check-logo-parent, .account-email-check-section-inner {
  max-width: 100%;
}

.account-email-check-logo-parent {
  flex-direction: column;
  flex: 1;
  gap: 79.5px;
}

.account-email-check-section-inner {
  box-sizing: border-box;
  flex-direction: row;
  width: 380px;
  padding: 0 18px;
}

.account-email-check-email-title {
  width: 125px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-email-check-mail-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.account-email-check-mail-01-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.account-email-check-helpuntitleduicom {
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.account-email-check-email-input {
  flex-direction: row;
  justify-content: flex-start;
  gap: 7px;
  width: 188px;
  height: 20px;
}

.account-email-check-email-input, .account-email-check-email-title-parent, .account-email-check-section {
  align-items: flex-start;
  display: flex;
}

.account-email-check-email-title-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  font-size: 14px;
}

.account-email-check-section {
  height: inherit;
  box-sizing: border-box;
  background-color: #f9fafb;
  flex-direction: column;
  flex: .9386;
  justify-content: flex-start;
  gap: 273px;
  min-width: 286px;
  max-width: 440px;
  padding: 32.5px 13px 32px 14px;
}

.account-email-check-featured-icon4 {
  border-radius: 12px;
  width: 56px;
  height: 56px;
  position: relative;
}

.account-email-check-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.account-email-check-oliviauntitleduicom {
  font-weight: 500;
}

.account-email-check-supporting-text4 {
  color: #475467;
  align-self: stretch;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.account-email-check-header, .account-email-check-text-and-supporting-text2 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.account-email-check-header {
  align-items: center;
  gap: 24px;
}

.account-email-check-content1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 360px;
  display: flex;
}

.account-email-check-container1 {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.account-email-check-container, .account-email-check-container1, .account-email-check-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.account-email-check-content {
  width: 360px;
  max-width: 360px;
}

.account-email-check-container {
  align-self: stretch;
  height: 100%;
  padding: 0 20px;
}

.account-email-check-mail-01-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.account-email-check-helpcentergeratorcom {
  white-space: nowrap;
  line-height: 20px;
  position: relative;
}

.account-email-check-hyperlink {
  color: #475467;
  line-height: 20px;
}

.account-email-check-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: flex;
}

.account-email-check-text3 {
  line-height: 20px;
  position: relative;
}

.account-email-check-container-parent, .account-email-check-footer {
  max-width: 100%;
  display: flex;
}

.account-email-check-footer {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 983px;
  padding: 0 20px;
  font-family: Inter;
  font-size: 14px;
}

.account-email-check-container-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 146px;
  height: 100%;
}

.account-email-check-section1, .account-email-check-set-up-wizardcheck-email-des {
  justify-content: flex-start;
  font-family: Inter;
  display: flex;
}

.account-email-check-section1 {
  box-sizing: border-box;
  text-align: center;
  color: #101828;
  min-width: 480px;
  max-width: 100%;
  height: inherit;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 110px 0 15px;
  font-size: 30px;
}

.account-email-check-set-up-wizardcheck-email-des {
  letter-spacing: normal;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex-direction: row;
  align-items: flex-start;
  row-gap: 20px;
  width: 100%;
  height: 100vh;
  font-size: 16px;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1275px) {
  .account-email-check-logo-parent {
    flex: 1;
  }

  .account-email-check-section {
    width: 100%;
  }

  .account-email-check-container1 {
    max-width: 100%;
  }

  .account-email-check-section1 {
    flex: 1;
  }

  .account-email-check-set-up-wizardcheck-email-des {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 1100px) {
  .account-email-check-container-parent {
    gap: 640px;
  }
}

@media screen and (width <= 780px) {
  .account-email-check-section {
    box-sizing: border-box;
    gap: 50px;
    min-width: 100%;
    height: fit-content;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .account-email-check-title {
    font-size: 24px;
    line-height: 30px;
  }

  .account-email-check-footer {
    flex-wrap: wrap;
  }

  .account-email-check-container-parent {
    gap: 170px;
  }

  .account-email-check-section1 {
    box-sizing: border-box;
    min-width: 100%;
    padding-top: 94px;
    padding-bottom: 8px;
  }
}

@media screen and (width <= 450px) {
  .account-email-check-mobile-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    width: 375px;
    height: 10px;
    padding-top: 30px;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-flex;
  }

  .account-email-check-mobile-PaginationDotGroup {
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: inline-flex;
  }

  .account-email-check-mobile-PaginationDotIndicator {
    background-color: #eaecf0;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .account-email-check-mobile-PaginationDotIndicator1 {
    background-color: #7f56d9;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .account-email-check-featured-icon-parent, .account-email-check-step-base2 {
    flex-wrap: wrap;
  }

  .account-email-check-logo-parent {
    gap: 40px;
  }

  .account-email-check-email-title-parent {
    flex-wrap: wrap;
  }

  .account-email-check-section {
    box-sizing: border-box;
    background-color: #fff;
    gap: 0;
    max-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .account-email-check-progress-steps-progress-icon {
    display: none;
  }

  .account-email-check-title {
    font-size: 18px;
    line-height: 23px;
  }

  .account-email-check-container1, .account-email-check-content, .account-email-check-content1 {
    gap: 16px;
  }

  .account-email-check-container {
    gap: 40px;
  }

  .account-email-check-container-parent {
    gap: 550px;
  }

  .account-email-check-section1 {
    box-sizing: border-box;
    padding-top: 128px;
    padding-bottom: 20px;
  }
}

.login-buttonsbutton1 {
  text-align: left;
  color: #475467;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 0;
  font-size: 14px;
  display: flex;
  overflow: hidden;
}

.login-arrow-left-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.login-back-label {
  min-width: 91px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.login-placeholder-icon2 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.account-setup-button-buttonsbutton, .account-setup-button-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.account-setup-button-buttonsbutton {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 66px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-setup-button-buttonsbutton:hover {
  background-color: #6941c6;
}

.account-setup-button-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.account-setup-button-action-label {
  color: #fff;
  text-align: left;
  width: max-content;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

@media screen and (width <= 450px) {
  .account-setup-button-buttonsbutton {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.verified-email-gerator-04-1-icon2 {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.verified-email-logo2 {
  background-image: url("gerator04-1@2x.22f76bdb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 121px;
  height: 32px;
  display: flex;
}

.verified-email-featured-icon10 {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.verified-email-step-title, .verified-email-supporting-text10 {
  line-height: 24px;
  position: relative;
}

.verified-email-step-title {
  align-self: stretch;
  font-weight: 600;
}

.verified-email-supporting-text10 {
  color: #475467;
}

.verified-email-step-content, .verified-email-step-title-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.verified-email-step-title-parent {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
}

.verified-email-step-content {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.verified-email-connector8 {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  position: relative;
}

.verified-email-progress-connector, .verified-email-step-base8, .verified-email-step-base9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 23px;
  display: flex;
}

.verified-email-step-base8, .verified-email-step-base9 {
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  padding: 0 0 4px;
}

.verified-email-step-base9 {
  opacity: .6;
}

.verified-email-featured-icon12 {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.verified-email-connector-wrap4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0 0 4px;
  display: flex;
}

.verified-email-supporting-text12 {
  color: #475467;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.verified-email-step-base10, .verified-email-text-and-supporting-text6 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.verified-email-text-and-supporting-text6 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
  padding: 0 0 32px;
}

.verified-email-step-base10 {
  opacity: .6;
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.verified-email-connector11 {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  display: none;
  position: relative;
}

.verified-email-connector-wrap5 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  height: 82px;
  padding: 0 0 4px;
  display: flex;
}

.verified-email-logo-group, .verified-email-progress-steps-progress-icon2, .verified-email-section-child {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.verified-email-progress-steps-progress-icon2 {
  flex-direction: column;
  align-self: stretch;
}

.verified-email-logo-group, .verified-email-section-child {
  max-width: 100%;
}

.verified-email-logo-group {
  flex-direction: column;
  flex: 1;
  gap: 79.5px;
}

.verified-email-section-child {
  box-sizing: border-box;
  flex-direction: row;
  width: 380px;
  padding: 0 18px;
}

.verified-email-text15 {
  width: 125px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.verified-email-mail-01-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.verified-email-help-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.verified-email-helpuntitleduicom2 {
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.verified-email-footer-help {
  flex-direction: row;
  justify-content: flex-start;
  gap: 7px;
  width: 188px;
  height: 20px;
}

.verified-email-footer-help, .verified-email-footer1, .verified-email-section4 {
  align-items: flex-start;
  display: flex;
}

.verified-email-footer1 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  font-size: 14px;
}

.verified-email-section4 {
  box-sizing: border-box;
  min-width: 286px;
  max-width: 440px;
  height: inherit;
  background-color: #f9fafb;
  flex-direction: column;
  flex: .9386;
  justify-content: flex-start;
  gap: 273px;
  padding: 32.5px 13px 32px 14px;
}

.verified-email-featured-icon14 {
  border-radius: 12px;
  width: 56px;
  height: 56px;
  position: relative;
}

.verified-email-page-title, .verified-email-supporting-text14 {
  align-self: stretch;
  position: relative;
}

.verified-email-page-title {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.verified-email-supporting-text14 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.verified-email-header2, .verified-email-text-and-supporting-text8 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.verified-email-header2 {
  text-align: center;
  color: #101828;
  align-items: center;
  gap: 24px;
  font-size: 30px;
}

.verified-email-placeholder-icon8 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.verified-email-text16 {
  color: #fff;
  text-align: left;
  min-width: 71px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.verified-email-buttonsbutton5, .verified-email-text-padding2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.verified-email-buttonsbutton5 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 8px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.verified-email-placeholder-icon10 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.verified-email-text18 {
  min-width: 102px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.verified-email-buttonsbutton6, .verified-email-row1 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.verified-email-buttonsbutton6 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.verified-email-row1 {
  align-items: flex-start;
  gap: 3px;
  padding: 0 14px;
}

.verified-email-content6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
  width: 100%;
  max-width: 360px;
  display: flex;
}

.verified-email-container7 {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.verified-email-container5, .verified-email-container6, .verified-email-container7, .verified-email-content5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.verified-email-content5 {
  width: 360px;
  max-width: 360px;
}

.verified-email-container5, .verified-email-container6 {
  align-self: stretch;
  padding: 0 20px;
}

.verified-email-container5 {
  height: 100%;
  padding: 0 32px;
}

.verified-email-mail-01-icon5 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.verified-email-helpcentergeratorcom2 {
  white-space: nowrap;
  line-height: 20px;
  position: relative;
}

.verified-email-hyperlink {
  color: #475467;
  line-height: 20px;
}

.verified-email-icon-and-text2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: flex;
}

.verified-email-copyright {
  line-height: 20px;
  position: relative;
}

.verified-email-footer-info {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 983px;
  max-width: 100%;
  padding: 0 20px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.verified-email-container-group {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 166px;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.verified-email-section5, .verified-email-set-up-wizardemail-verified {
  text-align: left;
  justify-content: flex-start;
  font-family: Inter;
  display: flex;
}

.verified-email-section5 {
  box-sizing: border-box;
  color: #475467;
  min-width: 480px;
  max-width: 100%;
  height: inherit;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding: 160px 0 31px;
  font-size: 14px;
}

.verified-email-set-up-wizardemail-verified {
  letter-spacing: normal;
  color: #344054;
  background-color: #fff;
  flex-direction: row;
  align-items: flex-start;
  row-gap: 20px;
  width: 100%;
  height: 100vh;
  font-size: 16px;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1275px) {
  .verified-email-logo-group {
    flex: 1;
  }

  .verified-email-section4 {
    gap: 50px;
    width: 100%;
  }

  .verified-email-container7 {
    max-width: 100%;
  }

  .verified-email-section5 {
    flex: 1;
  }

  .verified-email-set-up-wizardemail-verified {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 1100px) {
  .verified-email-section4 {
    box-sizing: border-box;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .verified-email-container5 {
    gap: 40px;
  }

  .verified-email-container-group {
    gap: 640px;
  }

  .verified-email-section5 {
    box-sizing: border-box;
    padding-top: 104px;
    padding-bottom: 20px;
  }
}

@media screen and (width <= 780px) {
  .verified-email-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .verified-email-container5 {
    gap: 20px;
  }

  .verified-email-footer-info {
    flex-wrap: wrap;
  }

  .verified-email-container-group {
    gap: 130px;
  }

  .verified-email-section5 {
    padding-top: 94px;
  }

  .verified-email-section4 {
    gap: 50px;
    min-width: 100%;
    height: fit-content;
  }
}

@media screen and (width <= 450px) {
  .verified-email-mobile-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    width: 375px;
    height: 10px;
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-flex;
  }

  .verified-email-mobile-PaginationDotGroup {
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: inline-flex;
  }

  .verified-email-mobile-PaginationDotIndicator {
    background-color: #eaecf0;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .verified-email-mobile-PaginationDotIndicator1 {
    background-color: #7f56d9;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .verified-email-progress-steps-progress-icon2 {
    display: none;
  }

  .verified-email-step-base10, .verified-email-step-content {
    flex-wrap: wrap;
  }

  .verified-email-logo-group {
    gap: 40px;
  }

  .verified-email-footer1 {
    flex-wrap: wrap;
  }

  .verified-email-section4 {
    box-sizing: border-box;
    background-color: #fff;
    min-width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .verified-email-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .verified-email-row1 {
    flex-wrap: wrap;
  }

  .verified-email-container7, .verified-email-content5, .verified-email-content6 {
    gap: 18px;
  }

  .verified-email-container6 {
    gap: 40px;
  }

  .verified-email-container-group {
    gap: 620px;
  }

  .verified-email-section5 {
    box-sizing: border-box;
    padding-top: 128px;
  }
}

.account-update-profile-custom-margin {
  margin-top: 10px;
}

.account-update-profile-file-upload-custom {
  flex-direction: column !important;
}

.account-update-profile-section2 {
  box-sizing: border-box;
  z-index: 100;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 1108px;
  width: 380px;
  padding: 32.5px 13px 32px 14px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.account-update-profile-text52 {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  color: #667085 !important;
}

.account-update-profile-avatar1, .account-update-profile-contrast-border {
  border-radius: 9999px;
  width: 64px;
  height: 64px;
}

.account-update-profile-avatar1 {
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-update-profile-file-upload-base:hover {
  cursor: pointer;
  border: 2px solid #7e56d9;
  box-shadow: 0 4px 8px #0003;
}

.account-update-profile-content19 {
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  color: #667085 !important;
}

.account-update-profile-content-custom-23 {
  box-sizing: border-box;
  background-color: #fff;
  border: none;
  outline: none;
  flex-direction: row;
  flex: 1;
  align-items: center;
  color: #667085 !important;
}

.account-update-profile-content27 {
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  color: #667085 !important;
}

.account-update-profile-button5, .account-update-profile-text-padding13 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.account-update-profile-button5 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-hyperlink {
  color: #475467;
  line-height: 20px;
}

.account-update-profile-content-wrapper {
  flex-direction: column;
  gap: 32px;
}

.account-update-profile-content-wrapper-wrapper, .account-update-profile-account-update-profile {
  box-sizing: border-box;
  text-align: left;
  font-family: Inter;
  display: flex;
}

.account-update-profile-content-wrapper-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: calc(100% - 380px);
  min-width: auto;
  max-width: 100%;
  margin-left: 380px;
  padding: 0 0 30px;
  font-size: 14px;
}

.account-update-profile-account-update-profile {
  letter-spacing: normal;
  color: #344054;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  width: 100%;
  min-width: 1200px;
  max-width: 1524px;
  min-height: 960px;
  margin: 0 auto;
  padding: 0;
  font-size: 16px;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1200px) {
  .account-update-profile-progress-container {
    flex: 1;
  }

  .account-update-profile-section2 {
    box-sizing: border-box;
    gap: 70px;
    min-width: 100%;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .account-update-profile-content-elements-wrapper {
    box-sizing: border-box;
    padding-bottom: 69px;
  }

  .account-update-profile-content-wrapper-wrapper {
    width: calc(100% - 380px);
    margin-left: 380px;
    padding: 0;
  }

  .account-update-profile-account-update-profile {
    min-width: auto;
    max-width: 100%;
    padding: 0;
  }
}

@media screen and (width <= 1050px) {
  .account-update-profile-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .account-update-profile-content12, .account-update-profile-content32 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .account-update-profile-actions5 {
    box-sizing: border-box;
    flex-wrap: wrap;
    max-width: 150px;
    padding-left: 0;
  }

  .account-update-profile-content34 {
    justify-content: flex-start;
  }

  .account-update-profile-content-wrapper-wrapper {
    min-width: 100%;
  }
}

@media screen and (width <= 750px) {
  .account-update-profile-section2 {
    width: 100%;
    padding: 20px;
    position: relative;
  }

  .account-update-profile-actions4, .account-update-profile-input-fields {
    flex-wrap: wrap;
  }

  .account-update-profile-input-field1, .account-update-profile-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .account-update-profile-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .account-update-profile-avatar-and-file-upload, .account-update-profile-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .account-update-profile-content-elements-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .account-update-profile-help-content {
    flex-wrap: wrap;
  }

  .account-update-profile-content-wrapper {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .account-update-profile-mobile-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    width: 375px;
    height: 10px;
    padding-top: 30px;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-flex;
  }

  .account-update-profile-mobile-PaginationDotGroup {
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: inline-flex;
  }

  .account-update-profile-mobile-PaginationDotIndicator {
    background-color: #eaecf0;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .account-update-profile-mobile-PaginationDotIndicator1 {
    background-color: #7f56d9;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .account-update-profile-progress-steps-progress-icon1 {
    display: none;
  }

  .account-update-profile-step-base6, .account-update-profile-step-elements {
    flex-wrap: wrap;
  }

  .account-update-profile-progress-container {
    gap: 40px;
  }

  .account-update-profile-text-container {
    flex-wrap: wrap;
  }

  .account-update-profile-section2 {
    background-color: #fff;
    gap: 50px;
    max-width: 90%;
    height: fit-content;
    padding-top: 10px;
    padding-bottom: 25px;
    padding-left: 5px;
  }

  .account-update-profile-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .account-update-profile-content9 {
    gap: 16px;
  }

  .account-update-profile-content12 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .account-update-profile-action {
    flex-wrap: wrap;
  }

  .account-update-profile-content23, .account-update-profile-content32 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .account-update-profile-content32 {
    gap: 16px;
    padding-right: 25px;
  }

  .account-update-profile-actions5 {
    box-sizing: border-box;
    padding-left: 0;
  }

  .account-update-profile-file {
    width: 30px;
    height: 30px;
    right: -10px;
  }

  .account-update-profile-cursor-icon {
    top: 18px;
    left: 18px;
  }

  .account-update-profile-content-wrapper-inner {
    padding-top: 50px;
  }
}

.error-color {
  color: red !important;
}

.down-icon-hide {
  margin-right: 10px !important;
}

.image-crop-overlay {
  z-index: 9999;
  background-color: #000c;
  width: 100vw;
  height: 100vh;
  transition: all .5s;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: hidden;
}

.image-crop-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.scale-input label, .rotate-input label {
  font-size: 18px;
}

.scale-input input, .rotate-input input {
  padding: 1px 0;
  font-size: 16px;
}

.scale-input label, .rotate-input label {
  color: #000;
}

.scale-input input, .rotate-input input {
  text-align: center;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
  width: 25%;
  height: 30px;
  padding: 0 1%;
  font-family: Open Sans, sans-serif;
}

.row {
  grid-template-columns: 1fr 1fr;
  margin: 15px 0 18px;
  display: grid;
}

.container {
  text-align: center;
  z-index: 1;
  background: #fff;
  border-radius: 30px;
  flex-direction: row;
  gap: 50px;
  width: 100%;
  max-width: 496px;
  padding: 30px;
  display: flex;
}

.container:first-child {
  border: 1px solid #bdbdbd;
  border-radius: 5px;
}

.select-image {
  color: #fff;
  cursor: pointer;
  background: #7e56d8;
  border: none;
  border-radius: 15px;
  width: 100%;
  padding: 16px 0;
  font-size: 16px;
  font-weight: 500;
  transition: all .3s;
  display: block;
}

.select-image:hover {
  background: #583c97;
}

.image-preview {
  display: none;
}

.error-message {
  margin-top: 25px;
}

.error-message span {
  text-align: center;
  color: red;
  border: 1px dotted red;
  border-radius: 10px;
  width: 80%;
  padding: 10px 0;
  font-size: 18px;
  display: inline-block;
}

.crop-container-one, .preview-container-one {
  flex-direction: column;
  display: flex;
}

@keyframes marching-ants {
  0% {
    background-position: 0 0, 0 100%, 0 0, 100% 0;
  }

  to {
    background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px;
  }
}

:root {
  --rc-drag-handle-size: 12px;
  --rc-drag-handle-mobile-size: 24px;
  --rc-drag-handle-bg-colour: #0003;
  --rc-drag-bar-size: 6px;
  --rc-border-color: #ffffffb3;
  --rc-focus-color: #08f;
}

.ReactCrop {
  cursor: crosshair;
  max-width: 100%;
  display: inline-block;
  position: relative;
}

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

.ReactCrop--disabled, .ReactCrop--locked {
  cursor: inherit;
}

.ReactCrop__child-wrapper {
  max-height: inherit;
  overflow: hidden;
}

.ReactCrop__child-wrapper > img, .ReactCrop__child-wrapper > video {
  max-width: 100%;
  max-height: inherit;
  display: block;
}

.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > img, .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper > video, .ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection {
  touch-action: none;
}

.ReactCrop__crop-mask {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.ReactCrop__crop-selection {
  cursor: move;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateZ(0);
}

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit;
}

.ReactCrop--circular-crop .ReactCrop__crop-selection {
  border-radius: 50%;
}

.ReactCrop--circular-crop .ReactCrop__crop-selection:after {
  pointer-events: none;
  content: "";
  border: 1px solid var(--rc-border-color);
  opacity: .3;
  position: absolute;
  inset: -1px;
}

.ReactCrop--no-animate .ReactCrop__crop-selection {
  outline: 1px dashed #fff;
}

.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection) {
  color: #fff;
  background-image: linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(to right, #fff 50%, #444 50%), linear-gradient(#fff 50%, #444 50%), linear-gradient(#fff 50%, #444 50%);
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
  animation: 1s linear infinite marching-ants;
}

.ReactCrop__crop-selection:focus {
  outline: 2px solid var(--rc-focus-color);
  outline-offset: -1px;
}

.ReactCrop--invisible-crop .ReactCrop__crop-mask, .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: "";
  background-color: #fff6;
  display: block;
  position: absolute;
}

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

.ReactCrop__rule-of-thirds-vt:after {
  left: 66.6667%;
}

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

.ReactCrop__rule-of-thirds-hz:after {
  top: 66.6667%;
}

.ReactCrop__drag-handle {
  width: var(--rc-drag-handle-size);
  height: var(--rc-drag-handle-size);
  background-color: var(--rc-drag-handle-bg-colour);
  border: 1px solid var(--rc-border-color);
  position: absolute;
}

.ReactCrop__drag-handle:focus {
  background: var(--rc-focus-color);
}

.ReactCrop .ord-nw {
  cursor: nw-resize;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}

.ReactCrop .ord-n {
  cursor: n-resize;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ReactCrop .ord-ne {
  cursor: ne-resize;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}

.ReactCrop .ord-e {
  cursor: e-resize;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}

.ReactCrop .ord-se {
  cursor: se-resize;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}

.ReactCrop .ord-s {
  cursor: s-resize;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

.ReactCrop .ord-sw {
  cursor: sw-resize;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}

.ReactCrop .ord-w {
  cursor: w-resize;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit;
}

.ReactCrop__drag-bar {
  position: absolute;
}

.ReactCrop__drag-bar.ord-n {
  width: 100%;
  height: var(--rc-drag-bar-size);
  top: 0;
  left: 0;
  transform: translateY(-50%);
}

.ReactCrop__drag-bar.ord-e {
  width: var(--rc-drag-bar-size);
  height: 100%;
  top: 0;
  right: 0;
  transform: translate(50%);
}

.ReactCrop__drag-bar.ord-s {
  width: 100%;
  height: var(--rc-drag-bar-size);
  bottom: 0;
  left: 0;
  transform: translateY(50%);
}

.ReactCrop__drag-bar.ord-w {
  width: var(--rc-drag-bar-size);
  height: 100%;
  top: 0;
  left: 0;
  transform: translate(-50%);
}

.ReactCrop--new-crop .ReactCrop__drag-bar, .ReactCrop--new-crop .ReactCrop__drag-handle, .ReactCrop--fixed-aspect .ReactCrop__drag-bar, .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: var(--rc-drag-handle-mobile-size);
    height: var(--rc-drag-handle-mobile-size);
  }
}

.image-crop-overlay {
  z-index: 10000;
  box-sizing: border-box;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 20px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.image-crop-modal {
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  max-width: 95vw;
  max-height: 95vh;
  font-family: Inter;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 60px #0000004d;
}

.crop-header {
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  display: flex;
}

.crop-title-section h2 {
  color: #111827;
  margin: 0 0 4px;
  font-size: 24px;
  font-weight: 600;
}

.crop-description {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
}

.close-btn {
  cursor: pointer;
  color: #6b7280;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 4px;
  font-size: 28px;
  transition: all .2s;
}

.close-btn:hover {
  color: #374151;
  background: #f3f4f6;
}

.crop-content {
  gap: 32px;
  min-height: 600px;
  padding: 32px;
  display: flex;
}

.crop-section {
  flex-direction: column;
  flex: 1;
  gap: 24px;
  display: flex;
}

.crop-area {
  background: #fafafa;
  border: 2px dashed #d1d5db;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  max-height: 400px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: auto;
}

.crop-area .ReactCrop {
  max-width: 100%;
}

.crop-controls {
  background: #f8fafc;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 32px;
  padding: 20px;
  display: flex;
}

.control-group {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  display: flex;
}

.control-group label {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
}

.control-buttons {
  align-items: center;
  gap: 12px;
  display: flex;
}

.control-icon {
  cursor: pointer;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  width: 32px;
  height: 32px;
  padding: 6px;
  transition: all .2s;
}

.control-icon:hover {
  background: #f3f4f6;
  border-color: #9ca3af;
  transform: scale(1.05);
}

.control-icon:active {
  transform: scale(.95);
}

.control-value {
  color: #111827;
  text-align: center;
  min-width: 40px;
  font-size: 14px;
  font-weight: 600;
}

.preview-section {
  flex-direction: column;
  align-items: center;
  gap: 20px;
  min-width: 320px;
  display: flex;
}

.preview-section h3 {
  color: #111827;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.preview-container {
  border-radius: 8px;
  overflow: hidden;
}

.preview-container.circle canvas {
  border-radius: 50%;
}

.preview-container.rounded canvas {
  border-radius: 16px;
}

.preview-container.rectangle canvas {
  border-radius: 4px;
}

.preview-container canvas {
  display: block;
}

.action-buttons {
  gap: 12px;
  margin-top: 8px;
  display: flex;
}

.primary-btn {
  color: #fff;
  cursor: pointer;
  background: #7e56d9;
  border: none;
  border-radius: 8px;
  min-width: 120px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
}

.primary-btn:hover {
  background: #6941c6;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px #6941c64d;
}

.primary-btn:active {
  transform: translateY(0);
}

.secondary-btn {
  color: #6b7280;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  min-width: 120px;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  transition: all .2s;
}

.secondary-btn:hover {
  color: #374151;
  background: #f9fafb;
  border-color: #9ca3af;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px #9ca3af4d;
}

.error-message {
  color: #dc2626;
  text-align: center;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 8px;
  margin-top: 12px;
  padding: 12px 16px;
  font-size: 14px;
}

@media (width <= 1024px) {
  .crop-content {
    flex-direction: column;
    gap: 24px;
    padding: 20px;
  }

  .preview-section {
    min-width: auto;
  }

  .crop-controls {
    flex-direction: column;
    gap: 20px;
  }
}

@media (width <= 768px) {
  .image-crop-overlay {
    padding: 10px;
  }

  .crop-header {
    padding: 16px;
  }

  .crop-content {
    min-height: auto;
    padding: 16px;
  }

  .crop-area {
    min-height: 300px;
    padding: 16px;
  }

  .control-buttons {
    gap: 8px;
  }

  .control-icon {
    width: 28px;
    height: 28px;
  }

  .action-buttons {
    flex-direction: column;
    width: 100%;
  }

  .primary-btn, .secondary-btn {
    width: 100%;
  }
}

.ReactCrop__crop-selection {
  border: 2px solid #7e56d9 !important;
}

.ReactCrop__drag-handle {
  background: #6941c6 !important;
  border: 2px solid #fff !important;
  width: 12px !important;
  height: 12px !important;
}

.ReactCrop__drag-handle:after {
  display: none !important;
}

.account-subscription-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.account-subscription-logo {
  background-image: url("gerator04-1@2x.22f76bdb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 121px;
  height: 32px;
  display: flex;
}

.account-subscription-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.account-subscription-step-titles, .account-subscription-supporting-text {
  line-height: 24px;
  position: relative;
}

.account-subscription-step-titles {
  align-self: stretch;
  font-weight: 600;
}

.account-subscription-supporting-text {
  color: #475467;
}

.account-subscription-step-titles-parent, .account-subscription-step-wrappers {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-subscription-step-titles-parent {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
}

.account-subscription-step-wrappers {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.account-subscription-connector {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  position: relative;
  left: 20px;
}

.account-subscription-connector-wrappers, .account-subscription-step-base, .account-subscription-step-base1 {
  padding: 0 px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-subscription-step-base, .account-subscription-step-base1 {
  opacity: .6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  padding: 0 0 4px;
}

.account-subscription-step-base1 {
  opacity: .6;
}

.account-subscription-featured-icon2 {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.account-subscription-connector-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0 0 4px;
  display: flex;
}

.account-subscription-supporting-text2 {
  color: #475467;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.account-subscription-step-base2, .account-subscription-text-and-supporting-text, .account-subscription-step-base4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-subscription-text-and-supporting-text {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
  padding: 0 0 32px;
}

.account-subscription-step-base2 {
  opacity: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.account-subscription-step-base4 {
  opacity: .6;
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.account-subscription-connector3 {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  display: none;
  position: relative;
}

.account-subscription-connector-wrap1, .account-subscription-progress-steps-progress-icon {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.account-subscription-connector-wrap1 {
  box-sizing: border-box;
  align-items: center;
  gap: 4px;
  height: 82px;
  padding: 0 0 4px;
}

.account-subscription-progress-steps-progress-icon {
  align-self: stretch;
  align-items: flex-start;
}

.account-subscription-progress-content, .account-subscription-progress-content-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.account-subscription-progress-content {
  flex-direction: column;
  flex: 1;
  gap: 79.5px;
}

.account-subscription-progress-content-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 380px;
  padding: 0 18px;
}

.account-subscription-contact-title {
  width: 125px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-subscription-mail-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.account-subscription-mail-01-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.account-subscription-helpuntitleduicom {
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.account-subscription-contact-info {
  flex-direction: row;
  justify-content: flex-start;
  gap: 7px;
  width: 188px;
  height: 20px;
}

.account-subscription-contact-info, .account-subscription-contact-title-parent, .account-subscription-section {
  align-items: flex-start;
  display: flex;
}

.account-subscription-contact-title-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  font-size: 14px;
}

.account-subscription-section {
  box-sizing: border-box;
  background-color: #f9fafb;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  min-width: 286px;
  max-width: 440px;
  min-height: 100vh;
  padding: 32.5px 13px 32px 14px;
}

.account-subscription-heading {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  position: relative;
}

.account-subscription-heading-and-subheading {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.account-subscription-supporting-text4 {
  color: #475467;
  align-self: stretch;
  font-size: 20px;
  line-height: 30px;
  position: relative;
}

.account-subscription-heading-and-supporting-text {
  gap: 20px;
  width: 768px;
  max-width: 768px;
}

.account-subscription-container1, .account-subscription-content, .account-subscription-heading-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-subscription-content {
  align-self: stretch;
  max-width: 100%;
}

.account-subscription-container1 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.account-subscription-featured-icon4 {
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.account-subscription-heading1 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.account-subscription-heading-and-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  display: flex;
}

.account-subscription-price, .account-subscription-supporting-text5 {
  align-self: stretch;
  position: relative;
}

.account-subscription-price {
  letter-spacing: -.02em;
  color: #101828;
  margin: 0;
  font-family: inherit;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
}

.account-subscription-supporting-text5 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.account-subscription-header, .account-subscription-heading-and-price {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.account-subscription-heading-and-price {
  align-items: center;
  gap: 8px;
}

.account-subscription-header {
  align-items: flex-start;
  padding: 32px 32px 0;
}

.account-subscription-check-icon {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.account-subscription-span {
  font-weight: 800;
}

.account-subscription-item-description {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.account-subscription-check-item-text, .account-subscription-text-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-subscription-text-wrap {
  flex-direction: column;
  flex: 1;
  min-width: 208px;
}

.account-subscription-check-item-text {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.account-subscription-business-page {
  color: #475467;
  font-size: 16px;
}

.account-subscription-check-item-text3 {
  color: #155eef;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 15px;
  display: flex;
}

.account-subscription-check-icon5 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.account-subscription-check-item-text5, .account-subscription-check-items, .account-subscription-content2 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.account-subscription-check-item-text5 {
  flex-direction: row;
  gap: 12px;
  display: none;
}

.account-subscription-check-items, .account-subscription-content2 {
  flex-direction: column;
  display: flex;
}

.account-subscription-check-items {
  gap: 16px;
}

.account-subscription-content2 {
  text-align: left;
  color: #475467;
  padding: 32px 32px 40px;
  font-size: 16px;
}

.account-subscription-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.account-subscription-button-label {
  color: #fff;
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.account-subscription-buttonsbutton, .account-subscription-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.account-subscription-buttonsbutton {
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 10px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-subscription-text7 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.account-subscription-buttonsbutton1, .account-subscription-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.account-subscription-text-padding1 {
  box-sizing: border-box;
  height: 24px;
  padding: 0 2px;
  display: flex;
}

.account-subscription-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 10px 18px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-subscription-footer, .account-subscription-pricing-tier-card {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-subscription-footer {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  border-top: 1px solid #eaecf0;
  align-self: stretch;
  padding: 30px 32px 32px;
}

.account-subscription-pricing-tier-card {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 16px;
  flex: 1;
  min-width: 273px;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.account-subscription-price1 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  position: relative;
}

.account-subscription-content1 {
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  height: max-content;
  display: flex;
}

.account-subscription-container, .account-subscription-container2, .account-subscription-pricing-section {
  box-sizing: border-box;
  flex-direction: column;
}

.account-subscription-container2 {
  text-align: center;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  font-size: 20px;
  display: flex;
}

.account-subscription-container, .account-subscription-pricing-section {
  align-self: stretch;
}

.account-subscription-pricing-section {
  scrollbar-width: none;
  background-color: #fff;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 64px;
  max-width: 100%;
  height: max-content;
  padding: 96px 0 0;
  display: flex;
  overflow-y: scroll;
}

.account-subscription-container {
  padding: 0 32px;
}

.account-subscription-container, .account-subscription-container-wrapper, .account-subscription-frame-wrapper {
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.account-subscription-container-wrapper {
  flex-direction: column;
  flex: 1;
}

.account-subscription-frame-wrapper {
  flex-direction: row;
  align-self: stretch;
}

.account-subscription-mail-01-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.account-subscription-helpcentergeratorcom {
  white-space: nowrap;
  line-height: 20px;
  position: relative;
}

.account-subscription-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: flex;
}

.account-subscription-description {
  line-height: 20px;
  position: relative;
}

.account-subscription-icon-and-text-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.account-subscription-frame-container, .account-subscription-frame-parent {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.account-subscription-frame-container {
  color: #475467;
  align-items: flex-start;
  width: 983px;
  padding: 0 20px;
  font-size: 14px;
}

.account-subscription-frame-parent {
  align-self: stretch;
  align-items: center;
  gap: 103px;
  padding: 0 0 30px;
}

.account-subscription-section1, .account-subscription-account-subscription {
  text-align: left;
  justify-content: flex-start;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.account-subscription-section1 {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  align-items: center;
  min-width: 480px;
  max-width: 100%;
}

.account-subscription-account-subscription {
  letter-spacing: normal;
  color: #344054;
  background-color: #fff;
  flex-direction: row;
  align-items: stretch;
  row-gap: 20px;
  width: 100%;
  min-height: 960px;
  line-height: normal;
  position: relative;
}

.account-subscription-display-CheckboxGroupItem {
  background: #fff;
  border: 2px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 768px;
  height: max-content;
  padding: 16px;
  display: inline-flex;
  position: relative;
}

.account-subscription-display-CheckboxGroupItem:hover {
  cursor: pointer;
  border-color: #6941c6;
  box-shadow: 0 4px 8px #0003;
}

.account-subscription-display-Content {
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  height: max-content;
  display: flex;
}

.account-subscription-display-Content-width {
  width: 70%;
}

.account-subscription-display-TextAndSupportingText {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  height: max-content;
  display: inline-flex;
}

.account-subscription-display-TextAndSubtext {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: inline-flex;
}

.account-subscription-display-Text-1 {
  color: #344054;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.account-subscription-display-Subtext, .account-subscription-display-SupportingText, .account-subscription-display-SupportingText1 {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.account-subscription-display-text-overlflow, .account-subscription-display-text-overlflow1 {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.account-subscription-display-Actions {
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  height: 20px;
  display: inline-flex;
  position: relative;
}

.account-subscription-display-ButtonsButton {
  justify-content: center;
  align-items: center;
  gap: 6px;
  transition: color .3s;
  display: flex;
}

.account-subscription-display-ButtonsButton:hover {
  color: #6a1b9a;
}

.account-subscription-display-Text-2 {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.account-subscription-display-buttonsbutton-wrapper {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 32px;
  right: 35px;
}

.account-subscription-display-buttonsbutton-wrapper-width {
  width: 30%;
}

.account-subscription-display-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-subscription-display-buttonsbutton19:hover {
  border-color: #6941c6;
}

.account-subscription-display-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.account-subscription-display-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.account-subscription-display-text107 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-subscription-display-toggle-controls {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding-left: 22px;
  font-size: 14px;
  display: flex;
}

.account-subscription-display-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.account-subscription-display-switch-label1 {
  letter-spacing: -.02px;
  z-index: 1;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-subscription-display-switch-label1.active, .account-subscription-display-switch-label.active {
  color: #6941c6;
  background-color: #0000;
  font-weight: bold;
}

.account-subscription-display-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.account-subscription-display-button6 {
  background-color: #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: left .3s;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.account-subscription-display-button6.left {
  left: 0;
}

.account-subscription-display-button6.right {
  left: 20px;
}

.account-subscription-display-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-subscription-display-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

@media screen and (width <= 1275px) {
  .account-subscription-progress-content {
    flex: 1;
  }

  .account-subscription-section {
    box-sizing: border-box;
    width: 100%;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .account-subscription-container1, .account-subscription-container2 {
    max-width: 100%;
  }

  .account-subscription-pricing-section {
    box-sizing: border-box;
    padding-top: 62px;
  }

  .account-subscription-section1 {
    flex: 1;
  }

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

  .account-subscription-price1, .account-subscription-price {
    font-size: 44px;
    line-height: 60px;
  }

  .account-subscription-heading {
    font-size: 30px;
  }

  .account-subscription-heading-and-supporting-text {
    width: 95%;
  }
}

@media screen and (width <= 1200px) {
  .account-subscription-content1 {
    flex-wrap: wrap;
  }

  .account-subscription-section {
    height: 249.5vh;
  }

  .account-subscription-pricing-section {
    gap: 32px;
    height: auto;
  }

  .account-subscription-container {
    gap: 40px;
  }

  .account-subscription-container-wrapper {
    gap: 484px;
  }

  .account-subscription-frame-parent {
    gap: 51px;
  }

  .account-subscription-price1, .account-subscription-price {
    font-size: 38px;
    line-height: 60px;
  }

  .account-subscription-supporting-text5 {
    font-size: 14px;
  }
}

@media screen and (width <= 800px) {
  .account-subscription-section {
    box-sizing: border-box;
    flex-direction: column;
    min-width: 100%;
    height: 50vh;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .account-subscription-heading {
    font-size: 29px;
    line-height: 35px;
  }

  .account-subscription-heading-and-supporting-text {
    max-width: 100%;
  }

  .account-subscription-container1 {
    gap: 16px;
  }

  .account-subscription-price {
    font-size: 38px;
    line-height: 48px;
  }

  .account-subscription-check-item-text, .account-subscription-check-item-text3, .account-subscription-check-item-text5 {
    flex-wrap: wrap;
  }

  .account-subscription-price1 {
    font-size: 38px;
    line-height: 48px;
  }

  .account-subscription-container2 {
    gap: 16px;
  }

  .account-subscription-pricing-section {
    box-sizing: border-box;
    gap: 16px;
    padding-top: 40px;
  }

  .account-subscription-container {
    gap: 20px;
  }

  .account-subscription-container-wrapper {
    gap: 242px;
  }

  .account-subscription-icon-and-text-parent {
    flex-wrap: wrap;
  }

  .account-subscription-frame-parent {
    gap: 26px;
  }

  .account-subscription-section1 {
    min-width: 100%;
  }

  .account-subscription-container2 {
    padding: 0;
  }

  .account-subscription-text-wrap {
    flex-direction: column;
    flex: 1;
    min-width: 190px;
  }
}

@media screen and (width <= 450px) {
  .account-subscription-mobile-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    width: 375px;
    height: 10px;
    padding: 30px 16px 80px;
    display: inline-flex;
  }

  .account-subscription-mobile-PaginationDotGroup {
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: inline-flex;
  }

  .account-subscription-mobile-PaginationDotIndicator {
    background-color: #eaecf0;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .account-subscription-mobile-PaginationDotIndicator1 {
    background-color: #7f56d9;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .account-subscription-progress-steps-progress-icon {
    display: none;
  }

  .account-subscription-step-base2, .account-subscription-step-wrappers, .account-subscription-step-base4 {
    flex-wrap: wrap;
  }

  .account-subscription-progress-content {
    gap: 40px;
  }

  .account-subscription-contact-title-parent {
    flex-wrap: wrap;
  }

  .account-subscription-section {
    background-color: #fff;
    gap: 50px;
    max-width: 90%;
    height: fit-content;
  }

  .account-subscription-heading {
    font-size: 22px;
    line-height: 26px;
  }

  .account-subscription-supporting-text4 {
    font-size: 16px;
    line-height: 24px;
  }

  .account-subscription-content {
    gap: 16px;
  }

  .account-subscription-heading1 {
    font-size: 16px;
    line-height: 24px;
  }

  .account-subscription-price, .account-subscription-price1 {
    font-size: 29px;
    line-height: 36px;
  }

  .account-subscription-content1 {
    gap: 16px;
  }

  .account-subscription-pricing-section {
    box-sizing: border-box;
    padding-top: 26px;
  }

  .account-subscription-container-wrapper {
    gap: 121px;
  }
}

@media screen and (width <= 375px) {
  .account-subscription-step-base2, .account-subscription-step-wrappers, .account-subscription-step-base4 {
    flex-wrap: wrap;
  }

  .account-subscription-progress-content {
    gap: 40px;
  }

  .account-subscription-contact-title-parent {
    flex-wrap: wrap;
  }

  .account-subscription-section {
    flex-direction: row;
    gap: 569px;
    max-width: 100%;
    height: 80vh;
  }

  .account-subscription-heading {
    font-size: 22px;
    line-height: 26px;
  }

  .account-subscription-supporting-text4 {
    font-size: 16px;
    line-height: 24px;
  }

  .account-subscription-content {
    gap: 16px;
  }

  .account-subscription-heading1 {
    font-size: 16px;
    line-height: 24px;
  }

  .account-subscription-price, .account-subscription-price1 {
    font-size: 29px;
    line-height: 36px;
  }

  .account-subscription-content1 {
    gap: 16px;
  }

  .account-subscription-pricing-section {
    box-sizing: border-box;
    padding-top: 26px;
  }

  .account-subscription-container-wrapper {
    gap: 121px;
  }
}

.nothing-found-message-badge-label, .nothing-found-message-text58 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
  position: relative;
}

.nothing-found-message-badge-label {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.nothing-found-message-badge2, .nothing-found-message-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nothing-found-message-badge2 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.nothing-found-message-text-and-badge2 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.nothing-found-message-supporting-text14 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.nothing-found-message-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 436px;
  max-width: 100%;
  display: flex;
}

.nothing-found-message-placeholder-icon20 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.nothing-found-message-text59 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.nothing-found-message-text-padding13 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 14px;
  display: flex;
}

.nothing-found-message-button9 {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.nothing-found-message-button10, .nothing-found-message-button9, .nothing-found-message-text-padding14 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.nothing-found-message-text-padding14 {
  padding: 0 13px;
  display: flex;
}

.nothing-found-message-button10 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.nothing-found-message-upload-cloud-02-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.nothing-found-message-text61 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.nothing-found-message-button11, .nothing-found-message-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.nothing-found-message-button11 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.nothing-found-message-text62 {
  color: #fff;
  text-align: left;
  min-width: 73px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.nothing-found-message-actions4, .nothing-found-message-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nothing-found-message-button12 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.nothing-found-message-actions4 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.nothing-found-message-dots-vertical-icon12 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.nothing-found-message-content12, .nothing-found-message-dropdown12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nothing-found-message-content12 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
}

.nothing-found-message-card-header2, .nothing-found-message-content12, .nothing-found-message-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
}

.nothing-found-message-divider-icon2 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.nothing-found-message-card-header2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.nothing-found-message-filter-label {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.nothing-found-message-button-group-base9 {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.nothing-found-message-button-group-base9:hover {
  background-color: #e0e0e0;
}

.nothing-found-message-text63 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.nothing-found-message-button-group-base10 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.nothing-found-message-text64 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.nothing-found-message-button-group-base11, .nothing-found-message-button-group-base12, .nothing-found-message-button-group-base13, .nothing-found-message-button-group-base14, .nothing-found-message-button-group-base15, .nothing-found-message-button-group-base16 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.nothing-found-message-button-group-base12, .nothing-found-message-button-group-base13, .nothing-found-message-button-group-base14, .nothing-found-message-button-group-base15, .nothing-found-message-button-group-base16 {
  z-index: 5;
}

.nothing-found-message-button-group-base13, .nothing-found-message-button-group-base14, .nothing-found-message-button-group-base15, .nothing-found-message-button-group-base16 {
  z-index: 4;
}

.nothing-found-message-button-group-base14, .nothing-found-message-button-group-base15, .nothing-found-message-button-group-base16 {
  z-index: 3;
}

.nothing-found-message-button-group-base15, .nothing-found-message-button-group-base16 {
  z-index: 2;
}

.nothing-found-message-button-group-base16 {
  z-index: 1;
}

.nothing-found-message-text70 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.nothing-found-message-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.nothing-found-message-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.nothing-found-message-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.nothing-found-message-supporting-text15, .nothing-found-message-text71 {
  line-height: 24px;
  position: relative;
}

.nothing-found-message-text71 {
  color: inherit;
  min-width: 82px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.nothing-found-message-supporting-text15 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.nothing-found-message-content14, .nothing-found-message-input-with-label1, .nothing-found-message-input1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.nothing-found-message-content14 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.nothing-found-message-input-with-label1, .nothing-found-message-input1 {
  align-self: stretch;
}

.nothing-found-message-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.nothing-found-message-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.nothing-found-message-hint-text1 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.nothing-found-message-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.nothing-found-message-text72 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.nothing-found-message-actions5, .nothing-found-message-button13 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nothing-found-message-button13 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.nothing-found-message-actions5 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.nothing-found-message-card-header-parent, .nothing-found-message-content13, .nothing-found-message-filters-bar1 {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.nothing-found-message-content13 {
  box-sizing: border-box;
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.nothing-found-message-card-header-parent, .nothing-found-message-filters-bar1 {
  flex-direction: column;
  justify-content: flex-start;
}

.nothing-found-message-filters-bar1 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  font-size: 14px;
}

.nothing-found-message-card-header-parent {
  text-align: left;
  color: #101828;
  font-family: Inter;
  font-size: 26px;
}

.nothing-found-message-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.nothing-found-message-empty-title, .nothing-found-message-supporting-text16 {
  align-self: stretch;
  position: relative;
}

.nothing-found-message-empty-title {
  font-weight: 600;
  line-height: 24px;
}

.nothing-found-message-supporting-text16 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.nothing-found-message-content15, .nothing-found-message-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nothing-found-message-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.nothing-found-message-content15 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.nothing-found-message-placeholder-icon27 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.nothing-found-message-text73 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.nothing-found-message-buttonsbutton4 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.nothing-found-message-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.nothing-found-message-actions6, .nothing-found-message-buttonsbutton5 {
  flex-direction: row;
  display: flex;
}

.nothing-found-message-buttonsbutton5 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.nothing-found-message-actions6 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 20px;
}

.nothing-found-message-empty-state2, .nothing-found-message-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.nothing-found-message-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
}

.nothing-found-message-empty-state2 {
  text-align: center;
  color: #101828;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 16px;
}

.nothing-found-message-search-results {
  box-sizing: border-box;
  letter-spacing: normal;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 67px;
  width: 1016px;
  max-width: 100%;
  padding: 0 0 2px;
  line-height: normal;
  display: flex;
  overflow: hidden;
}

@media screen and (width <= 900px) {
  .nothing-found-message-content13, .nothing-found-message-text-and-badge2 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 675px) {
  .nothing-found-message-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .nothing-found-message-text-and-supporting-text3 {
    min-width: 100%;
  }

  .nothing-found-message-search-results {
    gap: 33px;
  }
}

@media screen and (width <= 450px) {
  .nothing-found-message-text58 {
    font-size: 21px;
    line-height: 22px;
  }

  .nothing-found-message-content14, .nothing-found-message-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .nothing-found-message-input-dropdown1 {
    max-width: 100%;
  }

  .nothing-found-message-actions5 {
    flex-wrap: wrap;
  }

  .nothing-found-message-search-results {
    gap: 17px;
  }
}

.reset-password-enter-mail-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.reset-password-enter-mail-logo, .reset-password-enter-mail-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.reset-password-enter-mail-logo {
  background-image: url("gerator04-1@2x.564fc409.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.reset-password-enter-mail-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.reset-password-enter-mail-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.reset-password-enter-mail-text {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  min-width: 47px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.reset-password-enter-mail-buttonsbutton, .reset-password-enter-mail-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.reset-password-enter-mail-buttonsbutton {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 8px;
  gap: 6px;
  padding: 10px 16px;
  overflow: hidden;
}

.reset-password-enter-mail-text1 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 59px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.reset-password-enter-mail-hamburger-menu {
  display: none;
}

.reset-password-enter-mail-buttonsbutton1, .reset-password-enter-mail-navigation-actions {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.reset-password-enter-mail-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.reset-password-enter-mail-navigation-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 190px;
}

.reset-password-enter-mail-frame-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.reset-password-enter-mail-reset-password-enter-email-inner {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.reset-password-enter-mail-featured-icon {
  border-radius: 12px;
  width: 56px;
  height: 56px;
  position: relative;
}

.reset-password-enter-mail-header-title, .reset-password-enter-mail-supporting-text {
  align-self: stretch;
  position: relative;
}

.reset-password-enter-mail-header-title {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.reset-password-enter-mail-supporting-text {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.reset-password-enter-mail-header, .reset-password-enter-mail-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.reset-password-enter-mail-header {
  text-align: center;
  align-items: center;
  gap: 24px;
  font-size: 30px;
}

.reset-password-enter-mail-label {
  min-width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.reset-password-enter-mail-content2 {
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 199px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.reset-password-enter-mail-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.reset-password-enter-mail-input {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.reset-password-enter-mail-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.reset-password-enter-mail-input-field {
  gap: 6px;
}

.reset-password-enter-mail-form, .reset-password-enter-mail-input-field {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.reset-password-enter-mail-text2 {
  color: #fff;
  text-align: center;
  min-width: 124px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.reset-password-enter-mail-buttonsbutton2, .reset-password-enter-mail-content1 {
  align-self: stretch;
  align-items: center;
  display: flex;
}

.reset-password-enter-mail-buttonsbutton2 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.reset-password-enter-mail-content1 {
  color: #344054;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
  max-width: 100%;
}

.reset-password-enter-mail-container, .reset-password-enter-mail-container1, .reset-password-enter-mail-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.reset-password-enter-mail-content {
  gap: 32px;
  width: 360px;
  max-width: 360px;
}

.reset-password-enter-mail-container, .reset-password-enter-mail-container1 {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  padding: 0 20px;
}

.reset-password-enter-mail-container {
  text-align: left;
  color: #101828;
  padding: 0 32px;
  font-family: Inter;
  font-size: 14px;
}

.reset-password-enter-mail-text4 {
  line-height: 20px;
  bottom: 32px;
  left: 32px;
}

.reset-password-enter-mail-helpcentergeratorcom, .reset-password-enter-mail-mail-01-icon, .reset-password-enter-mail-text4 {
  z-index: 1;
  position: absolute;
  margin: 0 !important;
}

.reset-password-enter-mail-mail-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  bottom: 34px;
  right: 204px;
  overflow: hidden;
}

.reset-password-enter-mail-helpcentergeratorcom {
  white-space: nowrap;
  line-height: 20px;
  bottom: 32px;
  right: 31.5px;
}

.reset-password-enter-mail-log-in, .reset-password-enter-mail-reset-password-enter-email {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.reset-password-enter-mail-sending-email-log-in {
  text-align: left;
  color: #475467;
  align-self: stretch;
  align-items: center;
  gap: 32px;
  max-width: 100%;
  height: max-content;
  padding: 0 100px;
  font-family: Inter;
  font-size: 14px;
}

.reset-password-enter-mail-reset-password-enter-email {
  letter-spacing: normal;
  align-items: flex-start;
  gap: 98px;
  width: 100%;
  height: 98.5vh;
  padding: 18px 0 0;
  line-height: normal;
  overflow: hidden;
}

.reset-password-enter-mail-error {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  left: 2px;
}

@media screen and (width <= 1275px) {
  .reset-password-enter-mail-container, .reset-password-enter-mail-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .reset-password-enter-mail-log-in {
    box-sizing: border-box;
    padding-top: 62px;
    padding-bottom: 317px;
  }
}

@media screen and (width <= 780px) {
  .reset-password-enter-mail-header-title {
    font-size: 24px;
    line-height: 30px;
  }

  .reset-password-enter-mail-container, .reset-password-enter-mail-log-in {
    gap: 16px;
  }

  .reset-password-enter-mail-log-in {
    box-sizing: border-box;
    padding: 40px 40px 206px;
  }
}

@media screen and (width <= 450px) {
  .reset-password-enter-mail-navigation-actions {
    display: none;
  }

  .reset-password-enter-mail-hamburger-menu {
    display: flex;
    position: absolute;
    right: 10px;
  }

  .reset-password-enter-mail-header-title {
    font-size: 18px;
    line-height: 23px;
  }

  .reset-password-enter-mail-container1, .reset-password-enter-mail-content {
    gap: 16px;
  }

  .reset-password-enter-mail-text4 {
    line-height: 20px;
    bottom: 72px;
    left: 32px;
  }

  .reset-password-enter-mail-helpcentergeratorcom, .reset-password-enter-mail-mail-01-icon, .reset-password-enter-mail-text4 {
    z-index: 1;
    position: absolute;
    margin: 0 !important;
  }

  .reset-password-enter-mail-mail-01-icon {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    bottom: 34px;
    right: 365px;
    overflow: hidden;
  }

  .reset-password-enter-mail-helpcentergeratorcom {
    white-space: nowrap;
    line-height: 20px;
    bottom: 32px;
    right: 190px;
  }
}

.reset-password-check-mail-gerator-04-1-icon1 {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.reset-password-check-mail-app-wrapper, .reset-password-check-mail-logo1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.reset-password-check-mail-logo1 {
  background-image: url("gerator04-1@2x.564fc409.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.reset-password-check-mail-app-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.reset-password-check-mail-placeholder-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.reset-password-check-mail-action-label {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  min-width: 47px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.reset-password-check-mail-buttonsbutton4, .reset-password-check-mail-text-padding3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.reset-password-check-mail-buttonsbutton4 {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 8px;
  gap: 6px;
  padding: 10px 16px;
  overflow: hidden;
}

.reset-password-check-mail-text5 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 59px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.reset-password-check-mail-reset-password-check-email-hamburger-menu {
  display: none;
}

.reset-password-check-mail-buttonsbutton5, .reset-password-check-mail-navigation-actions1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.reset-password-check-mail-buttonsbutton5 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.reset-password-check-mail-navigation-actions1 {
  justify-content: flex-start;
  gap: 12px;
  width: 190px;
}

.reset-password-check-mail-page-content {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.reset-password-check-mail-main {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.reset-password-check-mail-featured-icon1 {
  border-radius: 12px;
  width: 56px;
  height: 56px;
  position: relative;
}

.reset-password-check-mail-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.reset-password-check-mail-oliviauntitleduicom {
  font-weight: 500;
}

.reset-password-check-mail-supporting-text1 {
  color: #475467;
  align-self: stretch;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.reset-password-check-mail-header1, .reset-password-check-mail-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.reset-password-check-mail-header1 {
  text-align: center;
  color: #101828;
  align-items: center;
  gap: 24px;
  font-size: 30px;
}

.reset-password-check-mail-text6 {
  color: #fff;
  text-align: left;
  min-width: 121px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.reset-password-check-mail-buttonsbutton6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 6px;
  padding: 8px 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.reset-password-check-mail-text7 {
  line-height: 20px;
  position: relative;
}

.reset-password-check-mail-placeholder-icon12 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.reset-password-check-mail-option-label {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  min-width: 102px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.reset-password-check-mail-buttonsbutton7, .reset-password-check-mail-row {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.reset-password-check-mail-row {
  align-items: flex-start;
  gap: 3px;
  padding: 0 46px;
}

.reset-password-check-mail-container2, .reset-password-check-mail-container3, .reset-password-check-mail-content3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.reset-password-check-mail-content3 {
  gap: 32px;
  width: 360px;
  max-width: 360px;
}

.reset-password-check-mail-container2, .reset-password-check-mail-container3 {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  padding: 0 20px;
}

.reset-password-check-mail-container2 {
  text-align: left;
  color: #475467;
  padding: 0 32px;
  font-family: Inter;
  font-size: 14px;
}

.reset-password-check-mail-help-link {
  line-height: 20px;
  bottom: 32px;
  left: 32px;
}

.reset-password-check-mail-help-link, .reset-password-check-mail-helpcentergeratorcom1, .reset-password-check-mail-mail-01-icon1 {
  z-index: 1;
  position: absolute;
  margin: 0 !important;
}

.reset-password-check-mail-mail-01-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  bottom: 34px;
  right: 204px;
  overflow: hidden;
}

.reset-password-check-mail-helpcentergeratorcom1 {
  white-space: nowrap;
  line-height: 20px;
  bottom: 32px;
  right: 31.5px;
}

.reset-password-check-mail-log-in1, .reset-password-check-mail-reset-password-check-email {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.reset-password-check-mail-log-in1 {
  text-align: left;
  color: #475467;
  align-self: stretch;
  align-items: center;
  gap: 32px;
  height: max-content;
  padding: 0 100px;
  font-family: Inter;
  font-size: 14px;
}

.reset-password-check-mail-footer {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 32px;
  height: max-content;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  position: relative;
}

.reset-password-check-mail-reset-password-check-email {
  letter-spacing: normal;
  align-items: flex-start;
  gap: 138px;
  width: 100%;
  padding: 18px 0 0;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .reset-password-check-mail-container2, .reset-password-check-mail-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .reset-password-check-mail-log-in1 {
    box-sizing: border-box;
    padding-top: 62px;
    padding-bottom: 329px;
  }
}

@media screen and (width <= 750px) {
  .reset-password-check-mail-title {
    font-size: 24px;
    line-height: 30px;
  }

  .reset-password-check-mail-row {
    flex-wrap: wrap;
  }

  .reset-password-check-mail-container2 {
    gap: 16px;
  }

  .reset-password-check-mail-log-in1 {
    box-sizing: border-box;
    gap: 16px;
    padding: 40px 40px 214px;
  }
}

@media screen and (width <= 450px) {
  .reset-password-check-mail-reset-password-check-email {
    justify-content: space-between;
  }

  .reset-password-check-mail-navigation-actions1 {
    display: none;
  }

  .reset-password-check-mail-reset-password-check-email-hamburger-menu {
    display: flex;
    position: relative;
    right: -22px;
  }

  .reset-password-check-mail-title {
    font-size: 18px;
    line-height: 23px;
  }

  .reset-password-check-mail-row {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .reset-password-check-mail-container3, .reset-password-check-mail-content3 {
    gap: 16px;
  }

  .reset-password-check-mail-help-link {
    line-height: 20px;
    bottom: 72px;
    left: 32px;
  }

  .reset-password-check-mail-helpcentergeratorcom1, .reset-password-check-mail-mail-01-icon1, .reset-password-check-mail-help-link {
    z-index: 1;
    position: absolute;
    margin: 0 !important;
  }

  .reset-password-check-mail-mail-01-icon1 {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    bottom: 34px;
    right: 365px;
    overflow: hidden;
  }

  .reset-password-check-mail-helpcentergeratorcom1 {
    white-space: nowrap;
    line-height: 20px;
    bottom: 32px;
    right: 190px;
  }
}

.reset-password-set-password-gerator-04-1-icon2 {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.reset-password-set-password-logo-container, .reset-password-set-password-logo2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.reset-password-set-password-logo2 {
  background-image: url("gerator04-1@2x.d8e2cea2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.reset-password-set-password-logo-container {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.reset-password-set-password-placeholder-icon15 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.reset-password-set-password-text8 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  min-width: 47px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.reset-password-set-password-buttonsbutton9, .reset-password-set-password-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.reset-password-set-password-buttonsbutton9 {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 8px;
  gap: 6px;
  padding: 10px 16px;
  overflow: hidden;
}

.reset-password-set-password-text9 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 59px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.reset-password-set-password-buttonsbutton10, .reset-password-set-password-navigation-actions2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.reset-password-set-password-buttonsbutton10 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.reset-password-set-password-reset-password-new-password-hamburger-menu {
  display: none;
}

.reset-password-set-password-navigation-actions2 {
  justify-content: flex-start;
  gap: 12px;
  width: 190px;
}

.reset-password-set-password-frame-group {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.reset-password-set-password-reset-password-set-password-inner {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.reset-password-set-password-featured-icon2 {
  border-radius: 12px;
  width: 56px;
  height: 56px;
  position: relative;
}

.reset-password-set-password-supporting-text2, .reset-password-set-password-title1 {
  align-self: stretch;
  position: relative;
}

.reset-password-set-password-title1 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.reset-password-set-password-supporting-text2 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.reset-password-set-password-header2, .reset-password-set-password-text-and-supporting-text2 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.reset-password-set-password-header2 {
  align-items: center;
  gap: 24px;
}

.reset-password-set-password-label1 {
  color: #344054;
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.reset-password-set-password-content6 {
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 199px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.reset-password-set-password-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.reset-password-set-password-input1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.reset-password-set-password-hint-text1 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.reset-password-set-password-input-field1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.reset-password-set-password-label2 {
  color: #344054;
  text-align: left;
  min-width: 124px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.reset-password-set-password-check-icon {
  cursor: not-allowed;
  background-color: #d0d5dd;
  border-radius: 9999px;
  flex-shrink: 0;
  min-height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.reset-password-set-password-hint-text3 {
  color: #475467;
  text-align: left;
  flex: 1;
  max-width: calc(100% - 28px);
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.reset-password-set-password-check-and-text, .reset-password-set-password-checks, .reset-password-set-password-form1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.reset-password-set-password-checks, .reset-password-set-password-form1 {
  flex-direction: column;
  gap: 12px;
}

.reset-password-set-password-form1 {
  gap: 20px;
}

.reset-password-set-password-text10 {
  color: #fff;
  text-align: left;
  min-width: 124px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.reset-password-set-password-buttonsbutton11, .reset-password-set-password-content5 {
  align-self: stretch;
  align-items: center;
  display: flex;
}

.reset-password-set-password-buttonsbutton11 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.reset-password-set-password-content5 {
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
  max-width: 100%;
  margin: 0;
}

.reset-password-set-password-container4, .reset-password-set-password-container5, .reset-password-set-password-content4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.reset-password-set-password-content4 {
  gap: 32px;
  width: 360px;
  max-width: 360px;
}

.reset-password-set-password-container4, .reset-password-set-password-container5 {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  padding: 0 20px;
}

.reset-password-set-password-container4 {
  text-align: center;
  color: #101828;
  padding: 0 32px;
  font-family: Inter;
  font-size: 30px;
}

.reset-password-set-password-help-link1 {
  line-height: 20px;
  bottom: 32px;
  left: 32px;
}

.reset-password-set-password-help-link1, .reset-password-set-password-helpcentergeratorcom2, .reset-password-set-password-mail-01-icon2 {
  z-index: 1;
  position: absolute;
  margin: 0 !important;
}

.reset-password-set-password-mail-01-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  bottom: 34px;
  right: 204px;
  overflow: hidden;
}

.reset-password-set-password-helpcentergeratorcom2 {
  white-space: nowrap;
  line-height: 20px;
  bottom: 32px;
  right: 31.5px;
}

.reset-password-set-password-log-in2, .reset-password-set-password-reset-password-set-password {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.reset-password-set-password-log-in2 {
  text-align: left;
  color: #475467;
  align-self: stretch;
  align-items: center;
  gap: 32px;
  max-width: 100%;
  height: max-content;
  padding: 0 100px;
  font-family: Inter;
  font-size: 14px;
}

.reset-password-set-password-footer {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 32px;
  width: 100%;
  height: 10%;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  position: relative;
}

.reset-password-set-password-reset-password-set-password {
  letter-spacing: normal;
  align-items: flex-start;
  gap: 98px;
  width: 100%;
  height: max-content;
  padding: 18px 0 0;
  line-height: normal;
  overflow: hidden;
}

.reset-password-set-password-error {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  left: 2px;
}

@media screen and (width <= 1275px) {
  .reset-password-set-password-container4, .reset-password-set-password-container5 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .reset-password-set-password-log-in2 {
    box-sizing: border-box;
    padding-top: 62px;
    padding-bottom: 386px;
  }
}

@media screen and (width <= 750px) {
  .reset-password-set-password-title1 {
    font-size: 24px;
    line-height: 30px;
  }

  .reset-password-set-password-container4 {
    gap: 16px;
  }

  .reset-password-set-password-log-in2 {
    box-sizing: border-box;
    gap: 16px;
    padding: 40px 40px 127px;
  }
}

@media screen and (width <= 450px) {
  .reset-password-set-password-navigation-actions2 {
    display: none;
  }

  .reset-password-set-password-reset-password-new-password-hamburger-menu {
    display: flex;
    position: relative;
    right: -22px;
  }

  .reset-password-set-password-reset-password-set-password {
    justify-content: space-between;
  }

  .reset-password-set-password-title1 {
    font-size: 18px;
    line-height: 23px;
  }

  .reset-password-set-password-container5, .reset-password-set-password-content4 {
    gap: 16px;
  }

  .reset-password-set-password-help-link1 {
    line-height: 20px;
    bottom: 72px;
    left: 32px;
  }

  .reset-password-set-password-helpcentergeratorcom2, .reset-password-set-password-mail-01-icon2, .reset-password-set-password-help-link1 {
    z-index: 1;
    position: absolute;
    margin: 0 !important;
  }

  .reset-password-set-password-mail-01-icon2 {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    bottom: 34px;
    right: 365px;
    overflow: hidden;
  }

  .reset-password-set-password-helpcentergeratorcom2 {
    white-space: nowrap;
    line-height: 20px;
    bottom: 32px;
    right: 190px;
  }
}

.reset-password-finished-password-gerator-04-1-icon3 {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.reset-password-finished-password-logo-frame, .reset-password-finished-password-logo3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.reset-password-finished-password-logo3 {
  background-image: url("gerator04-1@2x.d8e2cea2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.reset-password-finished-password-logo-frame {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.reset-password-finished-password-placeholder-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.reset-password-finished-password-text12 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  min-width: 47px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.reset-password-finished-password-buttonsbutton13, .reset-password-finished-password-text-padding9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.reset-password-finished-password-buttonsbutton13 {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 8px;
  gap: 6px;
  padding: 10px 16px;
  overflow: hidden;
}

.reset-password-finished-password-text13 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 59px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.reset-password-finished-password-buttonsbutton14, .reset-password-finished-password-navigation-actions3 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.reset-password-finished-password-buttonsbutton14 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.reset-password-finished-password-reset-password-finished-hamburger-menu {
  display: none;
}

.reset-password-finished-password-navigation-actions3 {
  justify-content: flex-start;
  gap: 12px;
  width: 190px;
}

.reset-password-finished-password-frame-container, .reset-password-finished-password-reset-password-finished-des-inner {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.reset-password-finished-password-frame-container {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.reset-password-finished-password-reset-password-finished-des-inner {
  box-sizing: border-box;
  justify-content: flex-start;
  width: 100%;
  padding: 0 32px;
}

.reset-password-finished-password-featured-icon3 {
  border-radius: 12px;
  width: 56px;
  height: 56px;
  position: relative;
}

.reset-password-finished-password-supporting-text3, .reset-password-finished-password-title2 {
  align-self: stretch;
  position: relative;
}

.reset-password-finished-password-title2 {
  font-size: inherit;
  color: #101828;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.reset-password-finished-password-supporting-text3 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.reset-password-finished-password-header3, .reset-password-finished-password-text-and-supporting-text3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.reset-password-finished-password-header3 {
  align-items: center;
  gap: 24px;
}

.reset-password-finished-password-text14 {
  color: #fff;
  text-align: left;
  min-width: 71px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.reset-password-finished-password-buttonsbutton15 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 6px;
  padding: 8px 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.reset-password-finished-password-container6, .reset-password-finished-password-container7, .reset-password-finished-password-content8 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.reset-password-finished-password-content8 {
  gap: 32px;
  width: 360px;
  max-width: 360px;
}

.reset-password-finished-password-container6, .reset-password-finished-password-container7 {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  padding: 0 20px;
}

.reset-password-finished-password-container6 {
  text-align: center;
  color: #101828;
  padding: 0 32px;
  font-family: Inter;
  font-size: 30px;
}

.reset-password-finished-password-text16 {
  line-height: 20px;
  bottom: 32px;
  left: 32px;
}

.reset-password-finished-password-helpcentergeratorcom3, .reset-password-finished-password-mail-01-icon3, .reset-password-finished-password-text16 {
  z-index: 1;
  position: absolute;
  margin: 0 !important;
}

.reset-password-finished-password-mail-01-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  bottom: 34px;
  right: 204px;
  overflow: hidden;
}

.reset-password-finished-password-helpcentergeratorcom3 {
  white-space: nowrap;
  line-height: 20px;
  bottom: 32px;
  right: 31.5px;
}

.reset-password-finished-password-log-in3, .reset-password-finished-password-reset-password-finished-des {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.reset-password-finished-password-log-in3 {
  text-align: left;
  color: #475467;
  align-self: stretch;
  align-items: center;
  gap: 32px;
  height: max-content;
  padding: 100px 100px 0;
  font-family: Inter;
  font-size: 14px;
}

.reset-password-finished-password-footer {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 32px;
  width: 100%;
  height: 100px;
  margin-top: 80px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  position: relative;
}

.reset-password-finished-password-reset-password-finished-des {
  letter-spacing: normal;
  align-items: flex-start;
  gap: 18px;
  width: 100%;
  padding: 18px 0 0;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .reset-password-finished-password-container6, .reset-password-finished-password-container7 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .reset-password-finished-password-log-in3 {
    box-sizing: border-box;
  }
}

@media screen and (width <= 750px) {
  .reset-password-finished-password-title2 {
    font-size: 24px;
    line-height: 30px;
  }

  .reset-password-finished-password-container6 {
    gap: 16px;
  }

  .reset-password-finished-password-log-in3 {
    box-sizing: border-box;
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .reset-password-finished-password-navigation-actions3 {
    display: none;
  }

  .reset-password-finished-password-reset-password-finished-hamburger-menu {
    display: flex;
    position: relative;
    right: -22px;
  }

  .reset-password-finished-password-title2 {
    font-size: 18px;
    line-height: 23px;
  }

  .reset-password-finished-password-container7, .reset-password-finished-password-content8 {
    gap: 16px;
  }

  .reset-password-finished-password-text16 {
    line-height: 20px;
    bottom: 72px;
    left: 32px;
  }

  .reset-password-finished-password-helpcentergeratorcom3, .reset-password-finished-password-mail-01-icon3, .reset-password-finished-password-text16 {
    z-index: 1;
    position: absolute;
    margin: 0 !important;
  }

  .reset-password-finished-password-mail-01-icon3 {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    bottom: 34px;
    right: 365px;
    overflow: hidden;
  }

  .reset-password-finished-password-helpcentergeratorcom3 {
    white-space: nowrap;
    line-height: 20px;
    bottom: 32px;
    right: 190px;
  }

  .reset-password-finished-password-buttonsbutton15 {
    max-width: 85%;
    position: relative;
    left: 30px;
  }

  .reset-password-finished-password-log-in3 {
    min-height: 92vh;
    padding: 170px 40px 236px;
  }
}

.account-update-profile-gerator-04-1-icon1 {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.account-update-profile-logo1 {
  background-image: url("gerator04-1@2x.22f76bdb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 121px;
  height: 32px;
  display: flex;
}

.account-update-profile-featured-icon8 {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.account-update-profile-step-labels, .account-update-profile-supporting-text9 {
  line-height: 24px;
  position: relative;
}

.account-update-profile-step-labels {
  align-self: stretch;
  font-weight: 600;
}

.account-update-profile-supporting-text9 {
  color: #475467;
}

.account-update-profile-step-elements, .account-update-profile-step-labels-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-update-profile-step-labels-parent {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
}

.account-update-profile-step-elements {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.account-update-profile-connector4 {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  position: relative;
}

.account-update-profile-progress-connectors, .account-update-profile-step-base4, .account-update-profile-step-base5 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 23px;
  display: flex;
}

.account-update-profile-step-base4, .account-update-profile-step-base5 {
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  padding: 0 0 4px;
}

.account-update-profile-step-base5 {
  opacity: .6;
}

.account-update-profile-featured-icon10 {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.account-update-profile-connector-wrap2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0 0 4px;
  display: flex;
}

.account-update-profile-supporting-text11 {
  color: #475467;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.account-update-profile-step-base6, .account-update-profile-text-and-supporting-text2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-update-profile-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
  padding: 0 0 32px;
}

.account-update-profile-step-base6 {
  opacity: .6;
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.account-update-profile-connector7 {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  display: none;
  position: relative;
}

.account-update-profile-connector-wrap3, .account-update-profile-progress-steps-progress-icon1 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.account-update-profile-connector-wrap3 {
  box-sizing: border-box;
  align-items: center;
  gap: 4px;
  height: 82px;
  padding: 0 0 4px;
}

.account-update-profile-progress-steps-progress-icon1 {
  align-self: stretch;
  align-items: flex-start;
}

.account-update-profile-progress-container, .account-update-profile-progress-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.account-update-profile-progress-container {
  flex-direction: column;
  flex: 1;
  gap: 79.5px;
}

.account-update-profile-progress-container-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 380px;
  padding: 0 18px;
}

.account-update-profile-progress-container-wrapper-custom-padding-width {
  width: auto !important;
  padding: 0 !important;
}

.account-update-profile-text40 {
  width: 125px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-update-profile-mail-01-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.account-update-profile-helpuntitleduicom1 {
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.account-update-profile-footer4 {
  flex-direction: row;
  justify-content: flex-start;
  gap: 7px;
  width: 188px;
  height: 20px;
}

.account-update-profile-footer4, .account-update-profile-section2, .account-update-profile-text-container {
  align-items: flex-start;
  display: flex;
}

.account-update-profile-text-container {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  font-size: 14px;
}

.account-edit-profile-section2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  min-width: 286px;
  max-width: 440px;
  height: 100vh;
  padding: 32.5px 13px 0 14px;
}

.account-update-profile-home-line-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.account-update-profile-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.account-update-profile-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.account-update-profile-text41 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.account-update-profile-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.account-update-profile-text42 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.account-update-profile-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: flex;
}

.account-update-profile-text43 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.account-update-profile-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.account-update-profile-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.account-update-profile-text44 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.account-update-profile-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.account-update-profile-breadcrumbs, .account-update-profile-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.account-update-profile-tabs {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.account-update-profile-breadcrumbs {
  width: 278px;
  display: none;
}

.account-update-profile-page-title {
  color: inherit;
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
  position: relative;
}

.account-update-profile-supporting-text13 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: block;
  position: relative;
}

.account-update-profile-text-and-supporting-text4 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.account-update-profile-placeholder-icon16 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.account-update-profile-text45 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.account-update-profile-text-padding8 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.account-update-profile-button, .account-update-profile-button1, .account-update-profile-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.account-update-profile-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.account-update-profile-button1, .account-update-profile-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.account-update-profile-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.account-update-profile-actions4, .account-update-profile-button2, .account-update-profile-button3 {
  flex-direction: row;
  align-items: center;
}

.account-update-profile-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-actions4 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.account-update-profile-label, .account-update-profile-text49 {
  position: relative;
}

.account-update-profile-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.account-update-profile-text49 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.account-update-profile-content8 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.account-update-profile-content8, .account-update-profile-input, .account-update-profile-input-with-label {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.account-update-profile-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-input-with-label {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.account-update-profile-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.account-update-profile-content7, .account-update-profile-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
}

.account-update-profile-input-dropdown {
  color: #344054;
  flex-direction: column;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  display: none;
}

.account-update-profile-content7 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 20px 16px;
  display: flex;
}

.account-update-profile-content7, .account-update-profile-divider-icon, .account-update-profile-page-header {
  align-self: stretch;
  max-width: 100%;
}

.account-update-profile-divider-icon {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.account-update-profile-page-header {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.account-update-profile-container3 {
  box-sizing: border-box;
  padding: 0 32px;
}

.account-update-profile-container3, .account-update-profile-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.account-update-profile-header-section-custom-margin {
  margin-top: 30px;
}

.account-update-profile-text50 {
  color: #344054;
  text-align: left;
  flex: 1;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.account-update-profile-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.account-update-profile-label1 {
  color: #344054;
  text-align: left;
  width: 36px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.account-update-profile-content10 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.account-update-profile-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.account-update-profile-input-with-label1, .account-update-profile-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.account-update-profile-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.account-update-profile-hint-text1 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.account-update-profile-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
  display: flex;
}

.account-update-profile-label2 {
  color: #344054;
  text-align: left;
  width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.account-update-profile-content11 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.account-update-profile-content11, .account-update-profile-content9, .account-update-profile-input-fields, .account-update-profile-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.account-update-profile-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-content9, .account-update-profile-input-fields {
  align-items: flex-start;
}

.account-update-profile-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.account-update-profile-content9 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.account-update-profile-divider, .account-update-profile-text51 {
  align-self: stretch;
  position: relative;
}

.account-update-profile-divider {
  background-color: #eaecf0;
  height: 1px;
}

.account-update-profile-text51 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.account-update-profile-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.account-update-profile-text52 {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.account-update-profile-content13, .account-update-profile-input-with-label3, .account-update-profile-input3 {
  justify-content: flex-start;
  display: flex;
}

.account-update-profile-content13 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  max-width: calc(100% - 28px);
}

.account-update-profile-input-with-label3, .account-update-profile-input3 {
  align-self: stretch;
  max-width: 100%;
}

.account-update-profile-input3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.account-update-profile-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.account-update-profile-content12, .account-update-profile-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-update-profile-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.account-update-profile-content12 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.account-update-profile-text53, .account-update-profile-text55 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.account-update-profile-text53 {
  align-self: stretch;
}

.account-update-profile-text55 {
  min-width: 75px;
  display: inline-block;
}

.account-update-profile-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.account-update-profile-heading-and-help-icon, .account-update-profile-help-icon-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-update-profile-help-icon-wrapper {
  flex-direction: column;
  padding: 2px 0 0;
}

.account-update-profile-heading-and-help-icon {
  flex-direction: row;
  gap: 2px;
}

.account-update-profile-supporting-text14 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.account-update-profile-avatar, .account-update-profile-contrast-border {
  border-radius: 9999px;
  width: 64px;
  height: 64px;
}

.account-update-profile-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.account-update-profile-avatar {
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-update-profile-featured-icon12 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.account-update-profile-text56 {
  color: #6941c6;
  text-align: left;
  min-width: 101px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-update-profile-buttonsbutton8 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.account-update-profile-text57 {
  color: #475467;
  text-align: left;
  min-width: 112px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-update-profile-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.account-update-profile-supporting-text15 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.account-update-profile-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.account-update-profile-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.account-update-profile-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.account-update-profile-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.account-update-profile-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.account-update-profile-cursor-icon {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 28px;
  left: 28px;
  overflow: hidden;
}

.account-update-profile-file {
  z-index: 1;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 4px;
  right: 0;
  margin: 0 !important;
}

.account-update-profile-content17 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
  position: relative;
}

.account-update-profile-file-upload, .account-update-profile-file-upload-base {
  align-items: flex-start;
  max-width: 100%;
}

.account-update-profile-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  padding: 13px 22px;
  display: flex;
}

.account-update-profile-file-upload {
  min-width: 278px;
}

.account-update-profile-avatar-and-file-upload, .account-update-profile-content19, .account-update-profile-file-upload {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.account-update-profile-avatar-and-file-upload {
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.account-update-profile-content19 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.account-update-profile-supporting-text16, .account-update-profile-text61 {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.account-update-profile-text61 {
  color: #101828;
  min-width: 68px;
  font-weight: 500;
  display: inline-block;
}

.account-update-profile-supporting-text16 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.account-update-profile-content23 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.account-update-profile-content-custom-23 {
  box-sizing: border-box;
  background-color: #fff;
  border: none;
  outline: none;
  flex-direction: row;
  flex: 1;
  align-items: center;
}

.account-update-profile-content23, .account-update-profile-input-dropdown1, .account-update-profile-input7 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.account-update-profile-input7 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.account-update-profile-text63 {
  color: #101828;
  text-align: left;
  min-width: 126px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.account-update-profile-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.account-update-profile-input8 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-content-container, .account-update-profile-content27, .account-update-profile-content32, .account-update-profile-input8 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.account-update-profile-content27 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.account-update-profile-content-container, .account-update-profile-content32 {
  box-sizing: border-box;
  align-items: flex-start;
}

.account-update-profile-content32 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
  padding: 0 102px 0 0;
}

.account-update-profile-content-container {
  align-self: stretch;
  padding: 0 0 4px;
}

.account-update-profile-divider-icon1, .account-update-profile-text68 {
  align-self: stretch;
  position: relative;
}

.account-update-profile-divider-icon1 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.account-update-profile-text68 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.account-update-profile-buttonsbutton9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.account-update-profile-button4, .account-update-profile-text69 {
  align-self: stretch;
}

.account-update-profile-text69 {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.account-update-profile-button4 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.account-update-profile-text70 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-update-profile-text-padding13 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.account-update-profile-button5 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-text71 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-update-profile-text71-custom {
  min-width: 50px !important;
}

.account-update-profile-text-padding14 {
  box-sizing: border-box;
  justify-content: center;
  padding: 0 1px;
}

.account-update-profile-actions5, .account-update-profile-button6, .account-update-profile-content34, .account-update-profile-section-footer, .account-update-profile-text-padding14 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.account-update-profile-button6 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-button6-custom-width {
  width: 100px !important;
}

.account-update-profile-button6:hover {
  background-color: #6941c6;
}

.account-update-profile-actions5, .account-update-profile-content34, .account-update-profile-section-footer {
  justify-content: flex-end;
  max-width: 100%;
}

.account-update-profile-actions5 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 609px;
}

.account-update-profile-actions5-custom-padding {
  padding: 0 !important;
}

.account-update-profile-content34, .account-update-profile-section-footer {
  align-self: stretch;
  gap: 20px;
}

.account-update-profile-content34-custom-align-self {
  padding-right: 105px;
  align-self: flex-end !important;
}

.account-update-profile-section-footer {
  flex-direction: column;
  justify-content: flex-start;
}

.account-update-profile-content-elements, .account-update-profile-content-elements-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.account-update-profile-content-elements {
  flex-direction: column;
  flex: 1;
  gap: 20px;
  margin: 0;
}

.account-update-profile-content-elements-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 106px;
}

.account-update-profile-content-elements-wrapper-custom-padding {
  padding: 0 32px 10px;
}

.account-update-profile-helpcentergeratorcom1 {
  white-space: nowrap;
  line-height: 20px;
  position: relative;
}

.account-update-profile-icon-and-text1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: flex;
}

.account-update-profile-text72 {
  line-height: 20px;
  position: relative;
}

.account-update-profile-help-content {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.account-update-profile-content-wrapper, .account-update-profile-content-wrapper-inner, .account-update-profile-help-content-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.account-update-profile-content-wrapper-custom {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  display: flex;
}

.account-edit-profile-content-wrapper-custom {
  scrollbar-width: none;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  display: flex;
  overflow: scroll;
}

.account-update-profile-help-content-wrapper {
  flex-direction: column;
  flex: 1;
}

.account-update-profile-content-wrapper, .account-update-profile-content-wrapper-inner {
  align-self: stretch;
}

.account-update-profile-content-wrapper-inner {
  box-sizing: border-box;
  flex-direction: row;
  padding: 0 23px;
}

.account-update-profile-content-wrapper {
  flex-direction: column;
  gap: 32px;
  padding-top: 92px;
}

.account-update-profile-content-wrapper-wrapper, .account-edit-profile-account-edit-profile {
  box-sizing: border-box;
  text-align: left;
  font-family: Inter;
  display: flex;
}

.account-update-profile-content-wrapper-wrapper {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 990px;
  max-width: 100%;
  padding: 0 0 30px;
  font-size: 14px;
}

.account-edit-profile-content-wrapper-wrapper {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 990px;
  max-width: 100%;
  font-size: 14px;
}

.account-edit-profile-account-edit-profile {
  letter-spacing: normal;
  color: #344054;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  row-gap: 20px;
  width: 100%;
  height: max-content;
  padding: 0 10px 0 0;
  font-size: 16px;
  line-height: normal;
  position: relative;
}

.account-update-profile-account-update-profile-custom-align-item {
  align-items: unset !important;
}

.account-update-profile-mobile-container {
  width: 100%;
}

.account-update-profile-section2-custom-minwidth-padding {
  background-color: #fff;
  min-width: auto !important;
  padding: 0 !important;
}

.account-update-profile-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.account-update-profile-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

@media screen and (width <= 1200px) {
  .account-update-profile-progress-container {
    flex: 1;
  }

  .account-edit-profile-section2 {
    box-sizing: border-box;
    gap: 70px;
    min-width: 100%;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .account-update-profile-content-elements-wrapper {
    box-sizing: border-box;
    padding-bottom: 69px;
  }

  .account-update-profile-content-wrapper-wrapper {
    flex: 1;
  }

  .account-edit-profile-account-edit-profile {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-left: 10px;
  }
}

@media screen and (width <= 1050px) {
  .account-update-profile-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .account-update-profile-content12, .account-update-profile-content32 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .account-update-profile-actions5 {
    box-sizing: border-box;
    flex-wrap: wrap;
    max-width: 150px;
    padding-left: 0;
  }

  .account-update-profile-content34 {
    justify-content: flex-start;
  }

  .account-update-profile-content-wrapper-wrapper {
    min-width: 100%;
  }
}

@media screen and (width <= 750px) {
  .account-edit-profile-section2 {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .account-update-profile-actions4, .account-update-profile-input-fields {
    flex-wrap: wrap;
  }

  .account-update-profile-input-field1, .account-update-profile-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .account-update-profile-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .account-update-profile-avatar-and-file-upload, .account-update-profile-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .account-update-profile-content-elements-wrapper {
    box-sizing: border-box;
    padding-bottom: 45px;
  }

  .account-update-profile-help-content {
    flex-wrap: wrap;
  }

  .account-update-profile-content-wrapper {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .account-update-profile-mobile-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    width: 375px;
    height: 10px;
    padding-top: 30px;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-flex;
  }

  .account-update-profile-mobile-PaginationDotGroup {
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: inline-flex;
  }

  .account-update-profile-mobile-PaginationDotIndicator {
    background-color: #eaecf0;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .account-update-profile-mobile-PaginationDotIndicator1 {
    background-color: #7f56d9;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .account-update-profile-progress-steps-progress-icon1 {
    display: none;
  }

  .account-update-profile-step-base6, .account-update-profile-step-elements {
    flex-wrap: wrap;
  }

  .account-update-profile-progress-container {
    gap: 40px;
  }

  .account-update-profile-text-container {
    flex-wrap: wrap;
  }

  .account-edit-profile-section2 {
    background-color: #fff;
    gap: 50px;
    max-width: 90%;
    height: fit-content;
    padding-top: 10px;
    padding-bottom: 25px;
    padding-left: 5px;
  }

  .account-update-profile-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .account-update-profile-content9 {
    gap: 16px;
  }

  .account-update-profile-content12 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .account-update-profile-action {
    flex-wrap: wrap;
  }

  .account-update-profile-content23, .account-update-profile-content32 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .account-update-profile-content32 {
    gap: 16px;
    padding-right: 25px;
  }

  .account-update-profile-actions5 {
    box-sizing: border-box;
    padding-left: 0;
  }

  .account-update-profile-file {
    width: 30px;
    height: 30px;
    right: -10px;
  }

  .account-update-profile-cursor-icon {
    top: 18px;
    left: 18px;
  }

  .account-update-profile-content-wrapper-inner {
    padding-top: 50px;
  }
}

.radar-main-custom {
  width: 100% !important;
}

.radar-search-lg-icon-custom {
  cursor: pointer;
}

.radar-radar-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.radar-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.radar-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.radar-badge1, .radar-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.radar-navigation, .radar-search-input {
  justify-content: flex-start;
  display: flex;
}

.radar-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.radar-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.radar-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-content3, .radar-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radar-content3 {
  flex: 1;
  gap: 8px;
}

.radar-divider-icon, .radar-home-line-icon {
  position: relative;
  overflow: hidden;
}

.radar-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.radar-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.radar-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-content12, .radar-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.radar-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.radar-content5, .radar-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.radar-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.radar-supporting-text, .radar-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.radar-title {
  font-weight: 600;
}

.radar-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.radar-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.radar-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.radar-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.radar-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.radar-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.radar-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.radar-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.radar-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.radar-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.radar-tabs {
  gap: 8px;
}

.radar-breadcrumbs, .radar-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radar-heading, .radar-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.radar-heading {
  font-weight: 600;
  line-height: 38px;
}

.radar-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.radar-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.radar-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.radar-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.radar-button, .radar-button1, .radar-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.radar-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.radar-button1, .radar-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.radar-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.radar-actions, .radar-button2, .radar-button3 {
  flex-direction: row;
  align-items: center;
}

.radar-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.radar-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.radar-button4, .radar-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.radar-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-button6, .radar-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.radar-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-content13, .radar-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.radar-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.radar-content13, .radar-divider-icon1, .radar-page-header {
  align-self: stretch;
  max-width: 100%;
}

.radar-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.radar-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.radar-text31 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.radar-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-button-group-base1, .radar-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.radar-button-group-base2 {
  width: 77px;
}

.radar-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.radar-button-group-base3, .radar-button-group-base4, .radar-button-group-base5, .radar-button-group-base6, .radar-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.radar-button-group-base4, .radar-button-group-base5, .radar-button-group-base6, .radar-button-group-base7 {
  z-index: 4;
}

.radar-button-group-base5, .radar-button-group-base6, .radar-button-group-base7 {
  z-index: 3;
}

.radar-button-group-base6, .radar-button-group-base7 {
  z-index: 2;
}

.radar-button-group-base7 {
  z-index: 1;
}

.radar-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-button-group, .radar-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.radar-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.radar-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-buttonsbutton1:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.radar-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-actions2, .radar-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.radar-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.radar-container, .radar-header-section, .radar-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.radar-container, .radar-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.radar-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.radar-header-section {
  flex-shrink: 0;
}

.radar-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.radar-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.radar-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 250px;
  display: flex;
}

.radar-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.radar-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-color2, .radar-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.radar-color3 {
  background-color: #17b26a;
}

.radar-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.radar-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.radar-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.radar-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.radar-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.radar-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.radar-divider, .radar-y-axis-line, .radar-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.radar-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.radar-y-axis-line, .radar-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.radar-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.radar-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.radar-y-axis, .radar-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.radar-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.radar-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.radar-jan, .radar-jul, .radar-jun, .radar-mar, .radar-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.radar-jul, .radar-jun, .radar-mar, .radar-may {
  min-width: 23px;
}

.radar-jul, .radar-jun, .radar-may {
  min-width: 25px;
}

.radar-jul, .radar-jun {
  min-width: 22px;
}

.radar-jul {
  min-width: 17px;
}

.radar-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.radar-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.radar-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.radar-line-and-bar-chart, .radar-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-line-and-bar-chart {
  flex: 1;
}

.radar-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.radar-heading1, .radar-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.radar-number {
  white-space: nowrap;
  line-height: 38px;
}

.radar-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.radar-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-change-and-text, .radar-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.radar-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.radar-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.radar-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.radar-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.radar-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-dropdown, .radar-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.radar-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.radar-change-and-text1, .radar-container1, .radar-metric-group, .radar-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.radar-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.radar-container1, .radar-metric-group, .radar-section {
  align-items: flex-start;
  max-width: 100%;
}

.radar-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.radar-container1, .radar-section {
  flex-direction: column;
}

.radar-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.radar-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.radar-separator, .radar-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.radar-separator1 {
  height: 43px;
}

.radar-main, .radar-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.radar-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.radar-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.radar-breadcrumb-button-base6, .radar-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.radar-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.radar-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.radar-breadcrumbs1, .radar-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.radar-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.radar-breadcrumbs1 {
  width: 278px;
  display: none;
}

.radar-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.radar-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.radar-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.radar-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.radar-content16, .radar-input-with-label1, .radar-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.radar-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.radar-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.radar-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.radar-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.radar-content15, .radar-page-header-wrapper, .radar-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.radar-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.radar-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 742px;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.radar-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-tab-button-base {
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.radar-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.radar-text49, .radar-text50, .radar-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-text50, .radar-text51 {
  min-width: 62px;
}

.radar-text51 {
  min-width: 34px;
}

.radar-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.radar-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.radar-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.radar-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.radar-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.radar-tab-button-base7, .radar-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.radar-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.radar-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.radar-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.radar-horizontal-tabs, .radar-horizontal-tabs-wrapper, .radar-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.radar-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.radar-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.radar-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.radar-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.radar-dropdown3, .radar-metric-card, .radar-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-dropdown3 {
  z-index: 1;
  flex-direction: column;
  position: relative;
}

.radar-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.radar-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.radar-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.radar-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.radar-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.radar-frame-inner, .radar-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.radar-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.radar-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.radar-heading5, .radar-number4 {
  z-index: 1;
  position: relative;
}

.radar-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.radar-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.radar-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.radar-badge12, .radar-frame-container, .radar-heading-parent, .radar-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.radar-frame-container, .radar-rectangle-container {
  box-sizing: border-box;
}

.radar-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.radar-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.radar-heading-group {
  gap: 8px;
  width: 153px;
}

.radar-dropdown7, .radar-heading-container, .radar-heading-group, .radar-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-heading-container {
  gap: 8px;
  width: 163px;
}

.radar-dropdown7, .radar-heading-parent1 {
  flex-shrink: 0;
}

.radar-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.radar-dropdown7 {
  z-index: 1;
  position: relative;
}

.radar-frame-group, .radar-frame-wrapper, .radar-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.radar-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.radar-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: center;
  gap: 19px;
}

.radar-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  scrollbar-width: none;
  -ms-overflow-style: none;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  overflow-x: auto;
}

.radar-frame-wrapper::-webkit-scrollbar {
  display: none;
}

.radar-text62, .radar-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-text63 {
  min-width: 74px;
}

.radar-buttonsbutton4, .radar-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.radar-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-dropdowns, .radar-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.radar-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.radar-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-input-dropdown2, .radar-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.radar-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.radar-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.radar-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.radar-content17, .radar-filters-bar, .radar-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.radar-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.radar-frame-child3, .radar-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.radar-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 24px 0;
  display: flex;
  position: relative;
}

.radar-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.radar-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.radar-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.radar-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.radar-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.radar-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.radar-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.radar-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-location-badge, .radar-location-badge-number, .radar-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.radar-location-badge, .radar-type-number {
  box-sizing: border-box;
}

.radar-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.radar-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.radar-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.radar-location-elements, .radar-type-badge-elements, .radar-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.radar-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.radar-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.radar-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.radar-badge-elements, .radar-badge-elements-wrapper, .radar-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.radar-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.radar-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-action-fields, .radar-card-elements, .radar-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.radar-action-fields, .radar-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.radar-input-elements {
  align-self: stretch;
  gap: 16px;
}

.radar-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.radar-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.radar-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.radar-frame-wrapper3, .radar-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.radar-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.radar-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.radar-dropdown-elements, .radar-dropdown-options-parent, .radar-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.radar-price-parent {
  flex-direction: column;
  flex: 1;
}

.radar-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.radar-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.radar-content-actions, .radar-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.radar-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.radar-location-column-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 52px;
  height: 52px;
  position: relative;
}

.radar-name, .radar-role {
  display: inline-block;
  position: relative;
}

.radar-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.radar-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.radar-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.radar-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.radar-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.radar-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-buttonsbutton8, .radar-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.radar-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.radar-buttonsbutton-parent, .radar-primary-table, .radar-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.radar-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.radar-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.radar-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.radar-content-items, .radar-help-avatar, .radar-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.radar-content-items, .radar-rectangle-parent3 {
  box-sizing: border-box;
}

.radar-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.radar-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.radar-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.radar-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.radar-badge-parent, .radar-badge23, .radar-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.radar-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.radar-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-badge23, .radar-badge24, .radar-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.radar-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.radar-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.radar-badge24, .radar-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-badge-elements-copy, .radar-badge25, .radar-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.radar-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.radar-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.radar-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.radar-badge26, .radar-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.radar-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-badge27, .radar-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.radar-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.radar-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.radar-frame-parent1, .radar-frame-parent2, .radar-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.radar-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.radar-frame-child5, .radar-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.radar-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.radar-frame-child7, .radar-text78 {
  z-index: 2;
  position: relative;
}

.radar-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.radar-text78 {
  font-weight: 600;
  line-height: 28px;
}

.radar-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-location3, .radar-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-type-of-work2 {
  min-width: 109px;
}

.radar-frame-parent12, .radar-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.radar-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.radar-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.radar-badge29, .radar-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.radar-badge30 {
  width: 76px;
}

.radar-badge-container, .radar-badge30, .radar-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.radar-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.radar-badge-container, .radar-badge32, .radar-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.radar-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.radar-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.radar-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.radar-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-badge33, .radar-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.radar-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.radar-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-price2, .radar-text83 {
  position: relative;
}

.radar-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.radar-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.radar-radar-1-1-container, .radar-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.radar-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.radar-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.radar-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.radar-name2, .radar-role2 {
  display: inline-block;
  position: relative;
}

.radar-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.radar-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.radar-buttonsbutton13, .radar-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.radar-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.radar-buttonsbutton14, .radar-buttonsbutton15, .radar-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.radar-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.radar-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.radar-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.radar-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.radar-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-frame-wrapper16, .radar-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.radar-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.radar-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.radar-divider-icon5, .radar-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.radar-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.radar-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.radar-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.radar-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-badge34, .radar-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.radar-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.radar-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-badge36, .radar-badge37, .radar-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.radar-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.radar-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.radar-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.radar-badge38, .radar-frame-parent26, .radar-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.radar-badge39, .radar-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.radar-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.radar-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.radar-element-details-child, .radar-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.radar-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.radar-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.radar-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.radar-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.radar-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.radar-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.radar-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.radar-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-date-icon, .radar-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-type-label {
  color: #101828;
  font-size: 14px;
}

.radar-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.radar-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.radar-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-work-type-icon, .radar-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.radar-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.radar-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.radar-action-icons, .radar-calendar-icon6, .radar-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.radar-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.radar-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.radar-element-actions, .radar-element-details-parent, .radar-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.radar-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.radar-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.radar-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.radar-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.radar-frame-parent32, .radar-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.radar-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.radar-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.radar-dropdown-parent1, .radar-frame-parent31, .radar-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.radar-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.radar-dropdown-parent1, .radar-frame-parent31 {
  align-items: flex-end;
}

.radar-frame-parent31 {
  flex: 1;
}

.radar-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.radar-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.radar-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.radar-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.radar-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.radar-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.radar-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.radar-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.radar-span {
  font-weight: 500;
}

.radar-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.radar-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.radar-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-frame-parent36, .radar-frame-parent37, .radar-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-frame-parent37, .radar-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.radar-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.radar-text105, .radar-text106, .radar-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.radar-text105, .radar-text106 {
  display: inline-block;
}

.radar-text105 {
  min-width: 103px;
}

.radar-text106 {
  flex-shrink: 0;
  width: 151px;
}

.radar-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.radar-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.radar-supporting-text20, .radar-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-supporting-text20 {
  min-width: 70.9px;
}

.radar-supporting-text21 {
  width: 104px;
}

.radar-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.radar-frame-parent33, .radar-frame-parent34, .radar-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.radar-frame-parent33, .radar-frame-parent34 {
  flex: 1;
}

.radar-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.radar-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.radar-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-buttonsbutton-wrapper, .radar-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.radar-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.radar-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-dropdown-parent2, .radar-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.radar-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.radar-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.radar-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.radar-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.radar-content-items5, .radar-frame-child16, .radar-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.radar-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.radar-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.radar-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.radar-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.radar-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.radar-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.radar-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.radar-frame-parent39, .radar-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.radar-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.radar-dropdown14, .radar-text112 {
  z-index: 1;
  position: absolute;
}

.radar-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.radar-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.radar-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.radar-price6, .radar-text113 {
  z-index: 1;
  position: relative;
}

.radar-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.radar-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.radar-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.radar-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.radar-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.radar-frame-parent46, .radar-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.radar-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.radar-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.radar-frame-parent45, .radar-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.radar-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.radar-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.radar-card-container-child, .radar-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.radar-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.radar-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.radar-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.radar-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.radar-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.radar-dropdown15, .radar-item-title {
  z-index: 2;
  position: absolute;
}

.radar-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.radar-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.radar-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.radar-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.radar-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.radar-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.radar-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.radar-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.radar-card-container, .radar-card-list, .radar-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.radar-card-container, .radar-card-list {
  align-items: flex-start;
}

.radar-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.radar-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.radar-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.radar-frame-wrapper37, .radar-price-wrapper, .radar-text-wrapper18, .radar-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.radar-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.radar-frame-wrapper37, .radar-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.radar-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.radar-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.radar-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.radar-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.radar-buttonsbutton-frame, .radar-frame-parent64, .radar-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.radar-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.radar-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.radar-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.radar-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.radar-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.radar-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-change7, .radar-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.radar-change7 {
  min-width: 38px;
  display: inline-block;
}

.radar-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.radar-change-and-text3, .radar-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.radar-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.radar-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.radar-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.radar-dropdown19, .radar-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.radar-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-buttonsbutton25, .radar-buttonsbutton26, .radar-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.radar-buttonsbutton25, .radar-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.radar-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.radar-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.radar-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.radar-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-arrow-square-up-right-wrapper1, .radar-buttonsbutton-parent1, .radar-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.radar-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.radar-divider-container1, .radar-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.radar-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.radar-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-buttonsbutton-wrapper1, .radar-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.radar-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.radar-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.radar-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.radar-badge46, .radar-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radar-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.radar-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.radar-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.radar-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-actions3, .radar-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.radar-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.radar-content20, .radar-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.radar-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.radar-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.radar-card-header, .radar-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.radar-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.radar-button-group-base9, .radar-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.radar-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.radar-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.radar-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.radar-button-group-base10, .radar-button-group-base11, .radar-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.radar-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.radar-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.radar-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.radar-content22, .radar-input-with-label3, .radar-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.radar-input-with-label3, .radar-input3 {
  align-self: stretch;
}

.radar-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.radar-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.radar-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.radar-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.radar-actions4, .radar-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.radar-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.radar-content-items9, .radar-content21, .radar-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.radar-content-items9, .radar-filters-bar1 {
  justify-content: flex-start;
}

.radar-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.radar-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.radar-badge-number1, .radar-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.radar-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.radar-badge47, .radar-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radar-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.radar-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.radar-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.radar-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.radar-actions5, .radar-card-header1, .radar-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.radar-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.radar-card-header1, .radar-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.radar-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.radar-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.radar-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.radar-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.radar-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.radar-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.radar-checkbox-wrapper, .radar-sub-nav-items-wrapper, .radar-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.radar-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.radar-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.radar-avatar2, .radar-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.radar-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.radar-avatar2 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.radar-account-button, .radar-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-account-button {
  min-width: 75px;
  font-weight: 500;
}

.radar-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.radar-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.radar-avatar3 {
  background-image: url("avatar3@3x.1f4d46c9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.radar-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.radar-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.radar-avatar5 {
  background-image: url("avatar4@3x.27b7e1fb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.radar-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-contrast-border6, .radar-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.radar-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -380px;
  overflow-x: auto;
}

.radar-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.radar-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.radar-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.radar-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-button-upload, .radar-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.radar-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.radar-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.radar-avatar8 {
  background-image: url("avatar5@3x.f36d8172.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.radar-table-cell6, .radar-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.radar-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.radar-avatar10 {
  background-image: url("avatar6@3x.5f263d4b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.radar-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.radar-avatar11 {
  background-image: url("avatar7@3x.bebe0bf4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.radar-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.radar-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.radar-table-header, .radar-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radar-table-header {
  gap: 4px;
}

.radar-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.radar-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.radar-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.radar-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.radar-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.radar-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.radar-table-cell15, .radar-table-cell16, .radar-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.radar-table-cell16, .radar-table-cell18 {
  width: 271px;
}

.radar-table-cell18 {
  width: 239px;
}

.radar-column, .radar-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.radar-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.radar-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.radar-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.radar-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.radar-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.radar-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.radar-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.radar-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.radar-user-cell2, .radar-user-cell3, .radar-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-user-cell3, .radar-user-cell4 {
  min-width: 84px;
}

.radar-user-cell4 {
  min-width: 82px;
}

.radar-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.radar-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.radar-user-cell5, .radar-user-cell6, .radar-user-cell7 {
  line-height: 20px;
  position: relative;
}

.radar-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.radar-user-cell7 {
  white-space: nowrap;
}

.radar-column1, .radar-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.radar-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.radar-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.radar-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.radar-table-cell30, .radar-table-header-cell3, .radar-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.radar-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.radar-table-cell30, .radar-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.radar-table-header-cell3 {
  background-color: #f9fafb;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.radar-table-cell30 {
  padding: 26px 50px 24px;
}

.radar-column2, .radar-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.radar-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.radar-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.radar-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-button-wrap, .radar-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.radar-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.radar-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.radar-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-content24, .radar-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-content24 {
  padding: 10px 16px;
}

.radar-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.radar-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-content25, .radar-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-content25 {
  padding: 10px 15px;
}

.radar-pagination-number-base1 {
  overflow: hidden;
}

.radar-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-content26, .radar-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-content26 {
  padding: 10px 15px;
}

.radar-pagination-number-base2 {
  overflow: hidden;
}

.radar-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.radar-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-content30, .radar-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.radar-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.radar-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-button-wrap1, .radar-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.radar-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.radar-pagination, .radar-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.radar-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.radar-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.radar-content-items10, .radar-content-items11, .radar-table-cell40, .radar-table-cell41, .radar-table-cell42, .radar-table-header-cell4 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.radar-table-cell40, .radar-table-cell41, .radar-table-cell42, .radar-table-header-cell4 {
  border-bottom: 1px solid #eaecf0;
  gap: 12px;
  position: absolute;
  left: 0;
}

.radar-table-header-cell4 {
  color: #475467;
  background-color: #f9fafb;
  width: 100%;
  max-width: 100%;
  padding: 12px 24px 10px;
  font-size: 12px;
  top: 0;
}

.radar-table-cell40, .radar-table-cell41, .radar-table-cell42 {
  width: 245px;
  padding: 16px 24px 14px;
  top: 44px;
  overflow-x: auto;
}

.radar-table-cell41, .radar-table-cell42 {
  width: 252px;
  top: 116px;
}

.radar-table-cell42 {
  top: 188px;
}

.radar-table-cell43 {
  width: 252px;
  top: 260px;
}

.radar-table-cell43, .radar-table-cell44, .radar-table-cell45 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.radar-table-cell44 {
  text-align: center;
  color: #667085;
  width: 311px;
  font-size: 16px;
  top: 332px;
}

.radar-table-cell45 {
  width: 260px;
  top: 404px;
}

.radar-table-cell46 {
  box-sizing: border-box;
  width: 252px;
  top: 476px;
}

.radar-table-cell46, .radar-table-cell47, .radar-table-cell48, .radar-table-cell49 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.radar-table-cell47 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  width: 242px;
  font-size: 16px;
  top: 548px;
}

.radar-table-cell48, .radar-table-cell49 {
  top: 620px;
}

.radar-table-cell49 {
  box-sizing: border-box;
  z-index: 1;
  width: 242px;
  top: 692px;
}

.radar-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.radar-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.radar-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.radar-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.radar-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.radar-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-table-cell50, .radar-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.radar-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.radar-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.radar-column3, .radar-table-cell52, .radar-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.radar-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.radar-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.radar-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.radar-marker-pin-02-group, .radar-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radar-marker-pin-02-group {
  gap: 7px;
}

.radar-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.radar-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.radar-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.radar-column-wrapper, .radar-column4, .radar-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.radar-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.radar-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.radar-column5, .radar-column6, .radar-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.radar-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.radar-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.radar-column-parent, .radar-frame-parent74, .radar-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.radar-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.radar-frame-parent74, .radar-pagination1 {
  align-self: stretch;
}

.radar-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.radar-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.radar-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.radar-badge50, .radar-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radar-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.radar-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.radar-content-items14, .radar-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.radar-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.radar-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-button-group-base27, .radar-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.radar-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.radar-button-group-base28 {
  background-color: #fff;
}

.radar-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.radar-filter-bar-container, .radar-frame-parent, .radar-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.radar-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.radar-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.radar-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.radar-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.radar-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.radar-buttonsbutton33, .radar-content45, .radar-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.radar-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.radar-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-actions11, .radar-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.radar-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.radar-empty-state, .radar-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.radar-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.radar-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.radar-empty-state-wrapper, .radar-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.radar-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.radar-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.radar-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.radar-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.radar-content46, .radar-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radar-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.radar-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.radar-add, .radar-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-learn-more {
  min-width: 88px;
}

.radar-actions12, .radar-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.radar-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.radar-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.radar-empty-state-container, .radar-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.radar-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.radar-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.radar-radar-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .radar-all, .radar-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .radar-all {
    padding-bottom: 67px;
  }

  .radar-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .radar-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .radar-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .radar-content-elements-parent, .radar-content17, .radar-frame-group, .radar-rectangle-parent10, .radar-rectangle-parent5, .radar-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .radar-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .radar-frame-wrapper31 {
    flex: 1;
  }

  .radar-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .radar-list-item-parent {
    flex: 1;
  }

  .radar-card-list, .radar-content20, .radar-content21, .radar-metric-item-parent {
    flex-wrap: wrap;
  }

  .radar-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .radar-content23, .radar-frame-parent73, .radar-frame-parent74 {
    flex-wrap: wrap;
  }

  .radar-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .radar-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .radar-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .radar-content13 {
    gap: 17px;
  }

  .radar-tabs-and-filters {
    flex-wrap: wrap;
  }

  .radar-jul {
    width: 100%;
    height: 17px;
  }

  .radar-x-axis {
    flex-wrap: wrap;
  }

  .radar-number {
    font-size: 24px;
    line-height: 30px;
  }

  .radar-main {
    gap: 16px;
  }

  .radar-number3, .radar-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .radar-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .radar-badge-elements, .radar-card-elements, .radar-dropdowns, .radar-location-badge-number {
    flex-wrap: wrap;
  }

  .radar-action-fields {
    min-width: 100%;
  }

  .radar-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .radar-frame-parent2, .radar-primary-table {
    flex-wrap: wrap;
  }

  .radar-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .radar-frame-parent17, .radar-frame-parent18, .radar-frame-parent21 {
    flex-wrap: wrap;
  }

  .radar-element-details, .radar-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .radar-action-icons, .radar-element-details-parent {
    flex-wrap: wrap;
  }

  .radar-icon-button {
    gap: 17px;
  }

  .radar-icon-button, .radar-sidebar1 {
    flex-wrap: wrap;
  }

  .radar-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .radar-rectangle-parent11 {
    gap: 16px;
  }

  .radar-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .radar-frame-parent39 {
    min-width: 100%;
  }

  .radar-frame-wrapper31 {
    margin-left: 0;
  }

  .radar-card-row {
    min-width: 100%;
  }

  .radar-list-item-parent {
    margin-left: 0;
  }

  .radar-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .radar-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .radar-text-and-supporting-text2 {
    min-width: 100%;
  }

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

  .radar-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .radar-text-and-supporting-text3 {
    min-width: 100%;
  }

  .radar-actions5, .radar-table-cell51, .radar-table-cell52 {
    flex-wrap: wrap;
  }

  .radar-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .radar-frame-parent, .radar-text-and-supporting-text16 {
    min-width: 100%;
  }

  .radar-empty-state3 {
    gap: 16px;
  }

  .radar-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .radar-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .radar-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .radar-heading {
    font-size: 18px;
    line-height: 23px;
  }

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

  .radar-number {
    font-size: 18px;
    line-height: 23px;
  }

  .radar-number-and-chart {
    flex-wrap: wrap;
  }

  .radar-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .radar-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .radar-number3, .radar-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .radar-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .radar-price {
    font-size: 16px;
    line-height: 26px;
  }

  .radar-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .radar-date-elements-parent {
    flex: 1;
  }

  .radar-badge-container, .radar-frame-parent12 {
    flex-wrap: wrap;
  }

  .radar-badge-group {
    height: auto;
    min-height: 104px;
  }

  .radar-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .radar-work-type-icon {
    flex: 1;
  }

  .radar-calendar-icon6 {
    flex-wrap: wrap;
  }

  .radar-work-type-label {
    margin-left: 0;
  }

  .radar-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .radar-frame-parent36, .radar-frame-parent42 {
    flex-wrap: wrap;
  }

  .radar-price5, .radar-price6, .radar-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .radar-frame-parent64 {
    flex-wrap: wrap;
  }

  .radar-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .radar-content22, .radar-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .radar-input-dropdown3 {
    max-width: 100%;
  }

  .radar-table-cell50, .radar-table-cell53 {
    flex-wrap: wrap;
  }

  .radar-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .radar-column5, .radar-column6 {
    flex: 1;
  }

  .radar-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .radar-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .radar-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .radar-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .radar-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.radar-device-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.radar-device-component-listing-container::-webkit-scrollbar {
  display: none;
}

.radar-device-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.radar-device-component-radar-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 30px 24px 0;
  font-size: 18px;
  display: flex;
}

.radar-device-component-radar-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.radar-device-component-radar-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.radar-device-component-radar-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.radar-device-component-radar-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.radar-device-component-radar-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.radar-device-component-radar-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.radar-device-component-radar-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.radar-device-component-radar-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.radar-device-component-radar-text78:hover {
  text-decoration: underline;
}

.radar-device-component-radar-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.radar-device-component-radar-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.radar-device-component-radar-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.radar-device-component-radar-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.radar-device-component-radar-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.radar-device-component-radar-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-device-component-radar-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-device-component-radar-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.radar-device-component-radar-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.radar-device-component-radar-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-device-component-radar-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.radar-device-component-radar-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-device-component-radar-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-device-component-radar-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-device-component-radar-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.radar-device-component-radar-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.radar-device-component-radar-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.radar-device-component-radar-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-device-component-radar-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.radar-device-component-radar-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.radar-device-component-radar-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.radar-device-component-radar-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0 7px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-device-component-radar-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.radar-device-component-radar-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-device-component-radar-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.radar-device-component-radar-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.radar-device-component-radar-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.radar-device-component-radar-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-device-component-radar-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-device-component-radar-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-device-component-radar-third-badge-number {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.radar-device-component-radar-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-device-component-radar-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-device-component-radar-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.radar-device-component-radar-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.radar-device-component-radar-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.radar-device-component-radar-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-device-component-radar-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radar-device-component-radar-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.radar-device-component-radar-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.radar-device-component-radar-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.radar-device-component-radar-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-device-component-radar-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.radar-device-component-radar-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-device-component-radar-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.radar-device-component-radar-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.radar-device-component-radar-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.radar-device-component-radar-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-device-component-radar-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-device-component-radar-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.radar-device-component-radar-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.radar-device-component-radar-heading {
  font-weight: 600;
  line-height: 38px;
}

.radar-device-component-radar-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.radar-device-component-radar-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.radar-device-component-radar-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-device-component-radar-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-device-component-radar-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-device-component-radar-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.radar-device-component-radar-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.radar-device-component-radar-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.radar-device-component-radar-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.radar-device-component-radar-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-device-component-radar-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-device-component-radar-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-device-component-radar-buttonsbutton25, .radar-device-component-radar-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-device-component-radar-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.radar-device-component-radar-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.radar-device-component-radar-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.radar-device-component-radar-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-device-component-radar-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-device-component-radar-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-device-component-radar-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.radar-device-component-radar-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.radar-device-component-radar-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.radar-device-component-radar-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.radar-device-component-radar-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-device-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .radar-device-component-radar-rectangle-parent5, .radar-device-component-radar-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .radar-device-component-radar-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .radar-device-component-radar-action-fields {
    min-width: 100%;
  }

  .radar-device-component-radar-frame-parent21 {
    flex-wrap: wrap;
  }

  .radar-device-component-radar-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .radar-device-component-radar-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .radar-device-component-radar-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .radar-device-component-radar-number-and-chart {
    flex-wrap: wrap;
  }

  .radar-device-component-radar-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.radar-spare-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.radar-spare-component-listing-container::-webkit-scrollbar {
  display: none;
}

.radar-spare-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.radar-spare-component-radar-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 30px 24px 0;
  font-size: 18px;
  display: flex;
}

.radar-spare-component-radar-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.radar-spare-component-radar-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.radar-spare-component-radar-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.radar-spare-component-radar-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.radar-spare-component-radar-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.radar-spare-component-radar-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.radar-spare-component-radar-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.radar-spare-component-radar-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.radar-spare-component-radar-text78:hover {
  text-decoration: underline;
}

.radar-spare-component-radar-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.radar-spare-component-radar-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.radar-spare-component-radar-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.radar-spare-component-radar-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.radar-spare-component-radar-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.radar-spare-component-radar-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-spare-component-radar-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-spare-component-radar-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.radar-spare-component-radar-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.radar-spare-component-radar-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-spare-component-radar-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.radar-spare-component-radar-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-spare-component-radar-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-spare-component-radar-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-spare-component-radar-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.radar-spare-component-radar-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.radar-spare-component-radar-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.radar-spare-component-radar-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-spare-component-radar-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.radar-spare-component-radar-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.radar-spare-component-radar-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.radar-spare-component-radar-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0 7px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-spare-component-radar-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.radar-spare-component-radar-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-spare-component-radar-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.radar-spare-component-radar-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.radar-spare-component-radar-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.radar-spare-component-radar-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-spare-component-radar-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-spare-component-radar-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-spare-component-radar-third-badge-number {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.radar-spare-component-radar-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-spare-component-radar-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-spare-component-radar-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.radar-spare-component-radar-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.radar-spare-component-radar-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.radar-spare-component-radar-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-spare-component-radar-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radar-spare-component-radar-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.radar-spare-component-radar-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.radar-spare-component-radar-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.radar-spare-component-radar-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-spare-component-radar-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.radar-spare-component-radar-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-spare-component-radar-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.radar-spare-component-radar-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.radar-spare-component-radar-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.radar-spare-component-radar-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-spare-component-radar-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-spare-component-radar-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.radar-spare-component-radar-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.radar-spare-component-radar-heading {
  font-weight: 600;
  line-height: 38px;
}

.radar-spare-component-radar-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.radar-spare-component-radar-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.radar-spare-component-radar-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-spare-component-radar-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-spare-component-radar-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-spare-component-radar-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.radar-spare-component-radar-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.radar-spare-component-radar-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.radar-spare-component-radar-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.radar-spare-component-radar-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-spare-component-radar-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-spare-component-radar-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-spare-component-radar-buttonsbutton25, .radar-spare-component-radar-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-spare-component-radar-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.radar-spare-component-radar-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.radar-spare-component-radar-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.radar-spare-component-radar-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-spare-component-radar-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-spare-component-radar-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-spare-component-radar-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.radar-spare-component-radar-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.radar-spare-component-radar-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.radar-spare-component-radar-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.radar-spare-component-radar-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-spare-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .radar-spare-component-radar-rectangle-parent5, .radar-spare-component-radar-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .radar-spare-component-radar-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .radar-spare-component-radar-action-fields {
    min-width: 100%;
  }

  .radar-spare-component-radar-frame-parent21 {
    flex-wrap: wrap;
  }

  .radar-spare-component-radar-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .radar-spare-component-radar-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .radar-spare-component-radar-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .radar-spare-component-radar-number-and-chart {
    flex-wrap: wrap;
  }

  .radar-spare-component-radar-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.radar-text-color {
  color: #475467 !important;
}

.radar-service-component-radar-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

.radar-service-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.radar-service-component-listing-container::-webkit-scrollbar {
  display: none;
}

.radar-service-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.radar-service-component-radar-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 30px 24px 0;
  font-size: 18px;
  display: flex;
}

.radar-service-component-radar-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.radar-service-component-radar-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.radar-service-component-radar-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.radar-service-component-radar-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.radar-service-component-radar-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.radar-service-component-radar-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.radar-service-component-radar-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.radar-service-component-radar-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.radar-service-component-radar-text78:hover {
  text-decoration: underline;
}

.radar-service-component-radar-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.radar-service-component-radar-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.radar-service-component-radar-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.radar-service-component-radar-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.radar-service-component-radar-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.radar-service-component-radar-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-service-component-radar-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-service-component-radar-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.radar-service-component-radar-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.radar-service-component-radar-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-service-component-radar-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.radar-service-component-radar-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-service-component-radar-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-service-component-radar-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-service-component-radar-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.radar-service-component-radar-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.radar-service-component-radar-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.radar-service-component-radar-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-service-component-radar-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.radar-service-component-radar-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.radar-service-component-radar-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.radar-service-component-radar-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0 7px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-service-component-radar-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.radar-service-component-radar-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-service-component-radar-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.radar-service-component-radar-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.radar-service-component-radar-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.radar-service-component-radar-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-service-component-radar-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-service-component-radar-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-service-component-radar-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.radar-service-component-radar-badge39 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-service-component-radar-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-service-component-radar-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.radar-service-component-radar-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.radar-service-component-radar-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.radar-service-component-radar-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-service-component-radar-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radar-service-component-radar-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.radar-service-component-radar-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.radar-service-component-radar-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.radar-service-component-radar-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-service-component-radar-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.radar-service-component-radar-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-service-component-radar-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.radar-service-component-radar-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.radar-service-component-radar-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.radar-service-component-radar-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-service-component-radar-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-service-component-radar-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.radar-service-component-radar-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.radar-service-component-radar-heading {
  font-weight: 600;
  line-height: 38px;
}

.radar-service-component-radar-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.radar-service-component-radar-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.radar-service-component-radar-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-service-component-radar-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-service-component-radar-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-service-component-radar-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.radar-service-component-radar-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.radar-service-component-radar-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.radar-service-component-radar-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.radar-service-component-radar-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-service-component-radar-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-service-component-radar-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-service-component-radar-buttonsbutton25, .radar-service-component-radar-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-service-component-radar-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.radar-service-component-radar-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.radar-service-component-radar-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.radar-service-component-radar-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-service-component-radar-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-service-component-radar-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-service-component-radar-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.radar-service-component-radar-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.radar-service-component-radar-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.radar-service-component-radar-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.radar-service-component-radar-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-service-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .radar-service-component-radar-rectangle-parent5, .radar-service-component-radar-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .radar-service-component-radar-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .radar-service-component-radar-action-fields {
    min-width: 100%;
  }

  .radar-service-component-radar-frame-parent21 {
    flex-wrap: wrap;
  }

  .radar-service-component-radar-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .radar-service-component-radar-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .radar-service-component-radar-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .radar-service-component-radar-number-and-chart {
    flex-wrap: wrap;
  }

  .radar-service-component-radar-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.radar-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.radar-software-component-radar-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

.radar-software-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.radar-software-component-listing-container::-webkit-scrollbar {
  display: none;
}

.radar-software-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.radar-software-component-radar-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 30px 24px 0;
  font-size: 18px;
  display: flex;
}

.radar-software-component-radar-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.radar-software-component-radar-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.radar-software-component-radar-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.radar-software-component-radar-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.radar-software-component-radar-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.radar-software-component-radar-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.radar-software-component-radar-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.radar-software-component-radar-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.radar-software-component-radar-text78:hover {
  text-decoration: underline;
}

.radar-software-component-radar-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.radar-software-component-radar-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.radar-software-component-radar-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.radar-software-component-radar-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.radar-software-component-radar-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.radar-software-component-radar-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-software-component-radar-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-software-component-radar-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.radar-software-component-radar-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.radar-software-component-radar-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-software-component-radar-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.radar-software-component-radar-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-software-component-radar-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-software-component-radar-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-software-component-radar-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.radar-software-component-radar-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.radar-software-component-radar-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.radar-software-component-radar-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-software-component-radar-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.radar-software-component-radar-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.radar-software-component-radar-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.radar-software-component-radar-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0 7px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-software-component-radar-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.radar-software-component-radar-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-software-component-radar-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.radar-software-component-radar-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.radar-software-component-radar-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.radar-software-component-radar-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-software-component-radar-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-software-component-radar-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-software-component-radar-third-badge-number {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.radar-software-component-radar-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-software-component-radar-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-software-component-radar-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.radar-software-component-radar-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.radar-software-component-radar-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.radar-software-component-radar-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-software-component-radar-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.radar-software-component-radar-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.radar-software-component-radar-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.radar-software-component-radar-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.radar-software-component-radar-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-software-component-radar-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.radar-software-component-radar-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-software-component-radar-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.radar-software-component-radar-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.radar-software-component-radar-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.radar-software-component-radar-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-software-component-radar-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-software-component-radar-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.radar-software-component-radar-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.radar-software-component-radar-heading {
  font-weight: 600;
  line-height: 38px;
}

.radar-software-component-radar-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.radar-software-component-radar-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.radar-software-component-radar-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-software-component-radar-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-software-component-radar-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-software-component-radar-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.radar-software-component-radar-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.radar-software-component-radar-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.radar-software-component-radar-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.radar-software-component-radar-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-software-component-radar-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-software-component-radar-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-software-component-radar-buttonsbutton25, .radar-software-component-radar-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-software-component-radar-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.radar-software-component-radar-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.radar-software-component-radar-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.radar-software-component-radar-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-software-component-radar-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-software-component-radar-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-software-component-radar-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.radar-software-component-radar-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.radar-software-component-radar-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.radar-software-component-radar-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.radar-software-component-radar-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-software-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .radar-software-component-radar-rectangle-parent5, .radar-software-component-radar-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .radar-software-component-radar-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .radar-software-component-radar-action-fields {
    min-width: 100%;
  }

  .radar-software-component-radar-frame-parent21 {
    flex-wrap: wrap;
  }

  .radar-software-component-radar-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .radar-software-component-radar-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .radar-software-component-radar-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .radar-software-component-radar-number-and-chart {
    flex-wrap: wrap;
  }

  .radar-software-component-radar-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.radar-job-component-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.radar-job-component-dashboard-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.radar-job-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.radar-job-component-dashboard-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-job-component-dashboard-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.radar-job-component-dashboard-text100 {
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.radar-job-component-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  max-height: 85vh;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.radar-job-component-component-listing-container::-webkit-scrollbar {
  display: none;
}

.radar-job-component-dashboard-content-items {
  box-sizing: border-box;
  z-index: 0;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.radar-job-component-dashboard-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  height: 300px;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.radar-job-component-dashboard-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 208px;
  display: none;
  position: relative;
}

.radar-job-component-dashboard-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 648px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.radar-job-component-dashboard-element-details-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.radar-job-component-dashboard-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.radar-job-component-dashboard-element-details-child {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  display: none;
  position: relative;
}

.radar-job-component-dashboard-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.radar-job-component-dashboard-element-actions {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 302px;
  max-width: 100%;
  display: flex;
}

.radar-job-component-dashboard-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.radar-job-component-dashboard-text78:hover {
  text-decoration: underline;
}

.radar-job-component-dashboard-action-icons {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.radar-job-component-dashboard-calendar-icon6 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
  display: flex;
}

.radar-job-component-dashboard-date-icon {
  color: inherit;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: max-content;
  display: flex;
}

.radar-job-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.radar-job-component-dashboard-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.radar-job-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.radar-job-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-job-component-dashboard-type-badge-elements {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-job-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.radar-job-component-dashboard-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-job-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.radar-job-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-job-component-dashboard-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-job-component-dashboard-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.radar-job-component-dashboard-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-job-component-dashboard-work-type-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 58px;
  width: 152px;
  min-width: 152px;
  display: flex;
}

.radar-job-component-dashboard-location3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-job-component-dashboard-work-type-value {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  font-size: 14px;
  display: flex;
}

.radar-job-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-job-component-dashboard-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.radar-job-component-dashboard-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-job-component-dashboard-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-left: -9px;
  display: flex;
}

.radar-job-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-job-component-dashboard-dropdown-parent1 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 22px;
  width: 153px;
  font-size: 12px;
  display: flex;
}

.radar-job-component-dashboard-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.radar-job-component-dashboard-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-job-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.radar-job-component-dashboard-frame-parent31 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.radar-job-component-dashboard-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.radar-job-component-dashboard-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-job-component-dashboard-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.radar-job-component-dashboard-trend-chart-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
  display: flex;
}

.radar-job-component-dashboard-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 113px;
  display: flex;
}

.radar-job-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-job-component-dashboard-frame-parent32 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.radar-job-component-dashboard-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.radar-job-component-dashboard-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-job-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.radar-job-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-job-component-radar-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  font-size: 14px;
  display: flex;
}

.radar-job-component-radar-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 30px 24px 0;
  font-size: 18px;
  display: flex;
}

.radar-job-component-radar-divider-container1 {
  box-sizing: border-box;
  z-index: 0;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.radar-job-component-radar-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.radar-job-component-radar-rectangle-parent5 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.radar-job-component-radar-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 15px;
  max-width: 100%;
  display: flex;
}

.radar-job-component-radar-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
}

.radar-job-component-radar-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.radar-job-component-radar-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-job-component-radar-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.radar-job-component-radar-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.radar-job-component-radar-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.radar-job-component-radar-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-job-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.radar-job-component-radar-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-job-component-radar-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-job-component-radar-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.radar-job-component-radar-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-job-component-radar-buttonsbutton25 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-job-component-radar-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 10px 6px 12px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-job-component-radar-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.radar-job-component-radar-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.radar-job-component-radar-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-job-component-radar-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-job-component-radar-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-job-component-radar-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-job-component-radar-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.radar-job-component-radar-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.radar-job-component-radar-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.radar-job-component-radar-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.radar-job-component-radar-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-job-frame-parent11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.3px;
  display: flex;
}

@media screen and (width <= 1100px) {
  .radar-job-component-dashboard-rectangle-parent10 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .radar-job-component-dashboard-action-icons, .radar-job-component-dashboard-element-details-parent {
    flex-wrap: wrap;
  }

  .radar-job-component-dashboard-element-details, .radar-job-component-dashboard-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }
}

@media screen and (width <= 450px) {
  .radar-job-component-dashboard-calendar-icon6 {
    flex-wrap: wrap;
  }

  .radar-job-component-dashboard-work-type-icon {
    flex: 1;
  }

  .radar-job-component-dashboard-work-type-label {
    margin-left: 0;
  }

  .radar-job-component-dashboard-price4 {
    font-size: 16px;
    line-height: 26px;
  }
}

.radar-business-component-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.radar-business-component-component-listing-container::-webkit-scrollbar {
  display: none;
}

.radar-business-component-dashboard-content-items {
  box-sizing: border-box;
  z-index: 0;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.radar-business-component-dashboard-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  height: 300px;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.radar-business-component-dashboard-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 208px;
  display: none;
  position: relative;
}

.radar-business-component-dashboard-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.radar-business-component-dashboard-element-details-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.radar-business-component-dashboard-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.radar-business-component-dashboard-element-details-child {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  display: none;
  position: relative;
}

.radar-business-component-dashboard-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.radar-business-component-dashboard-element-actions {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 302px;
  max-width: 100%;
  display: flex;
}

.radar-business-component-dashboard-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: max-content;
  max-width: 400px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.radar-business-component-dashboard-text78:hover {
  text-decoration: underline;
}

.radar-business-component-dashboard-action-icons {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.radar-business-component-dashboard-calendar-icon6 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.radar-business-component-dashboard-date-icon {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.radar-business-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.radar-business-component-dashboard-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.radar-business-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.radar-business-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-business-component-dashboard-type-badge-elements {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-business-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.radar-business-component-dashboard-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-business-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.radar-business-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-business-component-dashboard-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-business-component-dashboard-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.radar-business-component-dashboard-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-business-component-dashboard-work-type-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 58px;
  width: 152px;
  min-width: 152px;
  display: flex;
}

.radar-business-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 124px;
  max-width: 163px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.radar-business-component-dashboard-work-type-value {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  font-size: 14px;
  display: flex;
}

.radar-business-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radar-business-component-dashboard-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.radar-business-component-dashboard-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-business-component-dashboard-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-left: -9px;
  display: flex;
}

.radar-business-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-business-component-dashboard-dropdown-parent1 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 22px;
  width: 153px;
  font-size: 12px;
  display: flex;
}

.radar-business-component-dashboard-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.radar-business-component-dashboard-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-business-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.radar-business-component-dashboard-frame-parent31 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.radar-business-component-dashboard-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.radar-business-component-dashboard-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-business-component-dashboard-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.radar-business-component-dashboard-trend-chart-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
  display: flex;
}

.radar-business-component-dashboard-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 113px;
  display: flex;
}

.radar-business-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-business-component-dashboard-frame-parent32 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.radar-business-component-dashboard-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.radar-business-component-dashboard-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-business-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.radar-business-component-job-badges-parent {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.radar-business-component-job-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

.radar-business-component-job-badge-one {
  z-index: 1;
  width: max-content;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.radar-business-component-job-badge-two {
  z-index: 1;
  width: max-content;
  font-weight: 500;
  line-height: 23px;
  display: inline-block;
  position: relative;
}

.radar-business-component-job-badge-three {
  z-index: 1;
  flex-shrink: 0;
  width: max-content;
  font-weight: 500;
  line-height: 23px;
  display: inline-block;
  position: relative;
}

.radar-business-component-job-badge-one, .radar-business-component-job-badge-two, .radar-business-component-job-badge-three {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: normal;
  -webkit-box-orient: vertical;
  max-width: 173px;
  display: -webkit-box;
  overflow: hidden;
}

.radar-business-component-job-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.radar-business-component-job-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 173px;
  max-width: 173px;
  padding: 0 20px 0 0;
  display: flex;
}

.radar-business-component-job-supporting-text22 {
  z-index: 2;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-business-component-job-supporting-text23, .radar-business-component-job-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  min-width: 173px;
  max-width: 173px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.radar-business-component-job-business-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.radar-business-component-job-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-business-component-job-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-business-component-job-navigation {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.radar-business-component-job-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-business-component-radar-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 30px 24px 32px;
  font-size: 18px;
  display: flex;
}

.radar-business-component-radar-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.radar-business-component-radar-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.radar-business-component-radar-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.radar-business-component-radar-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 15px;
  max-width: 65%;
  display: flex;
}

.radar-business-component-radar-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
}

.radar-business-component-radar-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-right: 0;
  display: flex;
}

.radar-business-component-radar-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-business-component-radar-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.radar-business-component-radar-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.radar-business-component-radar-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.radar-business-component-radar-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.radar-business-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.radar-business-component-radar-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-business-component-radar-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-business-component-radar-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.radar-business-component-radar-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-business-component-radar-buttonsbutton25 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-business-component-radar-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 10px 6px 12px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-business-component-radar-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.radar-business-component-radar-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.radar-business-component-radar-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-business-component-radar-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.radar-business-component-radar-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.radar-business-component-radar-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.radar-business-component-radar-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.radar-business-component-radar-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.radar-business-component-radar-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.radar-business-component-radar-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.radar-business-component-radar-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.radar-business-component-business-verified {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 16px;
  display: flex;
}

.radar-business-component-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
  top: 8px;
}

.radar-business-component-reviews {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0 0 16px;
  display: flex;
}

.radar-business-component-reviews2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0 0 6px;
  display: flex;
}

.radar-business-component-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-business-component-span {
  font-weight: 500;
}

.radar-business-component-logo-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.radar-business-component-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
  top: 5px;
}

.radar-business-component-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.radar-business-component-frame-parent11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7.3px;
  display: flex;
}

.radar-business-component-header-section {
  flex-direction: row;
  width: 100%;
  display: flex;
}

@media screen and (width <= 1100px) {
  .radar-business-component-dashboard-rectangle-parent10, .radar-business-component-radar-rectangle-parent5 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .radar-business-component-dashboard-action-icons, .radar-business-component-dashboard-element-details-parent, .radar-business-component-frame-parent11 {
    flex-wrap: wrap;
  }

  .radar-business-component-dashboard-element-details, .radar-business-component-dashboard-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .radar-business-component-job-badges1, .radar-business-component-job-badge-support-parent {
    flex-wrap: wrap;
  }

  .radar-business-component-radar-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .radar-business-component-radar-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .radar-business-component-dashboard-calendar-icon6 {
    flex-wrap: wrap;
  }

  .radar-business-component-dashboard-work-type-icon {
    flex: 1;
  }

  .radar-business-component-dashboard-work-type-label {
    margin-left: 0;
  }

  .radar-business-component-dashboard-price4 {
    font-size: 16px;
    line-height: 26px;
  }
}

.notification-warning-wrapper {
  z-index: 9999;
  width: 46%;
  max-width: 945px;
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.notification-warning-banner {
  background-color: #fff;
  border-left: 6px solid #dc6803;
  border-radius: 8px;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
  font-family: Inter, sans-serif;
  display: flex;
  box-shadow: 0 4px 12px #0000000d;
}

.notification-warning-icon {
  width: 32px;
  height: 32px;
}

.notification-warning-text {
  color: #344054;
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  display: flex;
}

.notification-warning-title {
  font-weight: 600;
}

.notification-warning-description {
  color: #475467;
  font-weight: 400;
}

.notification-warning-actions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.notification-warning-close-button {
  cursor: pointer;
  background: url("notificationclose.a17344bf.png") center / 16px 16px no-repeat;
  border: none;
  width: 32px;
  height: 32px;
}

.beacon-main-custom {
  width: 100% !important;
}

.beacon-search-lg-icon-custom {
  cursor: pointer;
}

.beacon-beacon-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.beacon-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.beacon-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-badge1, .beacon-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.beacon-navigation, .beacon-search-input {
  justify-content: flex-start;
  display: flex;
}

.beacon-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.beacon-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-content3, .beacon-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-content3 {
  flex: 1;
  gap: 8px;
}

.beacon-divider-icon, .beacon-home-line-icon {
  position: relative;
  overflow: hidden;
}

.beacon-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.beacon-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.beacon-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-content12, .beacon-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.beacon-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.beacon-content5, .beacon-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.beacon-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.beacon-supporting-text, .beacon-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.beacon-title {
  font-weight: 600;
}

.beacon-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.beacon-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.beacon-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.beacon-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.beacon-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.beacon-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.beacon-tabs {
  gap: 8px;
}

.beacon-breadcrumbs, .beacon-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-heading, .beacon-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.beacon-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.beacon-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.beacon-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-button, .beacon-button1, .beacon-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.beacon-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.beacon-button1, .beacon-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.beacon-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.beacon-actions, .beacon-button2, .beacon-button3 {
  flex-direction: row;
  align-items: center;
}

.beacon-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.beacon-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-button4, .beacon-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.beacon-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-button6, .beacon-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-content13, .beacon-input-dropdown {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.beacon-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.beacon-content13, .beacon-divider-icon1, .beacon-page-header {
  align-self: stretch;
  max-width: 100%;
}

.beacon-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-text31 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-button-group-base1, .beacon-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-button-group-base2 {
  width: 77px;
}

.beacon-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.beacon-button-group-base3, .beacon-button-group-base4, .beacon-button-group-base5, .beacon-button-group-base6, .beacon-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.beacon-button-group-base4, .beacon-button-group-base5, .beacon-button-group-base6, .beacon-button-group-base7 {
  z-index: 4;
}

.beacon-button-group-base5, .beacon-button-group-base6, .beacon-button-group-base7 {
  z-index: 3;
}

.beacon-button-group-base6, .beacon-button-group-base7 {
  z-index: 2;
}

.beacon-button-group-base7 {
  z-index: 1;
}

.beacon-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-button-group, .beacon-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.beacon-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.beacon-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-buttonsbutton1:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.beacon-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-actions2, .beacon-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.beacon-container, .beacon-header-section, .beacon-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.beacon-container, .beacon-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.beacon-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.beacon-header-section {
  flex-shrink: 0;
}

.beacon-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.beacon-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-color2, .beacon-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-color3 {
  background-color: #17b26a;
}

.beacon-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.beacon-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.beacon-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.beacon-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.beacon-divider, .beacon-y-axis-line, .beacon-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.beacon-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.beacon-y-axis-line, .beacon-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.beacon-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.beacon-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.beacon-y-axis, .beacon-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.beacon-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.beacon-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.beacon-jan, .beacon-jul, .beacon-jun, .beacon-mar, .beacon-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-jul, .beacon-jun, .beacon-mar, .beacon-may {
  min-width: 23px;
}

.beacon-jul, .beacon-jun, .beacon-may {
  min-width: 25px;
}

.beacon-jul, .beacon-jun {
  min-width: 22px;
}

.beacon-jul {
  min-width: 17px;
}

.beacon-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.beacon-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.beacon-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.beacon-line-and-bar-chart, .beacon-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-line-and-bar-chart {
  flex: 1;
}

.beacon-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.beacon-heading1, .beacon-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.beacon-number {
  white-space: nowrap;
  line-height: 38px;
}

.beacon-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.beacon-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-change-and-text, .beacon-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.beacon-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.beacon-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.beacon-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-dropdown, .beacon-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.beacon-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-change-and-text1, .beacon-container1, .beacon-metric-group, .beacon-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.beacon-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-container1, .beacon-metric-group, .beacon-section {
  align-items: flex-start;
  max-width: 100%;
}

.beacon-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.beacon-container1, .beacon-section {
  flex-direction: column;
}

.beacon-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.beacon-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.beacon-separator, .beacon-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.beacon-separator1 {
  height: 43px;
}

.beacon-main, .beacon-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.beacon-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.beacon-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-breadcrumb-button-base6, .beacon-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.beacon-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.beacon-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.beacon-breadcrumbs1, .beacon-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.beacon-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.beacon-breadcrumbs1 {
  width: 278px;
  display: none;
}

.beacon-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.beacon-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.beacon-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.beacon-content16, .beacon-input-with-label1, .beacon-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.beacon-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.beacon-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.beacon-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.beacon-content15, .beacon-page-header-wrapper, .beacon-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.beacon-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.beacon-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 742px;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.beacon-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.beacon-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.beacon-text49, .beacon-text50, .beacon-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-text50, .beacon-text51 {
  min-width: 62px;
}

.beacon-text51 {
  min-width: 34px;
}

.beacon-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.beacon-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.beacon-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.beacon-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.beacon-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.beacon-tab-button-base7, .beacon-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.beacon-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.beacon-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.beacon-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.beacon-horizontal-tabs, .beacon-horizontal-tabs-wrapper, .beacon-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-horizontal-tabs {
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.beacon-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.beacon-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.beacon-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.beacon-dropdown3, .beacon-metric-card, .beacon-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-dropdown3 {
  flex-direction: column;
  position: relative;
}

.beacon-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.beacon-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.beacon-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.beacon-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.beacon-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.beacon-frame-inner, .beacon-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.beacon-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.beacon-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.beacon-heading5, .beacon-number4 {
  z-index: 1;
  position: relative;
}

.beacon-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.beacon-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.beacon-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.beacon-badge12, .beacon-frame-container, .beacon-heading-parent, .beacon-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.beacon-frame-container, .beacon-rectangle-container {
  box-sizing: border-box;
}

.beacon-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.beacon-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.beacon-heading-group {
  gap: 8px;
  width: 153px;
}

.beacon-dropdown7, .beacon-heading-container, .beacon-heading-group, .beacon-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-heading-container {
  gap: 8px;
  width: 163px;
}

.beacon-dropdown7, .beacon-heading-parent1 {
  flex-shrink: 0;
}

.beacon-heading-parent1 {
  gap: 8px;
  width: 170px;
}

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

.beacon-frame-group, .beacon-frame-wrapper, .beacon-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.beacon-frame-group {
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.beacon-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  scrollbar-width: none;
  -ms-overflow-style: none;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  overflow-x: auto;
}

.beacon-frame-wrapper::-webkit-scrollbar {
  display: none;
}

.beacon-text62, .beacon-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-text63 {
  min-width: 74px;
}

.beacon-buttonsbutton4, .beacon-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.beacon-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-dropdowns, .beacon-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.beacon-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-input-dropdown2, .beacon-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.beacon-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.beacon-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.beacon-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.beacon-content17, .beacon-filters-bar, .beacon-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.beacon-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.beacon-frame-child3, .beacon-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.beacon-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.beacon-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.beacon-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.beacon-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.beacon-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.beacon-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-location-badge, .beacon-location-badge-number, .beacon-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.beacon-location-badge, .beacon-type-number {
  box-sizing: border-box;
}

.beacon-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.beacon-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.beacon-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.beacon-location-elements, .beacon-type-badge-elements, .beacon-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.beacon-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.beacon-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.beacon-badge-elements, .beacon-badge-elements-wrapper, .beacon-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.beacon-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.beacon-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-action-fields, .beacon-card-elements, .beacon-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.beacon-action-fields, .beacon-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.beacon-input-elements {
  align-self: stretch;
  gap: 16px;
}

.beacon-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.beacon-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-frame-wrapper3, .beacon-beacon-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-beacon-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.beacon-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.beacon-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.beacon-dropdown-elements, .beacon-dropdown-options-parent, .beacon-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.beacon-price-parent {
  flex-direction: column;
  flex: 1;
}

.beacon-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.beacon-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.beacon-content-actions, .beacon-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.beacon-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.beacon-location-column-child {
  object-fit: cover;
  z-index: 1;
  background-image: url("user-placeholder2.bca3f287.png");
  border-radius: 99px;
  width: 52px;
  height: 52px;
  position: relative;
}

.beacon-name, .beacon-role {
  display: inline-block;
  position: relative;
}

.beacon-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.beacon-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.beacon-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.beacon-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.beacon-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-buttonsbutton8, .beacon-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.beacon-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.beacon-buttonsbutton-parent, .beacon-primary-table, .beacon-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.beacon-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.beacon-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.beacon-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-content-items, .beacon-help-avatar, .beacon-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.beacon-content-items, .beacon-rectangle-parent3 {
  box-sizing: border-box;
}

.beacon-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.beacon-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.beacon-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.beacon-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-badge-parent, .beacon-badge23, .beacon-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.beacon-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-badge23, .beacon-badge24, .beacon-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.beacon-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.beacon-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.beacon-badge24, .beacon-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-badge-elements-copy, .beacon-badge25, .beacon-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.beacon-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.beacon-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.beacon-badge26, .beacon-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.beacon-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-badge27, .beacon-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.beacon-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.beacon-frame-parent1, .beacon-frame-parent2, .beacon-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.beacon-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.beacon-frame-child5, .beacon-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.beacon-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.beacon-frame-child7, .beacon-text78 {
  z-index: 2;
  position: relative;
}

.beacon-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.beacon-text78 {
  font-weight: 600;
  line-height: 28px;
}

.beacon-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-location3, .beacon-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-type-of-work2 {
  min-width: 109px;
}

.beacon-frame-parent12, .beacon-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.beacon-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.beacon-badge29, .beacon-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.beacon-badge30 {
  width: 76px;
}

.beacon-badge-container, .beacon-badge30, .beacon-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.beacon-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.beacon-badge-container, .beacon-badge32, .beacon-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.beacon-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.beacon-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.beacon-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-badge33, .beacon-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.beacon-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-price2, .beacon-text83 {
  position: relative;
}

.beacon-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.beacon-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.beacon-beacon-1-1-container, .beacon-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-beacon-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.beacon-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.beacon-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.beacon-name2, .beacon-role2 {
  display: inline-block;
  position: relative;
}

.beacon-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.beacon-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.beacon-buttonsbutton13, .beacon-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.beacon-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.beacon-buttonsbutton14, .beacon-buttonsbutton15, .beacon-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.beacon-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.beacon-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.beacon-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.beacon-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-frame-wrapper16, .beacon-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.beacon-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.beacon-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.beacon-divider-icon5, .beacon-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.beacon-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.beacon-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.beacon-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.beacon-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-badge34, .beacon-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.beacon-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-badge36, .beacon-badge37, .beacon-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.beacon-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.beacon-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.beacon-badge38, .beacon-frame-parent26, .beacon-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.beacon-badge39, .beacon-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.beacon-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-element-details-child, .beacon-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.beacon-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.beacon-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.beacon-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.beacon-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.beacon-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.beacon-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-date-icon, .beacon-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-type-label {
  color: #101828;
  font-size: 14px;
}

.beacon-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.beacon-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-work-type-icon, .beacon-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.beacon-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.beacon-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.beacon-action-icons, .beacon-calendar-icon6, .beacon-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.beacon-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.beacon-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.beacon-element-actions, .beacon-element-details-parent, .beacon-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.beacon-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.beacon-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.beacon-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.beacon-frame-parent32, .beacon-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.beacon-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.beacon-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.beacon-dropdown-parent1, .beacon-frame-parent31, .beacon-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.beacon-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.beacon-dropdown-parent1, .beacon-frame-parent31 {
  align-items: flex-end;
}

.beacon-frame-parent31 {
  flex: 1;
}

.beacon-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.beacon-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.beacon-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.beacon-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.beacon-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.beacon-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.beacon-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.beacon-span {
  font-weight: 500;
}

.beacon-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.beacon-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-frame-parent36, .beacon-frame-parent37, .beacon-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-frame-parent37, .beacon-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.beacon-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.beacon-text105, .beacon-text106, .beacon-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-text105, .beacon-text106 {
  display: inline-block;
}

.beacon-text105 {
  min-width: 103px;
}

.beacon-text106 {
  flex-shrink: 0;
  width: 151px;
}

.beacon-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.beacon-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.beacon-supporting-text20, .beacon-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-supporting-text20 {
  min-width: 70.9px;
}

.beacon-supporting-text21 {
  width: 104px;
}

.beacon-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.beacon-frame-parent33, .beacon-frame-parent34, .beacon-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.beacon-frame-parent33, .beacon-frame-parent34 {
  flex: 1;
}

.beacon-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.beacon-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.beacon-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-buttonsbutton-wrapper, .beacon-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.beacon-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-dropdown-parent2, .beacon-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.beacon-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.beacon-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.beacon-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.beacon-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.beacon-content-items5, .beacon-frame-child16, .beacon-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.beacon-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.beacon-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.beacon-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.beacon-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.beacon-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.beacon-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.beacon-frame-parent39, .beacon-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.beacon-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.beacon-dropdown14, .beacon-text112 {
  z-index: 1;
  position: absolute;
}

.beacon-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.beacon-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.beacon-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-price6, .beacon-text113 {
  z-index: 1;
  position: relative;
}

.beacon-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.beacon-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.beacon-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.beacon-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.beacon-beacon-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.beacon-frame-parent46, .beacon-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.beacon-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.beacon-frame-parent45, .beacon-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.beacon-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.beacon-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.beacon-card-container-child, .beacon-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.beacon-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.beacon-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.beacon-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.beacon-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.beacon-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-dropdown15, .beacon-item-title {
  z-index: 2;
  position: absolute;
}

.beacon-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.beacon-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.beacon-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.beacon-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.beacon-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.beacon-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.beacon-card-container, .beacon-card-list, .beacon-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.beacon-card-container, .beacon-card-list {
  align-items: flex-start;
}

.beacon-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.beacon-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.beacon-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.beacon-frame-wrapper37, .beacon-price-wrapper, .beacon-text-wrapper18, .beacon-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.beacon-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.beacon-frame-wrapper37, .beacon-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.beacon-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.beacon-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.beacon-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.beacon-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.beacon-buttonsbutton-frame, .beacon-frame-parent64, .beacon-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.beacon-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.beacon-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.beacon-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-change7, .beacon-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-change7 {
  min-width: 38px;
  display: inline-block;
}

.beacon-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.beacon-change-and-text3, .beacon-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.beacon-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.beacon-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-dropdown19, .beacon-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-buttonsbutton25, .beacon-buttonsbutton26, .beacon-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.beacon-buttonsbutton25, .beacon-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.beacon-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.beacon-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.beacon-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-arrow-square-up-right-wrapper1, .beacon-buttonsbutton-parent1, .beacon-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.beacon-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.beacon-divider-container1, .beacon-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.beacon-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.beacon-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-buttonsbutton-wrapper1, .beacon-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.beacon-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.beacon-badge46, .beacon-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.beacon-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.beacon-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-actions3, .beacon-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.beacon-content20, .beacon-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.beacon-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-card-header, .beacon-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.beacon-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.beacon-button-group-base9, .beacon-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.beacon-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.beacon-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.beacon-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.beacon-button-group-base10, .beacon-button-group-base11, .beacon-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.beacon-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.beacon-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.beacon-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.beacon-content22, .beacon-input-with-label3, .beacon-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.beacon-input-with-label3, .beacon-input3 {
  align-self: stretch;
}

.beacon-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.beacon-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.beacon-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.beacon-actions4, .beacon-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.beacon-content-items9, .beacon-content21, .beacon-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.beacon-content-items9, .beacon-filters-bar1 {
  justify-content: flex-start;
}

.beacon-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.beacon-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.beacon-badge-number1, .beacon-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.beacon-badge47, .beacon-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.beacon-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-actions5, .beacon-card-header1, .beacon-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.beacon-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.beacon-card-header1, .beacon-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.beacon-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.beacon-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.beacon-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.beacon-checkbox-wrapper, .beacon-sub-nav-items-wrapper, .beacon-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.beacon-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.beacon-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.beacon-avatar2, .beacon-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.beacon-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.beacon-avatar2 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.beacon-account-button, .beacon-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-account-button {
  min-width: 75px;
  font-weight: 500;
}

.beacon-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.beacon-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-avatar3 {
  background-image: url("avatar3@3x.1f4d46c9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-avatar5 {
  background-image: url("avatar4@3x.27b7e1fb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-contrast-border6, .beacon-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.beacon-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -380px;
  overflow-x: auto;
}

.beacon-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.beacon-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.beacon-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.beacon-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-button-upload, .beacon-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.beacon-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-avatar8 {
  background-image: url("avatar5@3x.f36d8172.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-table-cell6, .beacon-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.beacon-avatar10 {
  background-image: url("avatar6@3x.5f263d4b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-avatar11 {
  background-image: url("avatar7@3x.bebe0bf4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-table-header, .beacon-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-table-header {
  gap: 4px;
}

.beacon-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.beacon-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell15, .beacon-table-cell16, .beacon-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-table-cell16, .beacon-table-cell18 {
  width: 271px;
}

.beacon-table-cell18 {
  width: 239px;
}

.beacon-column, .beacon-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.beacon-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.beacon-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.beacon-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.beacon-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.beacon-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-user-cell2, .beacon-user-cell3, .beacon-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-user-cell3, .beacon-user-cell4 {
  min-width: 84px;
}

.beacon-user-cell4 {
  min-width: 82px;
}

.beacon-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.beacon-user-cell5, .beacon-user-cell6, .beacon-user-cell7 {
  line-height: 20px;
  position: relative;
}

.beacon-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.beacon-user-cell7 {
  white-space: nowrap;
}

.beacon-column1, .beacon-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.beacon-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.beacon-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell30, .beacon-table-header-cell3, .beacon-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.beacon-table-cell30, .beacon-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.beacon-table-header-cell3 {
  background-color: #f9fafb;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.beacon-table-cell30 {
  padding: 26px 50px 24px;
}

.beacon-column2, .beacon-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.beacon-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.beacon-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-button-wrap, .beacon-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.beacon-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.beacon-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.beacon-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-content24, .beacon-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-content24 {
  padding: 10px 16px;
}

.beacon-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.beacon-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-content25, .beacon-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-content25 {
  padding: 10px 15px;
}

.beacon-pagination-number-base1 {
  overflow: hidden;
}

.beacon-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-content26, .beacon-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-content26 {
  padding: 10px 15px;
}

.beacon-pagination-number-base2 {
  overflow: hidden;
}

.beacon-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.beacon-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-content30, .beacon-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.beacon-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.beacon-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-button-wrap1, .beacon-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.beacon-pagination, .beacon-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.beacon-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.beacon-content-items10, .beacon-content-items11, .beacon-table-cell40, .beacon-table-cell41, .beacon-table-cell42, .beacon-table-header-cell4 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.beacon-table-cell40, .beacon-table-cell41, .beacon-table-cell42, .beacon-table-header-cell4 {
  border-bottom: 1px solid #eaecf0;
  gap: 12px;
  position: absolute;
  left: 0;
}

.beacon-table-header-cell4 {
  color: #475467;
  background-color: #f9fafb;
  width: 100%;
  max-width: 100%;
  padding: 12px 24px 10px;
  font-size: 12px;
  top: 0;
}

.beacon-table-cell40, .beacon-table-cell41, .beacon-table-cell42 {
  width: 245px;
  padding: 16px 24px 14px;
  top: 44px;
  overflow-x: auto;
}

.beacon-table-cell41, .beacon-table-cell42 {
  width: 252px;
  top: 116px;
}

.beacon-table-cell42 {
  top: 188px;
}

.beacon-table-cell43 {
  width: 252px;
  top: 260px;
}

.beacon-table-cell43, .beacon-table-cell44, .beacon-table-cell45 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.beacon-table-cell44 {
  text-align: center;
  color: #667085;
  width: 311px;
  font-size: 16px;
  top: 332px;
}

.beacon-table-cell45 {
  width: 260px;
  top: 404px;
}

.beacon-table-cell46 {
  box-sizing: border-box;
  width: 252px;
  top: 476px;
}

.beacon-table-cell46, .beacon-table-cell47, .beacon-table-cell48, .beacon-table-cell49 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.beacon-table-cell47 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  width: 242px;
  font-size: 16px;
  top: 548px;
}

.beacon-table-cell48, .beacon-table-cell49 {
  top: 620px;
}

.beacon-table-cell49 {
  box-sizing: border-box;
  z-index: 1;
  width: 242px;
  top: 692px;
}

.beacon-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.beacon-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.beacon-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell50, .beacon-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.beacon-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.beacon-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.beacon-column3, .beacon-table-cell52, .beacon-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.beacon-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.beacon-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.beacon-marker-pin-02-group, .beacon-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-marker-pin-02-group {
  gap: 7px;
}

.beacon-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.beacon-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.beacon-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.beacon-column-wrapper, .beacon-column4, .beacon-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.beacon-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.beacon-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.beacon-column5, .beacon-column6, .beacon-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.beacon-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.beacon-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.beacon-column-parent, .beacon-frame-parent74, .beacon-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.beacon-frame-parent74, .beacon-pagination1 {
  align-self: stretch;
}

.beacon-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.beacon-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.beacon-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-badge50, .beacon-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.beacon-content-items14, .beacon-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.beacon-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.beacon-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-button-group-base27, .beacon-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.beacon-button-group-base28 {
  background-color: #fff;
}

.beacon-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.beacon-filter-bar-container, .beacon-frame-parent, .beacon-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.beacon-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.beacon-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.beacon-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.beacon-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.beacon-buttonsbutton33, .beacon-content45, .beacon-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.beacon-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.beacon-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-actions11, .beacon-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.beacon-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.beacon-empty-state, .beacon-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.beacon-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.beacon-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.beacon-empty-state-wrapper, .beacon-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.beacon-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.beacon-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.beacon-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.beacon-content46, .beacon-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.beacon-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.beacon-add, .beacon-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-learn-more {
  min-width: 88px;
}

.beacon-actions12, .beacon-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.beacon-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.beacon-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.beacon-empty-state-container, .beacon-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.beacon-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.beacon-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.beacon-beacon-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.beacon-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.beacon-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 227px;
  right: 158px;
}

@media screen and (width <= 1275px) {
  .beacon-all, .beacon-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .beacon-all {
    padding-bottom: 67px;
  }

  .beacon-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .beacon-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .beacon-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .beacon-content-elements-parent, .beacon-content17, .beacon-frame-group, .beacon-rectangle-parent10, .beacon-rectangle-parent5, .beacon-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .beacon-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .beacon-frame-wrapper31 {
    flex: 1;
  }

  .beacon-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .beacon-list-item-parent {
    flex: 1;
  }

  .beacon-card-list, .beacon-content20, .beacon-content21, .beacon-metric-item-parent {
    flex-wrap: wrap;
  }

  .beacon-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .beacon-content23, .beacon-frame-parent73, .beacon-frame-parent74 {
    flex-wrap: wrap;
  }

  .beacon-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .beacon-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .beacon-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-content13 {
    gap: 17px;
  }

  .beacon-tabs-and-filters {
    flex-wrap: wrap;
  }

  .beacon-jul {
    width: 100%;
    height: 17px;
  }

  .beacon-x-axis {
    flex-wrap: wrap;
  }

  .beacon-number {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-main {
    gap: 16px;
  }

  .beacon-number3, .beacon-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .beacon-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .beacon-badge-elements, .beacon-card-elements, .beacon-dropdowns, .beacon-location-badge-number {
    flex-wrap: wrap;
  }

  .beacon-action-fields {
    min-width: 100%;
  }

  .beacon-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-frame-parent2, .beacon-primary-table {
    flex-wrap: wrap;
  }

  .beacon-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-frame-parent17, .beacon-frame-parent18, .beacon-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-element-details, .beacon-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .beacon-action-icons, .beacon-element-details-parent {
    flex-wrap: wrap;
  }

  .beacon-icon-button {
    gap: 17px;
  }

  .beacon-icon-button, .beacon-sidebar1 {
    flex-wrap: wrap;
  }

  .beacon-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-rectangle-parent11 {
    gap: 16px;
  }

  .beacon-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .beacon-frame-parent39 {
    min-width: 100%;
  }

  .beacon-frame-wrapper31 {
    margin-left: 0;
  }

  .beacon-card-row {
    min-width: 100%;
  }

  .beacon-list-item-parent {
    margin-left: 0;
  }

  .beacon-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .beacon-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .beacon-text-and-supporting-text2 {
    min-width: 100%;
  }

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

  .beacon-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .beacon-text-and-supporting-text3 {
    min-width: 100%;
  }

  .beacon-actions5, .beacon-table-cell51, .beacon-table-cell52 {
    flex-wrap: wrap;
  }

  .beacon-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .beacon-frame-parent, .beacon-text-and-supporting-text16 {
    min-width: 100%;
  }

  .beacon-empty-state3 {
    gap: 16px;
  }

  .beacon-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .beacon-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .beacon-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .beacon-heading {
    font-size: 18px;
    line-height: 23px;
  }

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

  .beacon-number {
    font-size: 18px;
    line-height: 23px;
  }

  .beacon-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .beacon-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .beacon-number3, .beacon-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .beacon-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-price {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .beacon-date-elements-parent {
    flex: 1;
  }

  .beacon-badge-container, .beacon-frame-parent12 {
    flex-wrap: wrap;
  }

  .beacon-badge-group {
    height: auto;
    min-height: 104px;
  }

  .beacon-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-work-type-icon {
    flex: 1;
  }

  .beacon-calendar-icon6 {
    flex-wrap: wrap;
  }

  .beacon-work-type-label {
    margin-left: 0;
  }

  .beacon-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-frame-parent36, .beacon-frame-parent42 {
    flex-wrap: wrap;
  }

  .beacon-price5, .beacon-price6, .beacon-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-frame-parent64 {
    flex-wrap: wrap;
  }

  .beacon-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .beacon-content22, .beacon-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-input-dropdown3 {
    max-width: 100%;
  }

  .beacon-table-cell50, .beacon-table-cell53 {
    flex-wrap: wrap;
  }

  .beacon-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .beacon-column5, .beacon-column6 {
    flex: 1;
  }

  .beacon-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .beacon-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .beacon-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .beacon-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.beacon-device-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.beacon-device-component-listing-container::-webkit-scrollbar {
  display: none;
}

.beacon-device-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.beacon-device-component-beacon-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.beacon-device-component-beacon-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.beacon-device-component-beacon-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-device-component-beacon-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.beacon-device-component-beacon-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.beacon-device-component-beacon-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.beacon-device-component-beacon-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-device-component-beacon-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.beacon-device-component-beacon-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.beacon-device-component-beacon-text78:hover {
  text-decoration: underline;
}

.beacon-device-component-beacon-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.beacon-device-component-beacon-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.beacon-device-component-beacon-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.beacon-device-component-beacon-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-device-component-beacon-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-device-component-beacon-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-device-component-beacon-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-device-component-beacon-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.beacon-device-component-beacon-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-device-component-beacon-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-device-component-beacon-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.beacon-device-component-beacon-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-device-component-beacon-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.beacon-device-component-beacon-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-device-component-beacon-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.beacon-device-component-beacon-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.beacon-device-component-beacon-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-device-component-beacon-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-device-component-beacon-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-device-component-beacon-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-device-component-beacon-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.beacon-device-component-beacon-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-device-component-beacon-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-device-component-beacon-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-device-component-beacon-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.beacon-device-component-beacon-badge39 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-device-component-beacon-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.beacon-device-component-beacon-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.beacon-device-component-beacon-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.beacon-device-component-beacon-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-device-component-beacon-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-device-component-beacon-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-device-component-beacon-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.beacon-device-component-beacon-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-device-component-beacon-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.beacon-device-component-beacon-beacon-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-device-component-beacon-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-device-component-beacon-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-device-component-beacon-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.beacon-device-component-beacon-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-device-component-beacon-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-device-component-beacon-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.beacon-device-component-beacon-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-device-component-beacon-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.beacon-device-component-beacon-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-device-component-beacon-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-device-component-beacon-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-device-component-beacon-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-device-component-beacon-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-device-component-beacon-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.beacon-device-component-beacon-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.beacon-device-component-beacon-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-device-component-beacon-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-device-component-beacon-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-buttonsbutton25, .beacon-device-component-beacon-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-device-component-beacon-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.beacon-device-component-beacon-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-device-component-beacon-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-device-component-beacon-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-device-component-beacon-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-device-component-beacon-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.beacon-device-component-beacon-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.beacon-device-component-beacon-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.beacon-device-component-beacon-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.beacon-device-component-beacon-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-device-component-beacon-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .beacon-device-component-beacon-rectangle-parent5, .beacon-device-component-beacon-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .beacon-device-component-beacon-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-device-component-beacon-action-fields {
    min-width: 100%;
  }

  .beacon-device-component-beacon-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-device-component-beacon-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-device-component-beacon-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .beacon-device-component-beacon-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-device-component-beacon-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-device-component-beacon-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.beacon-spare-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.beacon-spare-component-listing-container::-webkit-scrollbar {
  display: none;
}

.beacon-spare-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.beacon-spare-component-beacon-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.beacon-spare-component-beacon-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.beacon-spare-component-beacon-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-spare-component-beacon-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.beacon-spare-component-beacon-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.beacon-spare-component-beacon-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.beacon-spare-component-beacon-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-spare-component-beacon-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.beacon-spare-component-beacon-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.beacon-spare-component-beacon-text78:hover {
  text-decoration: underline;
}

.beacon-spare-component-beacon-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.beacon-spare-component-beacon-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.beacon-spare-component-beacon-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.beacon-spare-component-beacon-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-spare-component-beacon-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-spare-component-beacon-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-spare-component-beacon-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-spare-component-beacon-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.beacon-spare-component-beacon-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-spare-component-beacon-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-spare-component-beacon-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.beacon-spare-component-beacon-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-spare-component-beacon-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.beacon-spare-component-beacon-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-spare-component-beacon-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.beacon-spare-component-beacon-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.beacon-spare-component-beacon-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-spare-component-beacon-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-spare-component-beacon-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-spare-component-beacon-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-spare-component-beacon-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.beacon-spare-component-beacon-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-spare-component-beacon-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-spare-component-beacon-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-spare-component-beacon-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.beacon-spare-component-beacon-badge39 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-spare-component-beacon-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.beacon-spare-component-beacon-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.beacon-spare-component-beacon-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.beacon-spare-component-beacon-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-spare-component-beacon-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-spare-component-beacon-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-spare-component-beacon-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.beacon-spare-component-beacon-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-spare-component-beacon-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.beacon-spare-component-beacon-beacon-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-spare-component-beacon-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-spare-component-beacon-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-spare-component-beacon-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.beacon-spare-component-beacon-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-spare-component-beacon-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-spare-component-beacon-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.beacon-spare-component-beacon-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-spare-component-beacon-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.beacon-spare-component-beacon-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-spare-component-beacon-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-spare-component-beacon-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-spare-component-beacon-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-spare-component-beacon-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-spare-component-beacon-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.beacon-spare-component-beacon-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.beacon-spare-component-beacon-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-spare-component-beacon-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-spare-component-beacon-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-buttonsbutton25, .beacon-spare-component-beacon-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-spare-component-beacon-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.beacon-spare-component-beacon-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-spare-component-beacon-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-spare-component-beacon-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-spare-component-beacon-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-spare-component-beacon-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.beacon-spare-component-beacon-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.beacon-spare-component-beacon-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.beacon-spare-component-beacon-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.beacon-spare-component-beacon-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-spare-component-beacon-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .beacon-spare-component-beacon-rectangle-parent5, .beacon-spare-component-beacon-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .beacon-spare-component-beacon-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-spare-component-beacon-action-fields {
    min-width: 100%;
  }

  .beacon-spare-component-beacon-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-spare-component-beacon-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-spare-component-beacon-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .beacon-spare-component-beacon-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-spare-component-beacon-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-spare-component-beacon-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.beacon-service-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.beacon-service-component-listing-container::-webkit-scrollbar {
  display: none;
}

.beacon-service-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.beacon-service-component-beacon-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.beacon-service-component-beacon-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.beacon-service-component-beacon-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-service-component-beacon-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.beacon-service-component-beacon-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.beacon-service-component-beacon-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.beacon-service-component-beacon-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-service-component-beacon-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.beacon-service-component-beacon-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.beacon-service-component-beacon-text78:hover {
  text-decoration: underline;
}

.beacon-service-component-beacon-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.beacon-service-component-beacon-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.beacon-service-component-beacon-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.beacon-service-component-beacon-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-service-component-beacon-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-service-component-beacon-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-service-component-beacon-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-service-component-beacon-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.beacon-service-component-beacon-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-service-component-beacon-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-service-component-beacon-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.beacon-service-component-beacon-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-service-component-beacon-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.beacon-service-component-beacon-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-service-component-beacon-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.beacon-service-component-beacon-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.beacon-service-component-beacon-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-service-component-beacon-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-service-component-beacon-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-service-component-beacon-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-service-component-beacon-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.beacon-service-component-beacon-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-service-component-beacon-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-service-component-beacon-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-service-component-beacon-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.beacon-service-component-beacon-badge39 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-service-component-beacon-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.beacon-service-component-beacon-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.beacon-service-component-beacon-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.beacon-service-component-beacon-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-service-component-beacon-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-service-component-beacon-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-service-component-beacon-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.beacon-service-component-beacon-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-service-component-beacon-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.beacon-service-component-beacon-beacon-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-service-component-beacon-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-service-component-beacon-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-service-component-beacon-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.beacon-service-component-beacon-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-service-component-beacon-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-service-component-beacon-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.beacon-service-component-beacon-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-service-component-beacon-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.beacon-service-component-beacon-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-service-component-beacon-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-service-component-beacon-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-service-component-beacon-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-service-component-beacon-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-service-component-beacon-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.beacon-service-component-beacon-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.beacon-service-component-beacon-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-service-component-beacon-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-service-component-beacon-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-buttonsbutton25, .beacon-service-component-beacon-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-service-component-beacon-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.beacon-service-component-beacon-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-service-component-beacon-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-service-component-beacon-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-service-component-beacon-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-service-component-beacon-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.beacon-service-component-beacon-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.beacon-service-component-beacon-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.beacon-service-component-beacon-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.beacon-service-component-beacon-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-service-component-beacon-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .beacon-service-component-beacon-rectangle-parent5, .beacon-service-component-beacon-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .beacon-service-component-beacon-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-service-component-beacon-action-fields {
    min-width: 100%;
  }

  .beacon-service-component-beacon-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-service-component-beacon-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-service-component-beacon-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .beacon-service-component-beacon-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-service-component-beacon-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-service-component-beacon-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.beacon-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.beacon-software-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.beacon-software-component-listing-container::-webkit-scrollbar {
  display: none;
}

.beacon-software-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.beacon-software-component-beacon-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.beacon-software-component-beacon-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.beacon-software-component-beacon-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-software-component-beacon-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.beacon-software-component-beacon-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.beacon-software-component-beacon-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.beacon-software-component-beacon-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-software-component-beacon-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.beacon-software-component-beacon-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.beacon-software-component-beacon-text78:hover {
  text-decoration: underline;
}

.beacon-software-component-beacon-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.beacon-software-component-beacon-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.beacon-software-component-beacon-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.beacon-software-component-beacon-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-software-component-beacon-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-software-component-beacon-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-software-component-beacon-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-software-component-beacon-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.beacon-software-component-beacon-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-software-component-beacon-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-software-component-beacon-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.beacon-software-component-beacon-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-software-component-beacon-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.beacon-software-component-beacon-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-software-component-beacon-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.beacon-software-component-beacon-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.beacon-software-component-beacon-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-software-component-beacon-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-software-component-beacon-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-software-component-beacon-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-software-component-beacon-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.beacon-software-component-beacon-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-software-component-beacon-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.beacon-software-component-beacon-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-software-component-beacon-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.beacon-software-component-beacon-badge39 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-software-component-beacon-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.beacon-software-component-beacon-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.beacon-software-component-beacon-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.beacon-software-component-beacon-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-software-component-beacon-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-software-component-beacon-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-software-component-beacon-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.beacon-software-component-beacon-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-software-component-beacon-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.beacon-software-component-beacon-beacon-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-software-component-beacon-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-software-component-beacon-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-software-component-beacon-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.beacon-software-component-beacon-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-software-component-beacon-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-software-component-beacon-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.beacon-software-component-beacon-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-software-component-beacon-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.beacon-software-component-beacon-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-software-component-beacon-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-software-component-beacon-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-software-component-beacon-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-software-component-beacon-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-software-component-beacon-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.beacon-software-component-beacon-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.beacon-software-component-beacon-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-software-component-beacon-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-software-component-beacon-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-buttonsbutton25, .beacon-software-component-beacon-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-software-component-beacon-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.beacon-software-component-beacon-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-software-component-beacon-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-software-component-beacon-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-software-component-beacon-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-software-component-beacon-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.beacon-software-component-beacon-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.beacon-software-component-beacon-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.beacon-software-component-beacon-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.beacon-software-component-beacon-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-software-component-beacon-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .beacon-software-component-beacon-rectangle-parent5, .beacon-software-component-beacon-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .beacon-software-component-beacon-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-software-component-beacon-action-fields {
    min-width: 100%;
  }

  .beacon-software-component-beacon-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-software-component-beacon-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-software-component-beacon-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .beacon-software-component-beacon-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-software-component-beacon-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-software-component-beacon-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.button-wanted-dropdown-menu {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: max-content;
  display: inline-flex;
  overflow: hidden;
  box-shadow: 0 4px 6px -2px #10182808;
}

.button-wanted-dropdown-content {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  height: max-content;
  padding: 12px;
  display: flex;
}

.button-wanted-dropdown-navMenuItem {
  border-radius: 8px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  display: inline-flex;
}

.button-wanted-dropdown-navMenuItem:hover {
  background-color: #eaecf0;
}

.button-wanted-dropdown-itemContent {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: inline-flex;
}

.button-wanted-dropdown-textAndSupportingText {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 8px;
  display: flex;
}

.button-wanted-dropdown-textAndBadge {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.button-wanted-dropdown-text {
  color: #101828;
  word-wrap: break-word;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.button-wanted-dropdown-supportingText {
  color: #475467;
  word-wrap: break-word;
  align-self: stretch;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.contact-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.contact-main-custom {
  width: 100% !important;
}

.contact-search-lg-icon-custom {
  cursor: pointer;
}

.contact-contact-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.contact-contact-frame-layout {
  align-self: stretch;
  height: max-content;
}

.contact-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.contact-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.contact-badge1, .contact-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.contact-navigation, .contact-search-input {
  justify-content: flex-start;
  display: flex;
}

.contact-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.contact-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.contact-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.contact-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.contact-content3, .contact-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-content3 {
  flex: 1;
  gap: 8px;
}

.contact-divider-icon, .contact-home-line-icon {
  position: relative;
  overflow: hidden;
}

.contact-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.contact-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.contact-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.contact-content12, .contact-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.contact-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.contact-content5, .contact-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.contact-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.contact-supporting-text, .contact-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.contact-title {
  font-weight: 600;
}

.contact-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.contact-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.contact-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.contact-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.contact-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.contact-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.contact-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.contact-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.contact-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.contact-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.contact-tabs {
  gap: 8px;
}

.contact-breadcrumbs, .contact-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-heading, .contact-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.contact-heading {
  font-weight: 600;
  line-height: 38px;
}

.contact-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.contact-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.contact-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.contact-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.contact-button, .contact-button1, .contact-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.contact-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.contact-button1, .contact-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.contact-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.contact-actions, .contact-button2, .contact-button3 {
  flex-direction: row;
  align-items: center;
}

.contact-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.contact-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.contact-button4, .contact-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.contact-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.contact-button6, .contact-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.contact-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-content13, .contact-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.contact-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.contact-content13, .contact-divider-icon1, .contact-page-header {
  align-self: stretch;
  max-width: 100%;
}

.contact-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.contact-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.contact-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.contact-button-group-base1, .contact-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.contact-button-group-base2 {
  width: 77px;
}

.contact-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.contact-button-group-base3, .contact-button-group-base4, .contact-button-group-base5, .contact-button-group-base6, .contact-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.contact-button-group-base4, .contact-button-group-base5, .contact-button-group-base6, .contact-button-group-base7 {
  z-index: 4;
}

.contact-button-group-base5, .contact-button-group-base6, .contact-button-group-base7 {
  z-index: 3;
}

.contact-button-group-base6, .contact-button-group-base7 {
  z-index: 2;
}

.contact-button-group-base7 {
  z-index: 1;
}

.contact-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-button-group, .contact-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.contact-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.contact-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-actions2, .contact-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.contact-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.contact-container, .contact-header-section, .contact-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.contact-container, .contact-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.contact-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.contact-header-section {
  flex-shrink: 0;
}

.contact-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.contact-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.contact-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.contact-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.contact-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-color2, .contact-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.contact-color3 {
  background-color: #17b26a;
}

.contact-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.contact-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.contact-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.contact-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.contact-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.contact-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.contact-divider, .contact-y-axis-line, .contact-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.contact-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.contact-y-axis-line, .contact-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.contact-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.contact-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.contact-y-axis, .contact-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.contact-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.contact-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.contact-jan, .contact-jul, .contact-jun, .contact-mar, .contact-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-jul, .contact-jun, .contact-mar, .contact-may {
  min-width: 23px;
}

.contact-jul, .contact-jun, .contact-may {
  min-width: 25px;
}

.contact-jul, .contact-jun {
  min-width: 22px;
}

.contact-jul {
  min-width: 17px;
}

.contact-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.contact-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.contact-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.contact-line-and-bar-chart, .contact-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-line-and-bar-chart {
  flex: 1;
}

.contact-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.contact-heading1, .contact-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.contact-number {
  white-space: nowrap;
  line-height: 38px;
}

.contact-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.contact-change-and-text, .contact-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.contact-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.contact-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.contact-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.contact-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.contact-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.contact-dropdown, .contact-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.contact-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.contact-change-and-text1, .contact-container1, .contact-metric-group, .contact-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.contact-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.contact-container1, .contact-metric-group, .contact-section {
  align-items: flex-start;
  max-width: 100%;
}

.contact-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.contact-container1, .contact-section {
  flex-direction: column;
}

.contact-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.contact-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.contact-separator, .contact-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.contact-separator1 {
  height: 43px;
}

.contact-main, .contact-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  height: 692px;
  padding: 32px 0 0;
  overflow: hidden;
}

.contact-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.contact-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.contact-breadcrumb-button-base6, .contact-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.contact-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.contact-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.contact-breadcrumbs1, .contact-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.contact-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.contact-breadcrumbs1 {
  width: 278px;
  display: none;
}

.contact-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.contact-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.contact-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.contact-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.contact-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.contact-content16, .contact-input-with-label1, .contact-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.contact-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.contact-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.contact-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.contact-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.contact-content15, .contact-page-header-wrapper, .contact-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.contact-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.contact-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 742px;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.contact-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.contact-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.contact-text49, .contact-text50, .contact-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-text50, .contact-text51 {
  min-width: 62px;
}

.contact-text51 {
  min-width: 34px;
}

.contact-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.contact-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.contact-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.contact-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.contact-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.contact-tab-button-base7, .contact-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.contact-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.contact-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.contact-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.contact-horizontal-tabs, .contact-horizontal-tabs-wrapper, .contact-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.contact-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.contact-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.contact-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.contact-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.contact-dropdown3, .contact-metric-card, .contact-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.contact-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.contact-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.contact-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.contact-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.contact-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.contact-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.contact-frame-inner, .contact-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.contact-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.contact-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.contact-heading5, .contact-number4 {
  z-index: 1;
  position: relative;
}

.contact-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.contact-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.contact-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.contact-badge12, .contact-frame-container, .contact-heading-parent, .contact-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.contact-frame-container, .contact-rectangle-container {
  box-sizing: border-box;
}

.contact-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.contact-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.contact-heading-group {
  gap: 8px;
  width: 153px;
}

.contact-dropdown7, .contact-heading-container, .contact-heading-group, .contact-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-heading-container {
  gap: 8px;
  width: 163px;
}

.contact-dropdown7, .contact-heading-parent1 {
  flex-shrink: 0;
}

.contact-heading-parent1 {
  gap: 8px;
  width: 170px;
}

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

.contact-frame-group, .contact-frame-wrapper, .contact-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.contact-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.contact-frame-group, .contact-frame-wrapper {
  max-width: 100%;
}

.contact-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: center;
  gap: 19px;
}

.contact-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px 32px;
}

.contact-text62, .contact-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-text63 {
  min-width: 74px;
}

.contact-buttonsbutton4, .contact-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.contact-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-dropdowns, .contact-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.contact-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.contact-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-input-dropdown2, .contact-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.contact-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.contact-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.contact-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.contact-content17, .contact-filters-bar, .contact-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.contact-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.contact-frame-child3, .contact-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.contact-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.contact-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.contact-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.contact-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.contact-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.contact-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.contact-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.contact-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.contact-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.contact-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-location-badge, .contact-location-badge-number, .contact-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.contact-location-badge, .contact-type-number {
  box-sizing: border-box;
}

.contact-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.contact-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.contact-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.contact-location-elements, .contact-type-badge-elements, .contact-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.contact-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.contact-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.contact-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.contact-badge-elements, .contact-badge-elements-wrapper, .contact-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.contact-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.contact-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-action-fields, .contact-card-elements, .contact-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.contact-action-fields, .contact-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.contact-input-elements {
  align-self: stretch;
  gap: 16px;
}

.contact-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.contact-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.contact-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.contact-frame-wrapper3, .contact-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.contact-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.contact-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.contact-dropdown-elements, .contact-dropdown-options-parent, .contact-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.contact-price-parent {
  flex-direction: column;
  flex: 1;
}

.contact-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.contact-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.contact-content-actions, .contact-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.contact-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.contact-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.contact-name, .contact-role {
  display: inline-block;
  position: relative;
}

.contact-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.contact-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.contact-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.contact-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.contact-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.contact-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-buttonsbutton8, .contact-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.contact-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.contact-buttonsbutton-parent, .contact-primary-table, .contact-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.contact-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.contact-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.contact-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.contact-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.contact-content-items, .contact-help-avatar, .contact-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.contact-content-items, .contact-rectangle-parent3 {
  box-sizing: border-box;
}

.contact-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.contact-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.contact-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.contact-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.contact-badge-parent, .contact-badge23, .contact-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.contact-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.contact-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-badge23, .contact-badge24, .contact-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.contact-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.contact-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.contact-badge24, .contact-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-badge-elements-copy, .contact-badge25, .contact-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.contact-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.contact-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.contact-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.contact-badge26, .contact-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.contact-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-badge27, .contact-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.contact-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.contact-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.contact-frame-parent1, .contact-frame-parent2, .contact-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.contact-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.contact-frame-child5, .contact-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.contact-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.contact-frame-child7, .contact-text78 {
  z-index: 2;
  position: relative;
}

.contact-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.contact-text78 {
  font-weight: 600;
  line-height: 28px;
}

.contact-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.contact-location3, .contact-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-type-of-work2 {
  min-width: 109px;
}

.contact-frame-parent12, .contact-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.contact-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.contact-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.contact-badge29, .contact-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.contact-badge30 {
  width: 76px;
}

.contact-badge-container, .contact-badge30, .contact-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.contact-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.contact-badge-container, .contact-badge32, .contact-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.contact-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.contact-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.contact-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.contact-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-badge33, .contact-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.contact-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.contact-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-price2, .contact-text83 {
  position: relative;
}

.contact-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.contact-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.contact-radar-1-1-container, .contact-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.contact-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.contact-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.contact-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.contact-name2, .contact-role2 {
  display: inline-block;
  position: relative;
}

.contact-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.contact-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.contact-buttonsbutton13, .contact-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.contact-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.contact-buttonsbutton14, .contact-buttonsbutton15, .contact-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.contact-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.contact-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.contact-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.contact-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.contact-frame-wrapper16, .contact-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.contact-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.contact-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.contact-divider-icon5, .contact-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.contact-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.contact-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.contact-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.contact-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-badge34, .contact-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.contact-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.contact-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-badge36, .contact-badge37, .contact-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.contact-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.contact-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.contact-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.contact-badge38, .contact-frame-parent26, .contact-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.contact-badge39, .contact-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.contact-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.contact-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.contact-element-details-child, .contact-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.contact-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.contact-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.contact-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.contact-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.contact-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.contact-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.contact-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.contact-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.contact-date-icon, .contact-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-type-label {
  color: #101828;
  font-size: 14px;
}

.contact-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.contact-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.contact-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.contact-work-type-icon, .contact-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.contact-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.contact-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.contact-action-icons, .contact-calendar-icon6, .contact-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.contact-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.contact-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.contact-element-actions, .contact-element-details-parent, .contact-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.contact-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.contact-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.contact-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.contact-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.contact-frame-parent32, .contact-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.contact-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.contact-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.contact-dropdown-parent1, .contact-frame-parent31, .contact-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.contact-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.contact-dropdown-parent1, .contact-frame-parent31 {
  align-items: flex-end;
}

.contact-frame-parent31 {
  flex: 1;
}

.contact-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.contact-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.contact-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.contact-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.contact-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.contact-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.contact-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.contact-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.contact-span {
  font-weight: 500;
}

.contact-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.contact-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.contact-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-frame-parent36, .contact-frame-parent37, .contact-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.contact-frame-parent37, .contact-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.contact-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.contact-text105, .contact-text106, .contact-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.contact-text105, .contact-text106 {
  display: inline-block;
}

.contact-text105 {
  min-width: 103px;
}

.contact-text106 {
  flex-shrink: 0;
  width: 151px;
}

.contact-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.contact-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.contact-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.contact-supporting-text20, .contact-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.contact-supporting-text20 {
  min-width: 70.9px;
}

.contact-supporting-text21 {
  width: 104px;
}

.contact-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.contact-frame-parent33, .contact-frame-parent34, .contact-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.contact-frame-parent33, .contact-frame-parent34 {
  flex: 1;
}

.contact-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.contact-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.contact-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-buttonsbutton-wrapper, .contact-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.contact-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.contact-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.contact-dropdown-parent2, .contact-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.contact-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.contact-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.contact-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.contact-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.contact-content-items5, .contact-frame-child16, .contact-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.contact-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.contact-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.contact-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.contact-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.contact-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.contact-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.contact-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.contact-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.contact-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.contact-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.contact-frame-parent39, .contact-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.contact-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.contact-dropdown14, .contact-text112 {
  z-index: 1;
  position: absolute;
}

.contact-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.contact-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.contact-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.contact-price6, .contact-text113 {
  z-index: 1;
  position: relative;
}

.contact-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.contact-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.contact-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.contact-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.contact-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.contact-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.contact-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.contact-frame-parent46, .contact-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.contact-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.contact-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.contact-frame-parent45, .contact-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.contact-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.contact-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.contact-card-container-child, .contact-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.contact-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.contact-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.contact-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.contact-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.contact-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.contact-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.contact-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.contact-dropdown15, .contact-item-title {
  z-index: 2;
  position: absolute;
}

.contact-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.contact-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.contact-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.contact-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.contact-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.contact-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.contact-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.contact-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.contact-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.contact-card-container, .contact-card-list, .contact-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.contact-card-container, .contact-card-list {
  align-items: flex-start;
}

.contact-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.contact-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.contact-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.contact-frame-wrapper37, .contact-price-wrapper, .contact-text-wrapper18, .contact-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.contact-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.contact-frame-wrapper37, .contact-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.contact-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.contact-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.contact-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.contact-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.contact-buttonsbutton-frame, .contact-frame-parent64, .contact-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.contact-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.contact-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.contact-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.contact-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.contact-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.contact-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-change7, .contact-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.contact-change7 {
  min-width: 38px;
  display: inline-block;
}

.contact-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.contact-change-and-text3, .contact-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.contact-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.contact-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.contact-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.contact-dropdown19, .contact-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.contact-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-buttonsbutton25, .contact-buttonsbutton26, .contact-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.contact-buttonsbutton25, .contact-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.contact-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.contact-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.contact-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.contact-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-arrow-square-up-right-wrapper1, .contact-buttonsbutton-parent1, .contact-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.contact-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.contact-divider-container1, .contact-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.contact-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.contact-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-buttonsbutton-wrapper1, .contact-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.contact-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.contact-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.contact-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.contact-badge46, .contact-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.contact-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.contact-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.contact-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.contact-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-actions3, .contact-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.contact-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.contact-content20, .contact-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.contact-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.contact-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.contact-card-header, .contact-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.contact-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.contact-button-group-base9, .contact-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.contact-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
}

.contact-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.contact-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.contact-button-group-base10, .contact-button-group-base11, .contact-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.contact-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.contact-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.contact-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.contact-content22, .contact-input-with-label3, .contact-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.contact-input-with-label3, .contact-input3 {
  align-self: stretch;
}

.contact-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.contact-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.contact-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.contact-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.contact-actions4, .contact-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.contact-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.contact-content-items9, .contact-content21, .contact-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.contact-content-items9, .contact-filters-bar1 {
  justify-content: flex-start;
}

.contact-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.contact-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.contact-badge-number1, .contact-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.contact-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.contact-badge47, .contact-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.contact-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.contact-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.contact-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.contact-actions5, .contact-card-header1, .contact-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.contact-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.contact-card-header1, .contact-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.contact-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.contact-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.contact-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.contact-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.contact-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.contact-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.contact-checkbox-wrapper, .contact-sub-nav-items-wrapper, .contact-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.contact-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.contact-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.contact-avatar2, .contact-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.contact-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.contact-avatar2 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.contact-account-button, .contact-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-account-button {
  min-width: 75px;
  font-weight: 500;
}

.contact-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.contact-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.contact-avatar3 {
  background-image: url("avatar3@3x.1f4d46c9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.contact-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.contact-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.contact-avatar5 {
  background-image: url("avatar4@3x.27b7e1fb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.contact-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-contrast-border6, .contact-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.contact-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -380px;
  overflow-x: auto;
}

.contact-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.contact-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.contact-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.contact-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-button-upload, .contact-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.contact-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.contact-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.contact-avatar8 {
  background-image: url("avatar5@3x.f36d8172.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.contact-table-cell6, .contact-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.contact-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.contact-avatar10 {
  background-image: url("avatar6@3x.5f263d4b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.contact-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.contact-avatar11 {
  background-image: url("avatar7@3x.bebe0bf4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.contact-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.contact-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-table-header, .contact-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-table-header {
  gap: 4px;
}

.contact-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.contact-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.contact-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.contact-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-table-cell15, .contact-table-cell16, .contact-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.contact-table-cell16, .contact-table-cell18 {
  width: 271px;
}

.contact-table-cell18 {
  width: 239px;
}

.contact-column, .contact-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.contact-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.contact-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.contact-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.contact-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.contact-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.contact-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.contact-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.contact-user-cell2, .contact-user-cell3, .contact-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-user-cell3, .contact-user-cell4 {
  min-width: 84px;
}

.contact-user-cell4 {
  min-width: 82px;
}

.contact-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.contact-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.contact-user-cell5, .contact-user-cell6, .contact-user-cell7 {
  line-height: 20px;
  position: relative;
}

.contact-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.contact-user-cell7 {
  white-space: nowrap;
}

.contact-column1, .contact-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.contact-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.contact-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.contact-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-table-cell30, .contact-table-header-cell3, .contact-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.contact-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.contact-table-cell30, .contact-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.contact-table-header-cell3 {
  background-color: #f9fafb;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.contact-table-cell30 {
  padding: 26px 50px 24px;
}

.contact-column2, .contact-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.contact-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.contact-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.contact-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-button-wrap, .contact-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.contact-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.contact-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.contact-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-content24, .contact-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-content24 {
  padding: 10px 16px;
}

.contact-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.contact-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-content25, .contact-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-content25 {
  padding: 10px 15px;
}

.contact-pagination-number-base1 {
  overflow: hidden;
}

.contact-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-content26, .contact-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-content26 {
  padding: 10px 15px;
}

.contact-pagination-number-base2 {
  overflow: hidden;
}

.contact-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.contact-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-content30, .contact-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.contact-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.contact-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-button-wrap1, .contact-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.contact-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.contact-pagination, .contact-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.contact-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.contact-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.contact-content-items10, .contact-content-items11, .contact-table-cell40, .contact-table-cell41, .contact-table-cell42, .contact-table-header-cell4 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.contact-table-cell40, .contact-table-cell41, .contact-table-cell42, .contact-table-header-cell4 {
  border-bottom: 1px solid #eaecf0;
  gap: 12px;
  position: absolute;
  left: 0;
}

.contact-table-header-cell4 {
  color: #475467;
  background-color: #f9fafb;
  width: 100%;
  max-width: 100%;
  padding: 12px 24px 10px;
  font-size: 12px;
  top: 0;
}

.contact-table-cell40, .contact-table-cell41, .contact-table-cell42 {
  width: 245px;
  padding: 16px 24px 14px;
  top: 44px;
  overflow-x: auto;
}

.contact-table-cell41, .contact-table-cell42 {
  width: 252px;
  top: 116px;
}

.contact-table-cell42 {
  top: 188px;
}

.contact-table-cell43 {
  width: 252px;
  top: 260px;
}

.contact-table-cell43, .contact-table-cell44, .contact-table-cell45 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.contact-table-cell44 {
  text-align: center;
  color: #667085;
  width: 311px;
  font-size: 16px;
  top: 332px;
}

.contact-table-cell45 {
  width: 260px;
  top: 404px;
}

.contact-table-cell46 {
  box-sizing: border-box;
  width: 252px;
  top: 476px;
}

.contact-table-cell46, .contact-table-cell47, .contact-table-cell48, .contact-table-cell49 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.contact-table-cell47 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  width: 242px;
  font-size: 16px;
  top: 548px;
}

.contact-table-cell48, .contact-table-cell49 {
  top: 620px;
}

.contact-table-cell49 {
  box-sizing: border-box;
  z-index: 1;
  width: 242px;
  top: 692px;
}

.contact-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.contact-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.contact-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.contact-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.contact-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-table-cell50, .contact-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.contact-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.contact-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.contact-column3, .contact-table-cell52, .contact-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.contact-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.contact-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.contact-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.contact-marker-pin-02-group, .contact-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-marker-pin-02-group {
  gap: 7px;
}

.contact-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.contact-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.contact-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.contact-column-wrapper, .contact-column4, .contact-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.contact-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.contact-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.contact-column5, .contact-column6, .contact-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.contact-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.contact-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.contact-column-parent, .contact-frame-parent74, .contact-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.contact-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.contact-frame-parent74, .contact-pagination1 {
  align-self: stretch;
}

.contact-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.contact-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.contact-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-badge50, .contact-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.contact-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.contact-content-items14, .contact-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.contact-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.contact-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-button-group-base27, .contact-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.contact-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.contact-button-group-base28 {
  background-color: #fff;
}

.contact-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.contact-filter-bar-container, .contact-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-frame-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 701px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.contact-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.contact-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.contact-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.contact-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.contact-buttonsbutton33, .contact-content45, .contact-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.contact-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.contact-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-actions11, .contact-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.contact-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.contact-empty-state, .contact-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.contact-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.contact-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.contact-empty-state-wrapper, .contact-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.contact-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.contact-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.contact-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.contact-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.contact-content46, .contact-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.contact-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.contact-add, .contact-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.contact-learn-more {
  min-width: 88px;
}

.contact-actions12, .contact-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.contact-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.contact-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.contact-empty-state-container, .contact-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.contact-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.contact-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.contact-contact-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .contact-all, .contact-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .contact-all {
    padding-bottom: 67px;
  }

  .contact-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .contact-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .contact-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .contact-content-elements-parent, .contact-content17, .contact-frame-group, .contact-rectangle-parent10, .contact-rectangle-parent5, .contact-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .contact-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .contact-frame-wrapper31 {
    flex: 1;
  }

  .contact-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .contact-list-item-parent {
    flex: 1;
  }

  .contact-card-list, .contact-content20, .contact-content21, .contact-metric-item-parent {
    flex-wrap: wrap;
  }

  .contact-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .contact-content23, .contact-frame-parent73, .contact-frame-parent74 {
    flex-wrap: wrap;
  }

  .contact-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .contact-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .contact-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .contact-content13 {
    gap: 17px;
  }

  .contact-tabs-and-filters {
    flex-wrap: wrap;
  }

  .contact-jul {
    width: 100%;
    height: 17px;
  }

  .contact-x-axis {
    flex-wrap: wrap;
  }

  .contact-number {
    font-size: 24px;
    line-height: 30px;
  }

  .contact-main {
    gap: 16px;
  }

  .contact-number3, .contact-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .contact-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .contact-badge-elements, .contact-card-elements, .contact-dropdowns, .contact-location-badge-number {
    flex-wrap: wrap;
  }

  .contact-action-fields {
    min-width: 100%;
  }

  .contact-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .contact-frame-parent2, .contact-primary-table {
    flex-wrap: wrap;
  }

  .contact-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .contact-frame-parent17, .contact-frame-parent18, .contact-frame-parent21 {
    flex-wrap: wrap;
  }

  .contact-element-details, .contact-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .contact-action-icons, .contact-element-details-parent {
    flex-wrap: wrap;
  }

  .contact-icon-button {
    gap: 17px;
  }

  .contact-icon-button, .contact-sidebar1 {
    flex-wrap: wrap;
  }

  .contact-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .contact-rectangle-parent11 {
    gap: 16px;
  }

  .contact-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .contact-frame-parent39 {
    min-width: 100%;
  }

  .contact-frame-wrapper31 {
    margin-left: 0;
  }

  .contact-card-row {
    min-width: 100%;
  }

  .contact-list-item-parent {
    margin-left: 0;
  }

  .contact-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .contact-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .contact-text-and-supporting-text2 {
    min-width: 100%;
  }

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

  .contact-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .contact-text-and-supporting-text3 {
    min-width: 100%;
  }

  .contact-actions5, .contact-table-cell51, .contact-table-cell52 {
    flex-wrap: wrap;
  }

  .contact-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .contact-frame-parent, .contact-text-and-supporting-text16 {
    min-width: 100%;
  }

  .contact-empty-state3 {
    gap: 16px;
  }

  .contact-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .contact-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .contact-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .contact-heading {
    font-size: 18px;
    line-height: 23px;
  }

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

  .contact-number {
    font-size: 18px;
    line-height: 23px;
  }

  .contact-number-and-chart {
    flex-wrap: wrap;
  }

  .contact-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contact-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .contact-number3, .contact-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .contact-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .contact-price {
    font-size: 16px;
    line-height: 26px;
  }

  .contact-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .contact-date-elements-parent {
    flex: 1;
  }

  .contact-badge-container, .contact-frame-parent12 {
    flex-wrap: wrap;
  }

  .contact-badge-group {
    height: auto;
    min-height: 104px;
  }

  .contact-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .contact-work-type-icon {
    flex: 1;
  }

  .contact-calendar-icon6 {
    flex-wrap: wrap;
  }

  .contact-work-type-label {
    margin-left: 0;
  }

  .contact-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .contact-frame-parent36, .contact-frame-parent42 {
    flex-wrap: wrap;
  }

  .contact-price5, .contact-price6, .contact-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .contact-frame-parent64 {
    flex-wrap: wrap;
  }

  .contact-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .contact-content22, .contact-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .contact-input-dropdown3 {
    max-width: 100%;
  }

  .contact-table-cell50, .contact-table-cell53 {
    flex-wrap: wrap;
  }

  .contact-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .contact-column5, .contact-column6 {
    flex: 1;
  }

  .contact-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .contact-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .contact-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .contact-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .contact-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.contact-component-text2, .contact-component-text3 {
  position: relative;
}

.contact-component-text2 {
  color: inherit;
  white-space: nowrap;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.contact-component-text3 {
  font-weight: 500;
  line-height: 18px;
}

.contact-component-badge, .contact-component-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-component-badge {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.contact-component-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.contact-component-supporting-text1 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.contact-component-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.contact-component-placeholder-icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.contact-component-text4 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.contact-component-text-padding2 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 14px;
  display: flex;
}

.contact-component-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.contact-component-button, .contact-component-button1, .contact-component-text-padding3 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.contact-component-text-padding3 {
  padding: 0 13px;
  display: flex;
}

.contact-component-button1 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-component-upload-cloud-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.contact-component-text6 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.contact-component-button2, .contact-component-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.contact-component-button2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-component-text7 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.contact-component-actions1, .contact-component-button3 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.contact-component-button3 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-component-actions1 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.contact-component-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.contact-component-content1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-component-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  top: 9px;
}

.contact-component-dropdown-a {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.contact-component-dropdown1 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: max-content;
  padding-left: 10px;
  display: flex;
}

.contact-component-content1 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.contact-component-card-header, .contact-component-content1, .contact-component-divider-icon {
  align-self: stretch;
  max-width: 100%;
}

.contact-component-divider-icon {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.contact-component-card-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.contact-component-text8 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.contact-component-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.contact-component-text9 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-button-group-base1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.contact-component-text10 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.contact-component-button-group-base2, .contact-component-button-group-base3, .contact-component-button-group-base4, .contact-component-button-group-base5, .contact-component-button-group-base6, .contact-component-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.contact-component-button-group-base3, .contact-component-button-group-base4, .contact-component-button-group-base5, .contact-component-button-group-base6, .contact-component-button-group-base7 {
  z-index: 5;
}

.contact-component-button-group-base4, .contact-component-button-group-base5, .contact-component-button-group-base6, .contact-component-button-group-base7 {
  z-index: 4;
}

.contact-component-button-group-base5, .contact-component-button-group-base6, .contact-component-button-group-base7 {
  z-index: 3;
}

.contact-component-button-group-base6, .contact-component-button-group-base7 {
  z-index: 2;
}

.contact-component-button-group-base7 {
  z-index: 1;
}

.contact-component-text16 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.contact-component-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-component-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.contact-component-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.contact-component-supporting-text2, .contact-component-text17 {
  line-height: 24px;
  position: relative;
}

.contact-component-text17 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 282px);
  min-width: 49px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

.contact-component-supporting-text2 {
  align-self: stretch;
  width: 54px;
  display: none;
}

.contact-component-content3, .contact-component-input, .contact-component-input-with-label {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-component-content3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.contact-component-input, .contact-component-input-with-label {
  align-self: stretch;
}

.contact-component-input {
  box-sizing: border-box;
  color: #475467;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.contact-component-input-with-label {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.contact-component-hint-text {
  color: #475467;
  white-space: nowrap;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.contact-component-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.contact-component-text18 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.contact-component-actions2, .contact-component-button4 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.contact-component-button4 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-component-actions2 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.contact-component-content2, .contact-component-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-component-content2 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.contact-component-filters-bar {
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.contact-component-main, .contact-component-table-header-title, .contact-component-text19 {
  color: #101828;
  text-align: left;
  font-family: Inter;
}

.contact-component-main {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0;
  font-size: 26px;
  display: flex;
}

.contact-component-table-header-title, .contact-component-text19 {
  min-width: 123px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.contact-component-text19 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.contact-component-badge1, .contact-component-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-component-badge1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.contact-component-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.contact-component-supporting-text3 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact-component-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.contact-component-text20 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.contact-component-button5, .contact-component-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-component-text-padding7 {
  align-self: stretch;
  padding: 0 2px;
}

.contact-component-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.contact-component-text21 {
  color: #6941c6;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.contact-component-button6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-component-text22 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.contact-component-button7 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-component-text23 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.contact-component-button8 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-component-actions3, .contact-component-card-header1, .contact-component-content4 {
  justify-content: flex-start;
  max-width: 100%;
}

.contact-component-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 0 24px 0 0;
  display: none;
}

.contact-component-card-header1, .contact-component-content4 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.contact-component-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
}

.contact-component-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
}

.contact-component-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.contact-component-text24 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.contact-component-header-title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.contact-component-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.contact-component-header-icon, .contact-component-table-header-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.contact-component-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 4px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -360px;
  margin: 0 !important;
}

.contact-component-checkbox {
  width: 20px;
  height: 20px;
  margin: 0;
}

.contact-component-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.contact-component-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.contact-component-avatar, .contact-component-contrast-border {
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.contact-component-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.contact-component-avatar {
  background-image: url("avatar@3x.614c6518.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.contact-component-cell-title, .contact-component-supporting-text4 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-cell-title {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.contact-component-supporting-text4 {
  color: #475467;
  min-width: 97px;
}

.contact-component-contrast-border1, .contact-component-table-cell {
  box-sizing: border-box;
  position: absolute;
}

.contact-component-table-cell {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  top: 44px;
  left: -360px;
  margin: 0 !important;
}

.contact-component-contrast-border1 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.contact-component-avatar1 {
  background-image: url("avatar1@3x.dbb57a87.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.contact-component-text25 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -360px;
  margin: 0 !important;
}

.contact-component-text26 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -360px;
  margin: 0 !important;
}

.contact-component-avatar3 {
  background-image: url("avatar2@3x.71d78787.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.contact-component-text27 {
  color: #101828;
  text-align: left;
  white-space: nowrap;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-contrast-border4, .contact-component-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.contact-component-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -360px;
}

.contact-component-contrast-border4 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.contact-component-text28 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.contact-component-avatar4 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.contact-component-text29 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -360px;
  margin: 0 !important;
}

.contact-component-text30 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -360px;
  margin: 0 !important;
}

.contact-component-avatar6 {
  background-image: url("avatar3@3x.6005525e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.contact-component-text31 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-table-cell6, .contact-component-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -360px;
  margin: 0 !important;
}

.contact-component-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.contact-component-avatar8 {
  background-image: url("avatar4@3x.e288d30e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.contact-component-text34 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -360px;
  margin: 0 !important;
}

.contact-component-avatar9 {
  background-image: url("avatar5@3x.3ed723c3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.contact-component-text35 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -360px;
  margin: 0 !important;
}

.contact-component-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.contact-component-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.contact-component-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.contact-component-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 440px;
  padding: 13px 24px 11px;
  display: flex;
}

.contact-component-text36 {
  color: #344054;
  text-align: center;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-component-location-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
  overflow: hidden;
}

.contact-component-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 440px;
  padding: 19px 27px 11px;
  display: flex;
}

.contact-component-text37 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-component-marker-pin-02-parent, .contact-component-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-component-marker-pin-02-parent {
  gap: 7px;
}

.contact-component-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.contact-component-text38 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-component-table-cell15, .contact-component-table-cell16, .contact-component-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.contact-component-table-cell16, .contact-component-table-cell18 {
  width: 271px;
}

.contact-component-table-cell18 {
  width: 239px;
}

.contact-component-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  width: 120px;
  padding: 0;
}

.contact-component-column, .contact-component-table-header-cell-parent, .contact-component-table-row {
  justify-content: start;
  display: flex;
}

.contact-component-table-header-cell-parent {
  flex-direction: row;
  align-items: flex-start;
  position: relative;
}

.contact-component-table-row {
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-end;
  width: 100%;
}

.contact-component-description-column-title {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 24px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-component-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.contact-component-table-header-cell2, .contact-component-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-component-table-header1 {
  gap: 4px;
  width: 60px;
}

.contact-component-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 191px;
  padding: 13px 27px 11px;
}

.contact-component-text46 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 101px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 191px;
  padding: 26px 24px 24px 19px;
  display: flex;
}

.contact-component-table-cell40 {
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 191px;
  padding: 26px 24px 24px 26px;
  display: flex;
}

.contact-component-text47 {
  color: #475467;
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.contact-component-text48 {
  color: #475467;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.contact-component-text49 {
  min-width: 64px;
}

.contact-component-text49, .contact-component-text50, .contact-component-text51 {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-text50 {
  min-width: 84px;
}

.contact-component-text51 {
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 82px;
  height: 20px;
  padding: 0;
}

.contact-component-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.contact-component-text52 {
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 92px;
  height: 20px;
  padding: 0;
  display: inline-block;
}

.contact-component-text52, .contact-component-text53, .contact-component-text54 {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.contact-component-text53 {
  min-width: 68px;
  display: inline-block;
}

.contact-component-text54 {
  white-space: nowrap;
}

.contact-component-column1, .contact-component-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.contact-component-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.contact-component-column1 {
  z-index: 1;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.contact-component-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.contact-component-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.contact-component-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.contact-component-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 191px;
  padding: 13px 27px 11px;
  display: flex;
}

.contact-component-table-cell30 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 191px;
  padding: 26px 50px 24px 26px;
  display: flex;
}

.contact-component-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.contact-component-column2, .contact-component-table-content {
  box-sizing: border-box;
  display: flex;
}

.contact-component-column2 {
  z-index: 1;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.contact-component-table-content {
  scrollbar-width: thin;
  flex-direction: column;
  align-items: flex-start;
  width: 1014px;
  max-width: 100%;
  height: 607px;
  padding: 0 1px 0 0;
  overflow: hidden auto;
}

.contact-component-text56 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-buttonsbutton2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-component-button-wrap, .contact-component-pagination-wrapper {
  justify-content: flex-start;
  display: flex;
}

.contact-component-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.contact-component-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.contact-component-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-content5, .contact-component-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-component-content5 {
  padding: 10px 16px;
}

.contact-component-pagination-number-base {
  background-color: #f9fafb;
  overflow: hidden;
}

.contact-component-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-content6, .contact-component-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-component-content6 {
  padding: 10px 15px;
}

.contact-component-pagination-number-base1 {
  overflow: hidden;
}

.contact-component-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-content7, .contact-component-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-component-content7 {
  padding: 10px 15px;
}

.contact-component-pagination-number-base2 {
  overflow: hidden;
}

.contact-component-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-content8 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.contact-component-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-content11, .contact-component-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-component-content11 {
  border-radius: 8px;
  padding: 10px 12px;
}

.contact-component-pagination-numbers {
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.contact-component-text57 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-component-button-wrap1, .contact-component-buttonsbutton3 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.contact-component-buttonsbutton3 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-component-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.contact-component-pagination, .contact-component-prsopective-buyers, .contact-component-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-component-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.contact-component-prsopective-buyers, .contact-component-table {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  max-width: 100%;
  overflow: hidden;
}

.contact-component-table {
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  margin: 0;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.contact-component-prsopective-buyers {
  letter-spacing: normal;
  gap: 14px;
  margin: auto;
  padding: 0 0 293px;
  line-height: normal;
}

@media screen and (width <= 925px) {
  .contact-component-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }
}

@media screen and (width <= 700px) {
  .contact-component-text-and-badge, .contact-component-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 121px;
  }

  .contact-component-text-and-badge1 {
    padding-right: 182px;
  }

  .contact-component-text-and-supporting-text2 {
    min-width: 100%;
  }

  .contact-component-actions3 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .contact-component-content3, .contact-component-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .contact-component-input-dropdown {
    max-width: 100%;
  }
}

.contact-button-group {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-button-group-base1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: max-content;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.contact-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.slide-out-component-slide-out-menu {
  scrollbar-width: none;
  letter-spacing: normal;
  box-sizing: border-box;
  z-index: 3;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  height: max-content;
  line-height: normal;
  transition: transform .3s ease-in-out;
  display: flex;
  position: absolute;
  right: 3px;
  overflow-y: auto;
}

.slide-out-component-slide-out-menu::-webkit-scrollbar {
  display: none;
}

.slide-out-component-slide-out-menu.open {
  right: 0;
}

.slide-out-component-featured-icon2 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.slide-out-component-supporting-text91, .slide-out-component-title9 {
  white-space: nowrap;
  align-self: stretch;
  position: relative;
}

.slide-out-component-title9 {
  color: inherit;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.slide-out-component-supporting-text91 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.slide-out-component-content71, .slide-out-component-text-and-supporting-text26 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.slide-out-component-content71 {
  flex-direction: row;
  gap: 16px;
  position: absolute;
  top: 24px;
  left: 24px;
  margin: 0 !important;
}

.slide-out-component-button-close-x6, .slide-out-component-slide-out-menu-header {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.slide-out-component-button-close-x6 {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 8px 0;
  position: absolute;
  top: 22px;
  right: 26px;
  overflow: hidden;
  margin: 0 !important;
}

.slide-out-component-slide-out-menu-header {
  text-align: left;
  color: #101828;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  height: 78px;
  padding: 0 24px;
  font-family: Inter;
  font-size: 20px;
  position: relative;
}

.slide-out-component-label9 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.slide-out-component-content72 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 194px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.slide-out-component-help-icon2 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.slide-out-component-input6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.slide-out-component-hint-text6 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.slide-out-component-input-field {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.slide-out-component-label10 {
  min-width: 94px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.slide-out-component-mail-01-icon, .slide-out-component-text274 {
  position: relative;
  overflow: hidden;
}

.slide-out-component-mail-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.slide-out-component-text274 {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 36px);
  min-width: 163px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.slide-out-component-content73 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.slide-out-component-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.slide-out-component-form, .slide-out-component-input-field1, .slide-out-component-input7 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.slide-out-component-input7 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.slide-out-component-form, .slide-out-component-input-field1 {
  flex-direction: column;
}

.slide-out-component-input-field1 {
  align-items: flex-start;
  gap: 6px;
}

.slide-out-component-form {
  align-items: flex-end;
}

.slide-out-component-label11, .slide-out-component-label12 {
  min-width: 108px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.slide-out-component-label12 {
  min-width: 69px;
}

.slide-out-component-section2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.slide-out-component-divider12, .slide-out-component-section-container {
  align-self: stretch;
  max-width: 100%;
}

.slide-out-component-section-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.slide-out-component-divider12 {
  background-color: #eaecf0;
  flex: 1;
  position: relative;
}

.slide-out-component-divider-wrapper, .slide-out-component-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.slide-out-component-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  height: 1px;
  padding: 0 24px;
}

.slide-out-component-slide-out-menu-header-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  gap: 24px;
  font-family: Inter;
  font-size: 14px;
}

.slide-out-component-placeholder-icon91 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.slide-out-component-text275 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.slide-out-component-buttonsbutton49, .slide-out-component-text-padding51 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.slide-out-component-buttonsbutton49 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.slide-out-component-text276 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.slide-out-component-actions19, .slide-out-component-buttonsbutton50 {
  flex-direction: row;
  display: flex;
}

.slide-out-component-buttonsbutton50 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.slide-out-component-actions19 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 179px;
}

.slide-out-component-content76, .slide-out-component-footer2 {
  align-self: stretch;
  align-items: center;
  display: flex;
}

.slide-out-component-content76 {
  flex-direction: row;
  justify-content: flex-end;
  padding: 16px 24px;
}

.slide-out-component-footer2 {
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
}

.slide-out-component-panel {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 24px -4px #10182814, 0 8px 8px -4px #10182808;
}

@media screen and (width <= 400px) {
  .slide-out-component-panel {
    gap: 216px;
  }
}

.contact-featured-icon2 {
  border-radius: 8px;
  padding-top: 3px;
  position: relative;
}

.contact-supporting-text91, .contact-title9 {
  white-space: nowrap;
  align-self: stretch;
  position: relative;
}

.contact-title9 {
  color: inherit;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.contact-supporting-text91 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.contact-content71, .contact-text-and-supporting-text26 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.contact-content71 {
  flex-direction: row;
  gap: 16px;
  position: absolute;
  top: 24px;
  left: 24px;
  margin: 0 !important;
}

.contact-button-close-x6, .contact-slide-out-menu-header {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.contact-button-close-x6 {
  z-index: 1;
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 8px 0;
  position: absolute;
  top: 27px;
  right: 26px;
  overflow: hidden;
  margin: 0 !important;
}

.contact-slide-out-menu-header {
  text-align: left;
  color: #101828;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  height: 78px;
  padding: 0 24px;
  font-family: Inter;
  font-size: 20px;
  position: relative;
}

.contact-label9 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-content72 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 194px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.contact-help-icon2 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.contact-input6 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-input6:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.contact-input6:hover {
  border-color: #7e56d9;
}

.contact-input6a {
  box-sizing: border-box;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"%3E%3Cpath fill=\"gray\" d=\"M10 12l-6-6h12z\"/%3E%3C/svg%3E");
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: none;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-input6a:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.contact-input6a:hover {
  border-color: #7e56d9;
}

.contact-hint-text6 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.contact-input-field {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.contact-label10 {
  min-width: 94px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-mail-01-icon, .contact-text274 {
  position: relative;
  overflow: hidden;
}

.contact-mail-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.contact-text274 {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 80%;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.contact-content73 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.contact-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.contact-form, .contact-input-field1, .contact-input7 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.contact-input7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 50%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-input7:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.contact-input7:hover {
  border-color: #7e56d9;
}

.contact-email-domain {
  color: #475467;
  width: 50%;
  padding: 9px 0 0 8px;
  line-height: 20px;
  position: relative;
}

.contact-email-card {
  flex-direction: row;
  display: flex;
}

.contact-form, .contact-input-field1 {
  flex-direction: column;
}

.contact-input-field1 {
  align-items: flex-start;
  gap: 6px;
}

.contact-form {
  align-items: flex-end;
}

.contact-label11, .contact-label12 {
  min-width: 108px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-label12 {
  min-width: 69px;
}

.contact-section2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.contact-divider12, .contact-section-container {
  align-self: stretch;
  max-width: 100%;
}

.contact-section-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.contact-divider12 {
  background-color: #eaecf0;
  flex: 1;
  position: relative;
}

.contact-divider-wrapper, .contact-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.contact-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  height: 1px;
  padding: 0 24px;
}

.contact-slide-out-menu-header-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  gap: 24px;
  font-family: Inter;
  font-size: 14px;
}

.contact-placeholder-icon91 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.contact-text275 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-buttonsbutton49, .contact-text-padding51 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.contact-buttonsbutton49 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-buttonsbutton49:hover {
  background-color: #f9fafb;
}

.contact-text276 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.contact-actions19, .contact-buttonsbutton50 {
  flex-direction: row;
  display: flex;
}

.contact-buttonsbutton50 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.contact-buttonsbutton50:hover {
  background-color: #6941c6;
}

.contact-actions19 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.contact-content76, .contact-footer2 {
  align-self: stretch;
  align-items: center;
  display: flex;
}

.contact-content76 {
  flex-direction: row;
  justify-content: flex-end;
  padding: 16px 24px;
}

.contact-footer2 {
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
}

.contact-panel {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 24px -4px #10182814, 0 8px 8px -4px #10182808;
}

.contact-slide-out-menu {
  letter-spacing: normal;
  box-sizing: border-box;
  z-index: 3;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 100%;
  line-height: normal;
  transition: transform .3s ease-in-out;
  display: flex;
  position: absolute;
  right: 3px;
}

.contact-slide-out-menu.open {
  transform: translateX(0);
}

@media screen and (width <= 400px) {
  .contact-panel {
    gap: 216px;
  }
}

.no-table-data-display-button-link {
  align-items: center;
  display: flex;
}

.no-table-data-display-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  height: 300px;
  max-height: 100%;
  position: relative;
  left: 50px;
}

.no-table-data-display-supporting-text, .no-table-data-display-title {
  align-self: stretch;
  position: relative;
}

.no-table-data-display-title {
  font-weight: 600;
  line-height: 30px;
}

.no-table-data-display-supporting-text {
  color: #475467;
  padding-left: 33px;
  font-size: 16px;
  line-height: 24px;
}

.no-table-data-display-content, .no-table-data-display-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-table-data-display-text-and-supporting-text {
  gap: 8px;
}

.no-table-data-display-content {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.no-table-data-display-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-table-data-display-text {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-table-data-display-buttonsbutton, .no-table-data-display-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-table-data-display-buttonsbutton {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-table-data-display-plus-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-table-data-display-text1 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-table-data-display-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-table-data-display-buttonsbutton1:hover {
  background-color: #6941c6;
}

.no-table-data-display-actions, .no-table-data-display-empty-state1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-table-data-display-actions {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 0 20px;
}

.no-table-data-display-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
}

.no-table-data-display-empty-state, .no-table-data-display-no-table-data-display {
  background-color: #fff;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.no-table-data-display-empty-state {
  box-sizing: border-box;
  text-align: center;
  color: #101828;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  font-family: Inter;
  font-size: 20px;
}

.no-table-data-display-no-table-data-display {
  letter-spacing: normal;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 550px) {
  .no-table-data-display-empty-state1 {
    gap: 16px;
  }

  .no-table-data-display-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-table-data-display-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.sales-iq-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.sales-iq-main-custom {
  width: 100% !important;
}

.sales-iq-search-lg-icon-custom {
  cursor: pointer;
}

.sales-iq-sales-iq-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.sales-iq-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.sales-iq-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-badge1, .sales-iq-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sales-iq-navigation, .sales-iq-search-input {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.sales-iq-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-content3, .sales-iq-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-content3 {
  flex: 1;
  gap: 8px;
}

.sales-iq-divider-icon, .sales-iq-home-line-icon {
  position: relative;
  overflow: hidden;
}

.sales-iq-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.sales-iq-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sales-iq-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-content12, .sales-iq-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.sales-iq-content5, .sales-iq-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.sales-iq-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.sales-iq-supporting-text, .sales-iq-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sales-iq-title {
  font-weight: 600;
}

.sales-iq-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.sales-iq-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.sales-iq-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.sales-iq-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.sales-iq-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.sales-iq-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-breadcrumb-button-base4 {
  color: #344054;
  background-color: #0000;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.sales-iq-tabs {
  gap: 8px;
}

.sales-iq-breadcrumbs, .sales-iq-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-heading, .sales-iq-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.sales-iq-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.sales-iq-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.sales-iq-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-button, .sales-iq-button1, .sales-iq-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.sales-iq-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.sales-iq-button1, .sales-iq-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.sales-iq-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.sales-iq-actions, .sales-iq-button2, .sales-iq-button3 {
  flex-direction: row;
  align-items: center;
}

.sales-iq-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.sales-iq-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-button4, .sales-iq-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.sales-iq-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-button6, .sales-iq-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-content13, .sales-iq-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  position: relative;
}

.sales-iq-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.sales-iq-content13, .sales-iq-divider-icon1, .sales-iq-page-header {
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-button-group-base1, .sales-iq-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-button-group-base2 {
  width: 77px;
}

.sales-iq-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.sales-iq-button-group-base3, .sales-iq-button-group-base4, .sales-iq-button-group-base5, .sales-iq-button-group-base6, .sales-iq-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.sales-iq-button-group-base4, .sales-iq-button-group-base5, .sales-iq-button-group-base6, .sales-iq-button-group-base7 {
  z-index: 4;
}

.sales-iq-button-group-base5, .sales-iq-button-group-base6, .sales-iq-button-group-base7 {
  z-index: 3;
}

.sales-iq-button-group-base6, .sales-iq-button-group-base7 {
  z-index: 2;
}

.sales-iq-button-group-base7 {
  z-index: 1;
}

.sales-iq-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-button-group, .sales-iq-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.sales-iq-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.sales-iq-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-buttonsbutton1:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sales-iq-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-actions2, .sales-iq-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.sales-iq-container, .sales-iq-header-section, .sales-iq-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.sales-iq-container, .sales-iq-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.sales-iq-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.sales-iq-header-section {
  flex-shrink: 0;
}

.sales-iq-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.sales-iq-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-color2, .sales-iq-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-color3 {
  background-color: #17b26a;
}

.sales-iq-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.sales-iq-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sales-iq-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.sales-iq-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.sales-iq-divider, .sales-iq-y-axis-line, .sales-iq-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.sales-iq-y-axis-line, .sales-iq-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.sales-iq-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.sales-iq-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.sales-iq-y-axis, .sales-iq-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.sales-iq-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.sales-iq-jan, .sales-iq-jul, .sales-iq-jun, .sales-iq-mar, .sales-iq-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-jul, .sales-iq-jun, .sales-iq-mar, .sales-iq-may {
  min-width: 23px;
}

.sales-iq-jul, .sales-iq-jun, .sales-iq-may {
  min-width: 25px;
}

.sales-iq-jul, .sales-iq-jun {
  min-width: 22px;
}

.sales-iq-jul {
  min-width: 17px;
}

.sales-iq-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.sales-iq-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.sales-iq-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-line-and-bar-chart, .sales-iq-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-line-and-bar-chart {
  flex: 1;
}

.sales-iq-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
  margin-top: -12px !important;
}

.sales-iq-heading1, .sales-iq-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sales-iq-number {
  white-space: nowrap;
  line-height: 38px;
}

.dashboard-last10-change {
  color: #666;
  font-size: 12px;
}

.sales-iq-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sales-iq-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-change-and-text, .sales-iq-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
  margin-top: -5px;
}

.sales-iq-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.sales-iq-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-dropdown, .sales-iq-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.sales-iq-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: none;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-change-and-text1, .sales-iq-container1, .sales-iq-metric-group, .sales-iq-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sales-iq-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-container1, .sales-iq-metric-group, .sales-iq-section {
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
}

.sales-iq-metric-group {
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: #7e56d9 transparent;
  flex-wrap: nowrap;
  gap: 24px;
  padding-bottom: 16px;
  display: flex;
  overflow-x: auto;
}

.sales-iq-metric-group::-webkit-scrollbar {
  background-color: #0000;
  height: 4px;
}

.sales-iq-metric-group::-webkit-scrollbar-thumb {
  background-color: #7e56d9;
  border-radius: 2px;
}

.sales-iq-metric-group::-webkit-scrollbar-button {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.sales-iq-container1, .sales-iq-section {
  flex-direction: column;
}

.sales-iq-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.sales-iq-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
  margin-top: -20px !important;
}

.sales-iq-separator, .sales-iq-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.sales-iq-separator1 {
  height: 43px;
}

.sales-iq-main, .sales-iq-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.sales-iq-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.sales-iq-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-breadcrumb-button-base6, .sales-iq-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.sales-iq-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.sales-iq-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.sales-iq-breadcrumbs1, .sales-iq-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sales-iq-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.sales-iq-breadcrumbs1 {
  width: 278px;
  display: none;
}

.sales-iq-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.sales-iq-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.sales-iq-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.sales-iq-content16, .sales-iq-input-with-label1, .sales-iq-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sales-iq-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sales-iq-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.sales-iq-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.sales-iq-content15, .sales-iq-page-header-wrapper, .sales-iq-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.sales-iq-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.sales-iq-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.sales-iq-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.sales-iq-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.sales-iq-text49, .sales-iq-text50, .sales-iq-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-text50, .sales-iq-text51 {
  min-width: 62px;
}

.sales-iq-text51 {
  min-width: 34px;
}

.sales-iq-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.sales-iq-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.sales-iq-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.sales-iq-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sales-iq-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.sales-iq-tab-button-base7, .sales-iq-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.sales-iq-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.sales-iq-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.sales-iq-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.sales-iq-horizontal-tabs, .sales-iq-horizontal-tabs-wrapper, .sales-iq-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.sales-iq-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.sales-iq-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.sales-iq-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.sales-iq-dropdown3, .sales-iq-metric-card, .sales-iq-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-dropdown3 {
  z-index: 1;
  flex-direction: column;
  position: relative;
}

.sales-iq-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.sales-iq-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.sales-iq-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.sales-iq-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.sales-iq-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.sales-iq-frame-inner, .sales-iq-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.sales-iq-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.sales-iq-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.sales-iq-heading5, .sales-iq-number4 {
  z-index: 1;
  position: relative;
}

.sales-iq-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.sales-iq-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.sales-iq-badge12, .sales-iq-frame-container, .sales-iq-heading-parent, .sales-iq-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.sales-iq-frame-container, .sales-iq-rectangle-container {
  box-sizing: border-box;
}

.sales-iq-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.sales-iq-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.sales-iq-heading-group {
  gap: 8px;
  width: 153px;
}

.sales-iq-dropdown7, .sales-iq-heading-container, .sales-iq-heading-group, .sales-iq-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-heading-container {
  gap: 8px;
  width: 163px;
}

.sales-iq-dropdown7, .sales-iq-heading-parent1 {
  flex-shrink: 0;
}

.sales-iq-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.sales-iq-dropdown7 {
  z-index: 1;
}

.sales-iq-frame-group, .sales-iq-frame-wrapper, .sales-iq-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.sales-iq-frame-group, .sales-iq-frame-wrapper {
  max-width: 100%;
}

.sales-iq-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.sales-iq-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.sales-iq-text62, .sales-iq-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-text63 {
  min-width: 74px;
}

.sales-iq-buttonsbutton4, .sales-iq-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.sales-iq-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-dropdowns, .sales-iq-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.sales-iq-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-input-dropdown2, .sales-iq-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.sales-iq-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.sales-iq-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.sales-iq-content17, .sales-iq-filters-bar, .sales-iq-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.sales-iq-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.sales-iq-frame-child3, .sales-iq-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.sales-iq-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.sales-iq-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.sales-iq-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.sales-iq-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.sales-iq-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-location-badge, .sales-iq-location-badge-number, .sales-iq-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.sales-iq-location-badge, .sales-iq-type-number {
  box-sizing: border-box;
}

.sales-iq-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.sales-iq-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.sales-iq-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.sales-iq-location-elements, .sales-iq-type-badge-elements, .sales-iq-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.sales-iq-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.sales-iq-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.sales-iq-badge-elements, .sales-iq-badge-elements-wrapper, .sales-iq-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.sales-iq-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.sales-iq-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-action-fields, .sales-iq-card-elements, .sales-iq-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.sales-iq-action-fields, .sales-iq-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.sales-iq-input-elements {
  align-self: stretch;
  gap: 16px;
}

.sales-iq-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.sales-iq-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-frame-wrapper3, .sales-iq-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.sales-iq-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.sales-iq-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.sales-iq-dropdown-elements, .sales-iq-dropdown-options-parent, .sales-iq-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.sales-iq-price-parent {
  flex-direction: column;
  flex: 1;
}

.sales-iq-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.sales-iq-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-content-actions, .sales-iq-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.sales-iq-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.sales-iq-location-column-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 52px;
  height: 52px;
  position: relative;
}

.sales-iq-name, .sales-iq-role {
  display: inline-block;
  position: relative;
}

.sales-iq-name {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 170px;
  font-weight: 600;
  line-height: 23px;
  overflow: hidden;
}

.sales-iq-role {
  color: #6941c6;
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 0;
  max-width: 170px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
}

.sales-iq-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.sales-iq-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.sales-iq-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-buttonsbutton8, .sales-iq-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.sales-iq-buttonsbutton-parent, .sales-iq-primary-table, .sales-iq-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.sales-iq-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.sales-iq-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.sales-iq-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-content-items, .sales-iq-help-avatar, .sales-iq-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.sales-iq-content-items, .sales-iq-rectangle-parent3 {
  box-sizing: border-box;
}

.sales-iq-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.sales-iq-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.sales-iq-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-badge-parent, .sales-iq-badge23, .sales-iq-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.sales-iq-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-badge23, .sales-iq-badge24, .sales-iq-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.sales-iq-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.sales-iq-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.sales-iq-badge24, .sales-iq-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-badge-elements-copy, .sales-iq-badge25, .sales-iq-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.sales-iq-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.sales-iq-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.sales-iq-badge26, .sales-iq-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.sales-iq-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-badge27, .sales-iq-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.sales-iq-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.sales-iq-frame-parent1, .sales-iq-frame-parent2, .sales-iq-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.sales-iq-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.sales-iq-frame-child5, .sales-iq-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.sales-iq-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.sales-iq-frame-child7, .sales-iq-text78 {
  z-index: 2;
  position: relative;
}

.sales-iq-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.sales-iq-text78 {
  font-weight: 600;
  line-height: 28px;
}

.sales-iq-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-location3, .sales-iq-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-type-of-work2 {
  min-width: 109px;
}

.sales-iq-frame-parent12, .sales-iq-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.sales-iq-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.sales-iq-badge29, .sales-iq-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.sales-iq-badge30 {
  width: 76px;
}

.sales-iq-badge-container, .sales-iq-badge30, .sales-iq-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.sales-iq-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-badge-container, .sales-iq-badge32, .sales-iq-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.sales-iq-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.sales-iq-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge33, .sales-iq-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.sales-iq-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-price2, .sales-iq-text83 {
  position: relative;
}

.sales-iq-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.sales-iq-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-radar-1-1-container, .sales-iq-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.sales-iq-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.sales-iq-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.sales-iq-name2, .sales-iq-role2 {
  display: inline-block;
  position: relative;
}

.sales-iq-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.sales-iq-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.sales-iq-buttonsbutton13, .sales-iq-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.sales-iq-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.sales-iq-buttonsbutton14, .sales-iq-buttonsbutton15, .sales-iq-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.sales-iq-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.sales-iq-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.sales-iq-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.sales-iq-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-frame-wrapper16, .sales-iq-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.sales-iq-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.sales-iq-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.sales-iq-divider-icon5, .sales-iq-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.sales-iq-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.sales-iq-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.sales-iq-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.sales-iq-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge34, .sales-iq-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.sales-iq-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-badge36, .sales-iq-badge37, .sales-iq-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.sales-iq-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.sales-iq-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.sales-iq-badge38, .sales-iq-frame-parent26, .sales-iq-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.sales-iq-badge39, .sales-iq-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.sales-iq-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-element-details-child, .sales-iq-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.sales-iq-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.sales-iq-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.sales-iq-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.sales-iq-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.sales-iq-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-date-icon, .sales-iq-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-type-label {
  color: #101828;
  font-size: 14px;
}

.sales-iq-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.sales-iq-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-work-type-icon, .sales-iq-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.sales-iq-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.sales-iq-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.sales-iq-action-icons, .sales-iq-calendar-icon6, .sales-iq-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.sales-iq-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.sales-iq-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.sales-iq-element-actions, .sales-iq-element-details-parent, .sales-iq-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.sales-iq-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.sales-iq-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.sales-iq-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.sales-iq-frame-parent32, .sales-iq-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.sales-iq-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.sales-iq-dropdown-parent1, .sales-iq-frame-parent31, .sales-iq-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.sales-iq-dropdown-parent1, .sales-iq-frame-parent31 {
  align-items: flex-end;
}

.sales-iq-frame-parent31 {
  flex: 1;
}

.sales-iq-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.sales-iq-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.sales-iq-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.sales-iq-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.sales-iq-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.sales-iq-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.sales-iq-span {
  font-weight: 500;
}

.sales-iq-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.sales-iq-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-frame-parent36, .sales-iq-frame-parent37, .sales-iq-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-frame-parent37, .sales-iq-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.sales-iq-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.sales-iq-text105, .sales-iq-text106, .sales-iq-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-text105, .sales-iq-text106 {
  display: inline-block;
}

.sales-iq-text105 {
  min-width: 103px;
}

.sales-iq-text106 {
  flex-shrink: 0;
  width: 151px;
}

.sales-iq-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.sales-iq-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.sales-iq-supporting-text20, .sales-iq-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-supporting-text20 {
  min-width: 70.9px;
}

.sales-iq-supporting-text21 {
  width: 104px;
}

.sales-iq-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.sales-iq-frame-parent33, .sales-iq-frame-parent34, .sales-iq-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.sales-iq-frame-parent33, .sales-iq-frame-parent34 {
  flex: 1;
}

.sales-iq-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.sales-iq-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.sales-iq-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-buttonsbutton-wrapper, .sales-iq-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.sales-iq-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-dropdown-parent2, .sales-iq-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.sales-iq-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.sales-iq-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.sales-iq-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.sales-iq-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.sales-iq-content-items5, .sales-iq-frame-child16, .sales-iq-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.sales-iq-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.sales-iq-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.sales-iq-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.sales-iq-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.sales-iq-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.sales-iq-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.sales-iq-frame-parent39, .sales-iq-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.sales-iq-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.sales-iq-dropdown14, .sales-iq-text112 {
  z-index: 1;
  position: absolute;
}

.sales-iq-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.sales-iq-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.sales-iq-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-price6, .sales-iq-text113 {
  z-index: 1;
  position: relative;
}

.sales-iq-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.sales-iq-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.sales-iq-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.sales-iq-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.sales-iq-frame-parent46, .sales-iq-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.sales-iq-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.sales-iq-frame-parent45, .sales-iq-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.sales-iq-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.sales-iq-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.sales-iq-card-container-child, .sales-iq-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.sales-iq-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.sales-iq-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.sales-iq-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.sales-iq-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.sales-iq-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-dropdown15, .sales-iq-item-title {
  z-index: 2;
  position: absolute;
}

.sales-iq-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.sales-iq-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.sales-iq-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.sales-iq-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.sales-iq-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.sales-iq-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.sales-iq-card-container, .sales-iq-card-list, .sales-iq-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.sales-iq-card-container, .sales-iq-card-list {
  align-items: flex-start;
}

.sales-iq-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.sales-iq-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.sales-iq-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.sales-iq-frame-wrapper37, .sales-iq-price-wrapper, .sales-iq-text-wrapper18, .sales-iq-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.sales-iq-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.sales-iq-frame-wrapper37, .sales-iq-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.sales-iq-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.sales-iq-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.sales-iq-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.sales-iq-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.sales-iq-buttonsbutton-frame, .sales-iq-frame-parent64, .sales-iq-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.sales-iq-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.sales-iq-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.sales-iq-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-change7, .sales-iq-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-change7 {
  min-width: 38px;
  display: inline-block;
}

.sales-iq-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.sales-iq-change-and-text3, .sales-iq-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.sales-iq-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-dropdown19, .sales-iq-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-dropdown19 {
  position: relative;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-buttonsbutton25, .sales-iq-buttonsbutton26, .sales-iq-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.sales-iq-buttonsbutton25, .sales-iq-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.sales-iq-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.sales-iq-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-arrow-square-up-right-wrapper1, .sales-iq-buttonsbutton-parent1, .sales-iq-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.sales-iq-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.sales-iq-divider-container1, .sales-iq-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.sales-iq-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.sales-iq-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-buttonsbutton-wrapper1, .sales-iq-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.sales-iq-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sales-iq-badge46, .sales-iq-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.sales-iq-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.sales-iq-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-actions3, .sales-iq-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.sales-iq-content20, .sales-iq-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-card-header, .sales-iq-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.sales-iq-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.sales-iq-button-group-base9, .sales-iq-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.sales-iq-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.sales-iq-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.sales-iq-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-button-group-base10, .sales-iq-button-group-base11, .sales-iq-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.sales-iq-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.sales-iq-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.sales-iq-content22, .sales-iq-input-with-label3, .sales-iq-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.sales-iq-input-with-label3, .sales-iq-input3 {
  align-self: stretch;
}

.sales-iq-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.sales-iq-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sales-iq-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.sales-iq-actions4, .sales-iq-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.sales-iq-content-items9, .sales-iq-content21, .sales-iq-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.sales-iq-content-items9, .sales-iq-filters-bar1 {
  justify-content: flex-start;
}

.sales-iq-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.sales-iq-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.sales-iq-badge-number1, .sales-iq-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.sales-iq-badge47, .sales-iq-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.sales-iq-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-actions5, .sales-iq-card-header1, .sales-iq-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.sales-iq-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.sales-iq-card-header1, .sales-iq-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.sales-iq-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.sales-iq-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.sales-iq-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.sales-iq-checkbox-wrapper, .sales-iq-sub-nav-items-wrapper, .sales-iq-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.sales-iq-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.sales-iq-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.sales-iq-avatar2, .sales-iq-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.sales-iq-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.sales-iq-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.sales-iq-account-button, .sales-iq-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-account-button {
  min-width: 75px;
  font-weight: 500;
}

.sales-iq-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.sales-iq-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-contrast-border6, .sales-iq-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.sales-iq-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -380px;
  overflow-x: auto;
}

.sales-iq-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.sales-iq-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sales-iq-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.sales-iq-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-button-upload, .sales-iq-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.sales-iq-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-table-cell6, .sales-iq-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.sales-iq-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-header, .sales-iq-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-table-header {
  gap: 4px;
}

.sales-iq-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.sales-iq-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell15, .sales-iq-table-cell16, .sales-iq-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-table-cell16, .sales-iq-table-cell18 {
  width: 271px;
}

.sales-iq-table-cell18 {
  width: 239px;
}

.sales-iq-column, .sales-iq-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.sales-iq-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.sales-iq-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.sales-iq-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.sales-iq-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-user-cell2, .sales-iq-user-cell3, .sales-iq-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-user-cell3, .sales-iq-user-cell4 {
  min-width: 84px;
}

.sales-iq-user-cell4 {
  min-width: 82px;
}

.sales-iq-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.sales-iq-user-cell5, .sales-iq-user-cell6, .sales-iq-user-cell7 {
  line-height: 20px;
  position: relative;
}

.sales-iq-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.sales-iq-user-cell7 {
  white-space: nowrap;
}

.sales-iq-column1, .sales-iq-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.sales-iq-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.sales-iq-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell30, .sales-iq-table-header-cell3, .sales-iq-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.sales-iq-table-cell30, .sales-iq-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.sales-iq-table-header-cell3 {
  background-color: #f9fafb;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.sales-iq-table-cell30 {
  padding: 26px 50px 24px;
}

.sales-iq-column2, .sales-iq-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.sales-iq-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-button-wrap, .sales-iq-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.sales-iq-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.sales-iq-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-content24, .sales-iq-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-content24 {
  padding: 10px 16px;
}

.sales-iq-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.sales-iq-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-content25, .sales-iq-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-content25 {
  padding: 10px 15px;
}

.sales-iq-pagination-number-base1 {
  overflow: hidden;
}

.sales-iq-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-content26, .sales-iq-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-content26 {
  padding: 10px 15px;
}

.sales-iq-pagination-number-base2 {
  overflow: hidden;
}

.sales-iq-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.sales-iq-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-content30, .sales-iq-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.sales-iq-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.sales-iq-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-button-wrap1, .sales-iq-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.sales-iq-pagination, .sales-iq-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.sales-iq-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.sales-iq-content-items10, .sales-iq-content-items11, .sales-iq-table-cell40, .sales-iq-table-cell41, .sales-iq-table-cell42, .sales-iq-table-header-cell4 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.sales-iq-table-cell40, .sales-iq-table-cell41, .sales-iq-table-cell42, .sales-iq-table-header-cell4 {
  border-bottom: 1px solid #eaecf0;
  gap: 12px;
  position: absolute;
  left: 0;
}

.sales-iq-table-header-cell4 {
  color: #475467;
  background-color: #f9fafb;
  width: 100%;
  max-width: 100%;
  padding: 12px 24px 10px;
  font-size: 12px;
  top: 0;
}

.sales-iq-table-cell40, .sales-iq-table-cell41, .sales-iq-table-cell42 {
  width: 245px;
  padding: 16px 24px 14px;
  top: 44px;
  overflow-x: auto;
}

.sales-iq-table-cell41, .sales-iq-table-cell42 {
  width: 252px;
  top: 116px;
}

.sales-iq-table-cell42 {
  top: 188px;
}

.sales-iq-table-cell43 {
  width: 252px;
  top: 260px;
}

.sales-iq-table-cell43, .sales-iq-table-cell44, .sales-iq-table-cell45 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.sales-iq-table-cell44 {
  text-align: center;
  color: #667085;
  width: 311px;
  font-size: 16px;
  top: 332px;
}

.sales-iq-table-cell45 {
  width: 260px;
  top: 404px;
}

.sales-iq-table-cell46 {
  box-sizing: border-box;
  width: 252px;
  top: 476px;
}

.sales-iq-table-cell46, .sales-iq-table-cell47, .sales-iq-table-cell48, .sales-iq-table-cell49 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.sales-iq-table-cell47 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  width: 242px;
  font-size: 16px;
  top: 548px;
}

.sales-iq-table-cell48, .sales-iq-table-cell49 {
  top: 620px;
}

.sales-iq-table-cell49 {
  box-sizing: border-box;
  z-index: 1;
  width: 242px;
  top: 692px;
}

.sales-iq-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.sales-iq-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.sales-iq-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell50, .sales-iq-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.sales-iq-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.sales-iq-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.sales-iq-column3, .sales-iq-table-cell52, .sales-iq-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.sales-iq-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.sales-iq-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.sales-iq-marker-pin-02-group, .sales-iq-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-marker-pin-02-group {
  gap: 7px;
}

.sales-iq-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.sales-iq-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.sales-iq-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.sales-iq-column-wrapper, .sales-iq-column4, .sales-iq-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.sales-iq-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.sales-iq-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.sales-iq-column5, .sales-iq-column6, .sales-iq-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.sales-iq-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.sales-iq-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-column-parent, .sales-iq-frame-parent74, .sales-iq-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.sales-iq-frame-parent74, .sales-iq-pagination1 {
  align-self: stretch;
}

.sales-iq-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.sales-iq-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.sales-iq-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-badge50, .sales-iq-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.sales-iq-content-items14, .sales-iq-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.sales-iq-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.sales-iq-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-button-group-base27, .sales-iq-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.sales-iq-button-group-base28 {
  background-color: #fff;
}

.sales-iq-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.sales-iq-filter-bar-container, .sales-iq-frame-parent, .sales-iq-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.sales-iq-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.sales-iq-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.sales-iq-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.sales-iq-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.sales-iq-buttonsbutton33, .sales-iq-content45, .sales-iq-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.sales-iq-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.sales-iq-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-actions11, .sales-iq-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.sales-iq-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.sales-iq-empty-state, .sales-iq-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.sales-iq-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.sales-iq-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.sales-iq-empty-state-wrapper, .sales-iq-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.sales-iq-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.sales-iq-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.sales-iq-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.sales-iq-content46, .sales-iq-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.sales-iq-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.sales-iq-add, .sales-iq-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-learn-more {
  min-width: 88px;
}

.sales-iq-actions12, .sales-iq-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.sales-iq-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.sales-iq-empty-state-container, .sales-iq-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.sales-iq-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.sales-iq-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.sales-iq-sales-iq-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.sales-iq-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.sales-iq-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-listings-dropdown-container {
  display: inline-block;
  position: relative;
}

.sales-iq-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
}

.sales-iq-dropdown-wrapper.open-upwards {
  top: auto;
  bottom: calc(100% + 4px);
}

.sales-iq-dropdown-wrapper {
  transition: transform .2s;
}

@media screen and (width <= 1275px) {
  .sales-iq-all, .sales-iq-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .sales-iq-all {
    padding-bottom: 67px;
  }

  .sales-iq-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .sales-iq-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .sales-iq-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .sales-iq-content-elements-parent, .sales-iq-content17, .sales-iq-frame-group, .sales-iq-rectangle-parent10, .sales-iq-rectangle-parent5, .sales-iq-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .sales-iq-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .sales-iq-frame-wrapper31 {
    flex: 1;
  }

  .sales-iq-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .sales-iq-list-item-parent {
    flex: 1;
  }

  .sales-iq-card-list, .sales-iq-content20, .sales-iq-content21, .sales-iq-metric-item-parent {
    flex-wrap: wrap;
  }

  .sales-iq-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .sales-iq-content23, .sales-iq-frame-parent73, .sales-iq-frame-parent74 {
    flex-wrap: wrap;
  }

  .sales-iq-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .sales-iq-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-content13 {
    gap: 17px;
  }

  .sales-iq-tabs-and-filters {
    flex-wrap: wrap;
  }

  .sales-iq-jul {
    width: 100%;
    height: 17px;
  }

  .sales-iq-x-axis {
    flex-wrap: wrap;
  }

  .sales-iq-number {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-main {
    gap: 16px;
  }

  .sales-iq-number3, .sales-iq-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .sales-iq-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .sales-iq-badge-elements, .sales-iq-card-elements, .sales-iq-dropdowns, .sales-iq-location-badge-number {
    flex-wrap: wrap;
  }

  .sales-iq-action-fields {
    min-width: 100%;
  }

  .sales-iq-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-frame-parent2, .sales-iq-primary-table {
    flex-wrap: wrap;
  }

  .sales-iq-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-frame-parent17, .sales-iq-frame-parent18, .sales-iq-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-element-details, .sales-iq-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .sales-iq-action-icons, .sales-iq-element-details-parent {
    flex-wrap: wrap;
  }

  .sales-iq-icon-button {
    gap: 17px;
  }

  .sales-iq-icon-button, .sales-iq-sidebar1 {
    flex-wrap: wrap;
  }

  .sales-iq-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-rectangle-parent11 {
    gap: 16px;
  }

  .sales-iq-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .sales-iq-frame-parent39 {
    min-width: 100%;
  }

  .sales-iq-frame-wrapper31 {
    margin-left: 0;
  }

  .sales-iq-card-row {
    min-width: 100%;
  }

  .sales-iq-list-item-parent {
    margin-left: 0;
  }

  .sales-iq-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .sales-iq-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .sales-iq-text-and-supporting-text2 {
    min-width: 100%;
  }

  .sales-iq-actions4 {
    flex-wrap: wrap;
  }

  .sales-iq-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .sales-iq-text-and-supporting-text3 {
    min-width: 100%;
  }

  .sales-iq-actions5, .sales-iq-table-cell51, .sales-iq-table-cell52 {
    flex-wrap: wrap;
  }

  .sales-iq-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .sales-iq-frame-parent, .sales-iq-text-and-supporting-text16 {
    min-width: 100%;
  }

  .sales-iq-empty-state3 {
    gap: 16px;
  }

  .sales-iq-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .sales-iq-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .sales-iq-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .sales-iq-actions {
    flex-wrap: wrap;
  }

  .sales-iq-number {
    font-size: 18px;
    line-height: 23px;
  }

  .sales-iq-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sales-iq-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .sales-iq-number3, .sales-iq-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .sales-iq-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-price {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .sales-iq-date-elements-parent {
    flex: 1;
  }

  .sales-iq-badge-container, .sales-iq-frame-parent12 {
    flex-wrap: wrap;
  }

  .sales-iq-badge-group {
    height: auto;
    min-height: 104px;
  }

  .sales-iq-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-work-type-icon {
    flex: 1;
  }

  .sales-iq-calendar-icon6 {
    flex-wrap: wrap;
  }

  .sales-iq-work-type-label {
    margin-left: 0;
  }

  .sales-iq-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-frame-parent36, .sales-iq-frame-parent42 {
    flex-wrap: wrap;
  }

  .sales-iq-price5, .sales-iq-price6, .sales-iq-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-frame-parent64 {
    flex-wrap: wrap;
  }

  .sales-iq-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .sales-iq-content22, .sales-iq-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-input-dropdown3 {
    max-width: 100%;
  }

  .sales-iq-table-cell50, .sales-iq-table-cell53 {
    flex-wrap: wrap;
  }

  .sales-iq-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .sales-iq-column5, .sales-iq-column6 {
    flex: 1;
  }

  .sales-iq-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .sales-iq-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .sales-iq-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .sales-iq-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.sales-iq-spare-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.sales-iq-spare-component-listing-container::-webkit-scrollbar {
  display: none;
}

.sales-iq-spare-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.sales-iq-spare-component-sales-iq-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-spare-component-sales-iq-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-spare-component-sales-iq-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.sales-iq-spare-component-sales-iq-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.sales-iq-spare-component-sales-iq-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-spare-component-sales-iq-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.sales-iq-spare-component-sales-iq-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.sales-iq-spare-component-sales-iq-text78:hover {
  text-decoration: underline;
}

.sales-iq-spare-component-sales-iq-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-spare-component-sales-iq-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.sales-iq-spare-component-sales-iq-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-spare-component-sales-iq-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-spare-component-sales-iq-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.sales-iq-spare-component-sales-iq-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-spare-component-sales-iq-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-spare-component-sales-iq-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-spare-component-sales-iq-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-spare-component-sales-iq-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-spare-component-sales-iq-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-spare-component-sales-iq-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-spare-component-sales-iq-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-spare-component-sales-iq-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-spare-component-sales-iq-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-spare-component-sales-iq-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-spare-component-sales-iq-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-spare-component-sales-iq-divider-icon8 {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-spare-component-sales-iq-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.sales-iq-spare-component-sales-iq-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-spare-component-sales-iq-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-spare-component-sales-iq-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-spare-component-sales-iq-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-spare-component-sales-iq-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-spare-component-sales-iq-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-spare-component-sales-iq-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-spare-component-sales-iq-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.sales-iq-spare-component-sales-iq-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-spare-component-sales-iq-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-spare-component-sales-iq-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-buttonsbutton25, .sales-iq-spare-component-sales-iq-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-spare-component-sales-iq-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-spare-component-sales-iq-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-spare-component-sales-iq-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-spare-component-sales-iq-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 6px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-spare-component-sales-iq-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-spare-component-sales-iq-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.sales-iq-spare-component-sales-iq-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.sales-iq-spare-component-sales-iq-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.sales-iq-spare-component-sales-iq-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.sales-iq-spare-component-sales-iq-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-spare-component-sales-iq-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .sales-iq-spare-component-sales-iq-rectangle-parent5, .sales-iq-spare-component-sales-iq-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-spare-component-sales-iq-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-spare-component-sales-iq-action-fields {
    min-width: 100%;
  }

  .sales-iq-spare-component-sales-iq-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-spare-component-sales-iq-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-spare-component-sales-iq-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-spare-component-sales-iq-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-spare-component-sales-iq-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-spare-component-sales-iq-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.sales-iq-service-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.sales-iq-service-component-listing-container::-webkit-scrollbar {
  display: none;
}

.sales-iq-service-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.sales-iq-service-component-sales-iq-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-service-component-sales-iq-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.sales-iq-service-component-sales-iq-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-service-component-sales-iq-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-service-component-sales-iq-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.sales-iq-service-component-sales-iq-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.sales-iq-service-component-sales-iq-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-service-component-sales-iq-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.sales-iq-service-component-sales-iq-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.sales-iq-service-component-sales-iq-text78:hover {
  text-decoration: underline;
}

.sales-iq-service-component-sales-iq-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-service-component-sales-iq-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.sales-iq-service-component-sales-iq-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.sales-iq-service-component-sales-iq-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-service-component-sales-iq-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-service-component-sales-iq-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-service-component-sales-iq-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-service-component-sales-iq-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.sales-iq-service-component-sales-iq-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-service-component-sales-iq-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-service-component-sales-iq-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: max-content;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.sales-iq-service-component-sales-iq-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-service-component-sales-iq-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-service-component-sales-iq-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-service-component-sales-iq-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 160px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-service-component-sales-iq-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.sales-iq-service-component-sales-iq-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-service-component-sales-iq-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-service-component-sales-iq-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-service-component-sales-iq-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.sales-iq-service-component-sales-iq-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.sales-iq-service-component-sales-iq-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-service-component-sales-iq-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-service-component-sales-iq-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-service-component-sales-iq-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-service-component-sales-iq-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.sales-iq-service-component-sales-iq-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-service-component-sales-iq-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.sales-iq-service-component-sales-iq-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-service-component-sales-iq-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-service-component-sales-iq-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-service-component-sales-iq-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.sales-iq-service-component-sales-iq-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-service-component-sales-iq-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.sales-iq-service-component-sales-iq-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-service-component-sales-iq-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-service-component-sales-iq-divider-icon8 {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-service-component-sales-iq-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.sales-iq-service-component-sales-iq-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-service-component-sales-iq-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-service-component-sales-iq-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.sales-iq-service-component-sales-iq-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-service-component-sales-iq-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-service-component-sales-iq-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-service-component-sales-iq-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-service-component-sales-iq-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-service-component-sales-iq-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-service-component-sales-iq-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-service-component-sales-iq-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-service-component-sales-iq-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.sales-iq-service-component-sales-iq-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-service-component-sales-iq-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-service-component-sales-iq-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-buttonsbutton25, .sales-iq-service-component-sales-iq-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-service-component-sales-iq-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-service-component-sales-iq-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-service-component-sales-iq-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-service-component-sales-iq-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 6px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-service-component-sales-iq-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-service-component-sales-iq-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.sales-iq-service-component-sales-iq-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.sales-iq-service-component-sales-iq-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.sales-iq-service-component-sales-iq-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.sales-iq-service-component-sales-iq-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-service-component-sales-iq-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .sales-iq-service-component-sales-iq-rectangle-parent5, .sales-iq-service-component-sales-iq-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-service-component-sales-iq-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-service-component-sales-iq-action-fields {
    min-width: 100%;
  }

  .sales-iq-service-component-sales-iq-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-service-component-sales-iq-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-service-component-sales-iq-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-service-component-sales-iq-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-service-component-sales-iq-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-service-component-sales-iq-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.sales-iq-software-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.sales-iq-software-component-listing-container::-webkit-scrollbar {
  display: none;
}

.sales-iq-software-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.sales-iq-software-component-sales-iq-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-software-component-sales-iq-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.sales-iq-software-component-sales-iq-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-software-component-sales-iq-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-software-component-sales-iq-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.sales-iq-software-component-sales-iq-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.sales-iq-software-component-sales-iq-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-software-component-sales-iq-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.sales-iq-software-component-sales-iq-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.sales-iq-software-component-sales-iq-text78:hover {
  text-decoration: underline;
}

.sales-iq-software-component-sales-iq-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-software-component-sales-iq-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.sales-iq-software-component-sales-iq-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.sales-iq-software-component-sales-iq-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-software-component-sales-iq-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-software-component-sales-iq-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-software-component-sales-iq-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-software-component-sales-iq-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.sales-iq-software-component-sales-iq-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-software-component-sales-iq-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-software-component-sales-iq-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: max-content;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.sales-iq-software-component-sales-iq-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-software-component-sales-iq-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-software-component-sales-iq-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-software-component-sales-iq-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 160px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-software-component-sales-iq-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.sales-iq-software-component-sales-iq-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-software-component-sales-iq-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-software-component-sales-iq-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-software-component-sales-iq-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.sales-iq-software-component-sales-iq-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.sales-iq-software-component-sales-iq-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-software-component-sales-iq-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-software-component-sales-iq-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-software-component-sales-iq-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-software-component-sales-iq-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.sales-iq-software-component-sales-iq-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-software-component-sales-iq-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.sales-iq-software-component-sales-iq-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-software-component-sales-iq-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-software-component-sales-iq-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-software-component-sales-iq-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.sales-iq-software-component-sales-iq-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-software-component-sales-iq-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.sales-iq-software-component-sales-iq-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-software-component-sales-iq-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-software-component-sales-iq-divider-icon8 {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-software-component-sales-iq-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.sales-iq-software-component-sales-iq-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-software-component-sales-iq-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-software-component-sales-iq-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.sales-iq-software-component-sales-iq-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-software-component-sales-iq-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-software-component-sales-iq-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-software-component-sales-iq-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-software-component-sales-iq-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-software-component-sales-iq-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-software-component-sales-iq-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-software-component-sales-iq-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-software-component-sales-iq-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.sales-iq-software-component-sales-iq-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-software-component-sales-iq-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-software-component-sales-iq-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-buttonsbutton25, .sales-iq-software-component-sales-iq-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-software-component-sales-iq-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-software-component-sales-iq-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-software-component-sales-iq-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-software-component-sales-iq-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 6px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-software-component-sales-iq-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-software-component-sales-iq-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.sales-iq-software-component-sales-iq-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.sales-iq-software-component-sales-iq-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.sales-iq-software-component-sales-iq-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.sales-iq-software-component-sales-iq-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-software-component-sales-iq-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .sales-iq-software-component-sales-iq-rectangle-parent5, .sales-iq-software-component-sales-iq-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-software-component-sales-iq-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-software-component-sales-iq-action-fields {
    min-width: 100%;
  }

  .sales-iq-software-component-sales-iq-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-software-component-sales-iq-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-software-component-sales-iq-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-software-component-sales-iq-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-software-component-sales-iq-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-software-component-sales-iq-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.sales-iq-job-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.sales-iq-job-component-listing-container::-webkit-scrollbar {
  display: none;
}

.sales-iq-job-component-sales-iq-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-job-component-sales-iq-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.sales-iq-job-component-sales-iq-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 208px;
  display: none;
  position: relative;
}

.sales-iq-job-component-sales-iq-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-job-component-sales-iq-element-details-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-job-component-sales-iq-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.sales-iq-job-component-sales-iq-element-details-child {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  display: none;
  position: relative;
}

.sales-iq-job-component-sales-iq-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-job-component-sales-iq-element-actions {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.sales-iq-job-component-sales-iq-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.sales-iq-job-component-sales-iq-text78:hover {
  text-decoration: underline;
}

.sales-iq-job-component-sales-iq-action-icons {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.sales-iq-job-component-sales-iq-calendar-icon6 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.sales-iq-job-component-sales-iq-date-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: max-content;
  display: flex;
}

.sales-iq-job-component-sales-iq-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-job-component-sales-iq-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.sales-iq-job-component-sales-iq-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-job-component-sales-iq-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-job-component-sales-iq-type-badge-elements {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-job-component-sales-iq-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-job-component-sales-iq-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-job-component-sales-iq-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.sales-iq-job-component-sales-iq-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-job-component-sales-iq-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-job-component-sales-iq-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-job-component-sales-iq-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-job-component-sales-iq-work-type-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: max-content;
  display: flex;
}

.sales-iq-job-component-sales-iq-location3 {
  z-index: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 163px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-job-component-sales-iq-work-type-value {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  font-size: 14px;
  display: flex;
}

.sales-iq-job-component-sales-iq-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-job-component-sales-iq-text100 {
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-job-component-sales-iq-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-job-component-sales-iq-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-left: -9px;
  display: flex;
}

.sales-iq-job-component-sales-iq-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-job-component-sales-iq-dropdown-parent1 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 22px;
  width: 153px;
  font-size: 12px;
  display: flex;
}

.sales-iq-job-component-sales-iq-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.sales-iq-job-component-sales-iq-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-job-component-sales-iq-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.sales-iq-job-component-sales-iq-frame-parent31 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.sales-iq-job-component-sales-iq-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.sales-iq-job-component-sales-iq-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-job-component-sales-iq-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-job-component-sales-iq-trend-chart-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
  display: flex;
}

.sales-iq-job-component-sales-iq-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 113px;
  display: flex;
}

.sales-iq-job-component-sales-iq-text83 {
  z-index: 3;
  width: 85px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-job-component-sales-iq-frame-parent32 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.sales-iq-job-component-sales-iq-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.sales-iq-job-component-sales-iq-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-job-component-sales-iq-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-job-component-sales-iq-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-job-component-sales-iq-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 34px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .sales-iq-job-component-sales-iq-rectangle-parent10 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-job-component-sales-iq-action-icons, .sales-iq-job-component-sales-iq-element-details-parent {
    flex-wrap: wrap;
  }

  .sales-iq-job-component-sales-iq-element-details, .sales-iq-job-component-sales-iq-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-job-component-sales-iq-calendar-icon6 {
    flex-wrap: wrap;
  }

  .sales-iq-job-component-sales-iq-work-type-icon {
    flex: 1;
  }

  .sales-iq-job-component-sales-iq-work-type-label {
    margin-left: 0;
  }

  .sales-iq-job-component-sales-iq-price4 {
    font-size: 16px;
    line-height: 26px;
  }
}

.sales-iq-device-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.sales-iq-device-component-listing-container::-webkit-scrollbar {
  display: none;
}

.sales-iq-device-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.sales-iq-device-component-sales-iq-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-device-component-sales-iq-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.sales-iq-device-component-sales-iq-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-device-component-sales-iq-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-device-component-sales-iq-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.sales-iq-device-component-sales-iq-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.sales-iq-device-component-sales-iq-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-device-component-sales-iq-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.sales-iq-device-component-sales-iq-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.sales-iq-device-component-sales-iq-text78:hover {
  text-decoration: underline;
}

.sales-iq-device-component-sales-iq-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-device-component-sales-iq-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.sales-iq-device-component-sales-iq-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.sales-iq-device-component-sales-iq-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-device-component-sales-iq-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-device-component-sales-iq-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-device-component-sales-iq-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-device-component-sales-iq-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.sales-iq-device-component-sales-iq-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-device-component-sales-iq-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-device-component-sales-iq-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.sales-iq-device-component-sales-iq-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-device-component-sales-iq-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-device-component-sales-iq-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-device-component-sales-iq-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-device-component-sales-iq-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.sales-iq-device-component-sales-iq-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-device-component-sales-iq-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-device-component-sales-iq-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-device-component-sales-iq-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.sales-iq-device-component-sales-iq-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.sales-iq-device-component-sales-iq-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-device-component-sales-iq-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-device-component-sales-iq-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-device-component-sales-iq-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-device-component-sales-iq-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.sales-iq-device-component-sales-iq-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-device-component-sales-iq-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.sales-iq-device-component-sales-iq-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-device-component-sales-iq-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-device-component-sales-iq-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-device-component-sales-iq-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.sales-iq-device-component-sales-iq-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-device-component-sales-iq-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.sales-iq-device-component-sales-iq-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-device-component-sales-iq-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-device-component-sales-iq-divider-icon8 {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-device-component-sales-iq-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.sales-iq-device-component-sales-iq-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-device-component-sales-iq-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-device-component-sales-iq-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.sales-iq-device-component-sales-iq-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-device-component-sales-iq-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-device-component-sales-iq-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-device-component-sales-iq-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-device-component-sales-iq-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-device-component-sales-iq-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-device-component-sales-iq-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-device-component-sales-iq-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-device-component-sales-iq-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.sales-iq-device-component-sales-iq-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-device-component-sales-iq-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-device-component-sales-iq-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-buttonsbutton25, .sales-iq-device-component-sales-iq-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-device-component-sales-iq-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-device-component-sales-iq-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-device-component-sales-iq-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-device-component-sales-iq-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 6px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-device-component-sales-iq-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-device-component-sales-iq-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.sales-iq-device-component-sales-iq-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.sales-iq-device-component-sales-iq-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.sales-iq-device-component-sales-iq-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.sales-iq-device-component-sales-iq-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-device-component-sales-iq-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .sales-iq-device-component-sales-iq-rectangle-parent5, .sales-iq-device-component-sales-iq-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-device-component-sales-iq-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-device-component-sales-iq-action-fields {
    min-width: 100%;
  }

  .sales-iq-device-component-sales-iq-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-device-component-sales-iq-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-device-component-sales-iq-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-device-component-sales-iq-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-device-component-sales-iq-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-device-component-sales-iq-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.funnel-main-custom {
  width: 100% !important;
}

.funnel-search-lg-icon-custom {
  cursor: pointer;
}

.funnel-funnel-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.funnel-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.funnel-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-badge1, .funnel-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.funnel-navigation, .funnel-search-input {
  justify-content: flex-start;
  display: flex;
}

.funnel-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.funnel-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-content3, .funnel-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-content3 {
  flex: 1;
  gap: 8px;
}

.funnel-divider-icon, .funnel-home-line-icon {
  position: relative;
  overflow: hidden;
}

.funnel-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.funnel-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.funnel-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-content12, .funnel-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.funnel-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.funnel-content5, .funnel-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.funnel-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.funnel-supporting-text, .funnel-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-title {
  font-weight: 600;
}

.funnel-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.funnel-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.funnel-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.funnel-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.funnel-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.funnel-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.funnel-tabs {
  gap: 8px;
}

.funnel-breadcrumbs, .funnel-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-heading, .funnel-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.funnel-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.funnel-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.funnel-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-button, .funnel-button1, .funnel-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.funnel-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.funnel-button1, .funnel-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.funnel-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.funnel-actions, .funnel-button2, .funnel-button3 {
  flex-direction: row;
  align-items: center;
}

.funnel-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.funnel-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-button4, .funnel-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.funnel-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-button6, .funnel-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-content13, .funnel-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.funnel-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.funnel-content13, .funnel-divider-icon1, .funnel-page-header {
  align-self: stretch;
  max-width: 100%;
}

.funnel-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-text31 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-button-group-base1, .funnel-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-button-group-base2 {
  width: 77px;
}

.funnel-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-button-group-base3, .funnel-button-group-base4, .funnel-button-group-base5, .funnel-button-group-base6, .funnel-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.funnel-button-group-base4, .funnel-button-group-base5, .funnel-button-group-base6, .funnel-button-group-base7 {
  z-index: 4;
}

.funnel-button-group-base5, .funnel-button-group-base6, .funnel-button-group-base7 {
  z-index: 3;
}

.funnel-button-group-base6, .funnel-button-group-base7 {
  z-index: 2;
}

.funnel-button-group-base7 {
  z-index: 1;
}

.funnel-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-button-group, .funnel-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.funnel-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.funnel-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-actions2, .funnel-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.funnel-container, .funnel-header-section, .funnel-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.funnel-container, .funnel-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.funnel-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.funnel-header-section {
  flex-shrink: 0;
}

.funnel-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.funnel-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-color2, .funnel-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-color3 {
  background-color: #17b26a;
}

.funnel-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.funnel-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.funnel-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.funnel-divider, .funnel-y-axis-line, .funnel-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.funnel-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.funnel-y-axis-line, .funnel-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.funnel-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.funnel-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.funnel-y-axis, .funnel-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.funnel-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.funnel-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.funnel-jan, .funnel-jul, .funnel-jun, .funnel-mar, .funnel-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-jul, .funnel-jun, .funnel-mar, .funnel-may {
  min-width: 23px;
}

.funnel-jul, .funnel-jun, .funnel-may {
  min-width: 25px;
}

.funnel-jul, .funnel-jun {
  min-width: 22px;
}

.funnel-jul {
  min-width: 17px;
}

.funnel-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.funnel-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.funnel-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.funnel-line-and-bar-chart, .funnel-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-line-and-bar-chart {
  flex: 1;
}

.funnel-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.funnel-heading1, .funnel-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-number {
  white-space: nowrap;
  line-height: 38px;
}

.funnel-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.funnel-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-change-and-text, .funnel-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.funnel-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.funnel-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.funnel-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-dropdown, .funnel-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.funnel-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-change-and-text1, .funnel-container1, .funnel-metric-group, .funnel-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-container1, .funnel-metric-group, .funnel-section {
  align-items: flex-start;
  max-width: 100%;
}

.funnel-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.funnel-container1, .funnel-section {
  flex-direction: column;
}

.funnel-container1 {
  box-sizing: border-box;
}

.funnel-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.funnel-separator, .funnel-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.funnel-separator1 {
  height: 43px;
}

.funnel-main, .funnel-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.funnel-main-wrapper {
  color: #475467;
  z-index: 2;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.funnel-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-breadcrumb-button-base6, .funnel-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.funnel-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.funnel-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.funnel-breadcrumbs1, .funnel-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.funnel-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.funnel-breadcrumbs1 {
  width: 278px;
  display: none;
}

.funnel-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.funnel-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.funnel-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.funnel-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.funnel-content16, .funnel-input-with-label1, .funnel-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.funnel-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.funnel-content15, .funnel-page-header-wrapper, .funnel-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.funnel-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.funnel-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 742px;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.funnel-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.funnel-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.funnel-text49, .funnel-text50, .funnel-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-text50, .funnel-text51 {
  min-width: 62px;
}

.funnel-text51 {
  min-width: 34px;
}

.funnel-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.funnel-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.funnel-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.funnel-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.funnel-tab-button-base7, .funnel-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.funnel-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.funnel-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.funnel-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.funnel-horizontal-tabs, .funnel-horizontal-tabs-wrapper, .funnel-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.funnel-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.funnel-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.funnel-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.funnel-dropdown3, .funnel-metric-card, .funnel-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-dropdown3 {
  z-index: 1;
  flex-direction: column;
  position: relative;
}

.funnel-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.funnel-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.funnel-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.funnel-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.funnel-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.funnel-frame-inner, .funnel-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.funnel-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.funnel-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.funnel-heading5, .funnel-number4 {
  z-index: 1;
  position: relative;
}

.funnel-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.funnel-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.funnel-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.funnel-badge12, .funnel-frame-container, .funnel-heading-parent, .funnel-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.funnel-frame-container, .funnel-rectangle-container {
  box-sizing: border-box;
}

.funnel-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.funnel-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.funnel-heading-group {
  gap: 8px;
  width: 153px;
}

.funnel-dropdown7, .funnel-heading-container, .funnel-heading-group, .funnel-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-heading-container {
  gap: 8px;
  width: 163px;
}

.funnel-dropdown7, .funnel-heading-parent1 {
  flex-shrink: 0;
}

.funnel-heading-parent1 {
  gap: 8px;
  width: 170px;
}

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

.funnel-frame-group, .funnel-frame-wrapper, .funnel-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.funnel-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.funnel-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  scrollbar-width: none;
  -ms-overflow-style: none;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  overflow-x: auto;
}

.funnel-frame-wrapper::-webkit-scrollbar {
  display: none;
}

.funnel-text62, .funnel-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-text63 {
  min-width: 74px;
}

.funnel-buttonsbutton4, .funnel-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.funnel-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-dropdowns, .funnel-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 0 32px;
}

.funnel-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-input-dropdown2, .funnel-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.funnel-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.funnel-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.funnel-content17 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.funnel-filters-bar, .funnel-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.funnel-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.funnel-frame-child3, .funnel-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.funnel-section-wrapper {
  color: #344054;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.funnel-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.funnel-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.funnel-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.funnel-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.funnel-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-location-badge, .funnel-location-badge-number, .funnel-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.funnel-location-badge, .funnel-type-number {
  box-sizing: border-box;
}

.funnel-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.funnel-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.funnel-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.funnel-location-elements, .funnel-type-badge-elements, .funnel-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.funnel-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.funnel-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.funnel-badge-elements, .funnel-badge-elements-wrapper, .funnel-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.funnel-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.funnel-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-action-fields, .funnel-card-elements, .funnel-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.funnel-action-fields, .funnel-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.funnel-input-elements {
  align-self: stretch;
  gap: 16px;
}

.funnel-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.funnel-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-frame-wrapper3, .funnel-funnel-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-funnel-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.funnel-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.funnel-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.funnel-dropdown-elements, .funnel-dropdown-options-parent, .funnel-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.funnel-price-parent {
  flex-direction: column;
  flex: 1;
}

.funnel-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.funnel-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.funnel-content-actions, .funnel-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.funnel-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.funnel-location-column-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 52px;
  height: 52px;
  position: relative;
}

.funnel-name, .funnel-role {
  display: inline-block;
  position: relative;
}

.funnel-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.funnel-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.funnel-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.funnel-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.funnel-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-buttonsbutton8, .funnel-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.funnel-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.funnel-buttonsbutton-parent, .funnel-primary-table, .funnel-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.funnel-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.funnel-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.funnel-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-content-items, .funnel-help-avatar, .funnel-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.funnel-content-items, .funnel-rectangle-parent3 {
  box-sizing: border-box;
}

.funnel-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.funnel-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.funnel-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.funnel-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-badge-parent, .funnel-badge23, .funnel-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.funnel-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-badge23, .funnel-badge24, .funnel-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.funnel-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.funnel-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.funnel-badge24, .funnel-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-badge-elements-copy, .funnel-badge25, .funnel-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.funnel-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.funnel-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.funnel-badge26, .funnel-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.funnel-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-badge27, .funnel-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.funnel-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.funnel-frame-parent1, .funnel-frame-parent2, .funnel-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.funnel-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.funnel-frame-child5, .funnel-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.funnel-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.funnel-frame-child7, .funnel-text78 {
  z-index: 2;
  position: relative;
}

.funnel-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.funnel-text78 {
  font-weight: 600;
  line-height: 28px;
}

.funnel-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-location3, .funnel-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-type-of-work2 {
  min-width: 109px;
}

.funnel-frame-parent12, .funnel-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.funnel-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.funnel-badge29, .funnel-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.funnel-badge30 {
  width: 76px;
}

.funnel-badge-container, .funnel-badge30, .funnel-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.funnel-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.funnel-badge-container, .funnel-badge32, .funnel-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.funnel-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.funnel-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.funnel-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-badge33, .funnel-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.funnel-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-price2, .funnel-text83 {
  position: relative;
}

.funnel-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.funnel-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.funnel-funnel-1-1-container, .funnel-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-funnel-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.funnel-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.funnel-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.funnel-name2, .funnel-role2 {
  display: inline-block;
  position: relative;
}

.funnel-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.funnel-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.funnel-buttonsbutton13, .funnel-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.funnel-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.funnel-buttonsbutton14, .funnel-buttonsbutton15, .funnel-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.funnel-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.funnel-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.funnel-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.funnel-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-frame-wrapper16, .funnel-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.funnel-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.funnel-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.funnel-divider-icon5, .funnel-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.funnel-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.funnel-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.funnel-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.funnel-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-badge34, .funnel-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.funnel-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-badge36, .funnel-badge37, .funnel-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.funnel-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.funnel-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.funnel-badge38, .funnel-frame-parent26, .funnel-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.funnel-badge39, .funnel-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.funnel-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-element-details-child, .funnel-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.funnel-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.funnel-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.funnel-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.funnel-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.funnel-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.funnel-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.funnel-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-date-icon, .funnel-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-type-label {
  color: #101828;
  font-size: 14px;
}

.funnel-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.funnel-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-work-type-icon, .funnel-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.funnel-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.funnel-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.funnel-action-icons, .funnel-calendar-icon6, .funnel-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.funnel-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.funnel-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.funnel-element-actions, .funnel-element-details-parent, .funnel-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.funnel-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.funnel-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.funnel-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.funnel-frame-parent32, .funnel-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.funnel-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.funnel-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.funnel-dropdown-parent1, .funnel-frame-parent31, .funnel-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.funnel-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.funnel-dropdown-parent1, .funnel-frame-parent31 {
  align-items: flex-end;
}

.funnel-frame-parent31 {
  flex: 1;
}

.funnel-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.funnel-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.funnel-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.funnel-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.funnel-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.funnel-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.funnel-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.funnel-span {
  font-weight: 500;
}

.funnel-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.funnel-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-frame-parent36, .funnel-frame-parent37, .funnel-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-frame-parent37, .funnel-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.funnel-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.funnel-text105, .funnel-text106, .funnel-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-text105, .funnel-text106 {
  display: inline-block;
}

.funnel-text105 {
  min-width: 103px;
}

.funnel-text106 {
  flex-shrink: 0;
  width: 151px;
}

.funnel-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.funnel-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.funnel-supporting-text20, .funnel-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-supporting-text20 {
  min-width: 70.9px;
}

.funnel-supporting-text21 {
  width: 104px;
}

.funnel-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.funnel-frame-parent33, .funnel-frame-parent34, .funnel-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.funnel-frame-parent33, .funnel-frame-parent34 {
  flex: 1;
}

.funnel-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.funnel-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.funnel-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-buttonsbutton-wrapper, .funnel-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.funnel-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-dropdown-parent2, .funnel-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.funnel-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.funnel-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.funnel-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.funnel-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.funnel-content-items5, .funnel-frame-child16, .funnel-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.funnel-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.funnel-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.funnel-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.funnel-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.funnel-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.funnel-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.funnel-frame-parent39, .funnel-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.funnel-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.funnel-dropdown14, .funnel-text112 {
  z-index: 1;
  position: absolute;
}

.funnel-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.funnel-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.funnel-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-price6, .funnel-text113 {
  z-index: 1;
  position: relative;
}

.funnel-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.funnel-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.funnel-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.funnel-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.funnel-funnel-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.funnel-frame-parent46, .funnel-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.funnel-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.funnel-frame-parent45, .funnel-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.funnel-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.funnel-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.funnel-card-container-child, .funnel-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.funnel-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.funnel-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.funnel-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.funnel-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.funnel-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-dropdown15, .funnel-item-title {
  z-index: 2;
  position: absolute;
}

.funnel-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.funnel-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.funnel-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.funnel-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.funnel-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.funnel-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.funnel-card-container, .funnel-card-list, .funnel-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.funnel-card-container, .funnel-card-list {
  align-items: flex-start;
}

.funnel-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.funnel-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.funnel-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.funnel-frame-wrapper37, .funnel-price-wrapper, .funnel-text-wrapper18, .funnel-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.funnel-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.funnel-frame-wrapper37, .funnel-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.funnel-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.funnel-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.funnel-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.funnel-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.funnel-buttonsbutton-frame, .funnel-frame-parent64, .funnel-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.funnel-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.funnel-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.funnel-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-change7, .funnel-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-change7 {
  min-width: 38px;
  display: inline-block;
}

.funnel-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.funnel-change-and-text3, .funnel-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.funnel-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.funnel-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-dropdown19, .funnel-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-buttonsbutton25, .funnel-buttonsbutton26, .funnel-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.funnel-buttonsbutton25, .funnel-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.funnel-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.funnel-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.funnel-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-arrow-square-up-right-wrapper1, .funnel-buttonsbutton-parent1, .funnel-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.funnel-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.funnel-divider-container1, .funnel-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.funnel-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.funnel-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-buttonsbutton-wrapper1, .funnel-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.funnel-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.funnel-badge46, .funnel-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.funnel-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.funnel-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-actions3, .funnel-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.funnel-content20, .funnel-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.funnel-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.funnel-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-card-header, .funnel-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.funnel-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.funnel-button-group-base9, .funnel-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.funnel-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.funnel-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.funnel-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.funnel-button-group-base10, .funnel-button-group-base11, .funnel-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.funnel-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.funnel-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.funnel-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.funnel-content22, .funnel-input-with-label3, .funnel-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.funnel-input-with-label3, .funnel-input3 {
  align-self: stretch;
}

.funnel-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.funnel-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.funnel-actions4, .funnel-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.funnel-content-items9, .funnel-content21, .funnel-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.funnel-content-items9, .funnel-filters-bar1 {
  justify-content: flex-start;
}

.funnel-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.funnel-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.funnel-badge-number1, .funnel-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.funnel-badge47, .funnel-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.funnel-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.funnel-actions5, .funnel-card-header1, .funnel-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.funnel-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.funnel-card-header1, .funnel-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.funnel-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.funnel-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.funnel-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.funnel-checkbox-wrapper, .funnel-sub-nav-items-wrapper, .funnel-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.funnel-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.funnel-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.funnel-avatar2, .funnel-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.funnel-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.funnel-avatar2 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.funnel-account-button, .funnel-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-account-button {
  min-width: 75px;
  font-weight: 500;
}

.funnel-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.funnel-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-avatar3 {
  background-image: url("avatar3@3x.1f4d46c9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-avatar5 {
  background-image: url("avatar4@3x.27b7e1fb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-contrast-border6, .funnel-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.funnel-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -380px;
  overflow-x: auto;
}

.funnel-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.funnel-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.funnel-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-button-upload, .funnel-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.funnel-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-avatar8 {
  background-image: url("avatar5@3x.f36d8172.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-table-cell6, .funnel-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.funnel-avatar10 {
  background-image: url("avatar6@3x.5f263d4b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-avatar11 {
  background-image: url("avatar7@3x.bebe0bf4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-table-header, .funnel-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-table-header {
  gap: 4px;
}

.funnel-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.funnel-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell15, .funnel-table-cell16, .funnel-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-table-cell16, .funnel-table-cell18 {
  width: 271px;
}

.funnel-table-cell18 {
  width: 239px;
}

.funnel-column, .funnel-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.funnel-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.funnel-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.funnel-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.funnel-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.funnel-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-user-cell2, .funnel-user-cell3, .funnel-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-user-cell3, .funnel-user-cell4 {
  min-width: 84px;
}

.funnel-user-cell4 {
  min-width: 82px;
}

.funnel-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.funnel-user-cell5, .funnel-user-cell6, .funnel-user-cell7 {
  line-height: 20px;
  position: relative;
}

.funnel-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.funnel-user-cell7 {
  white-space: nowrap;
}

.funnel-column1, .funnel-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.funnel-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.funnel-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell30, .funnel-table-header-cell3, .funnel-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.funnel-table-cell30, .funnel-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.funnel-table-header-cell3 {
  background-color: #f9fafb;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.funnel-table-cell30 {
  padding: 26px 50px 24px;
}

.funnel-column2, .funnel-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.funnel-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.funnel-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-button-wrap, .funnel-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.funnel-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.funnel-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.funnel-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-content24, .funnel-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-content24 {
  padding: 10px 16px;
}

.funnel-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.funnel-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-content25, .funnel-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-content25 {
  padding: 10px 15px;
}

.funnel-pagination-number-base1 {
  overflow: hidden;
}

.funnel-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-content26, .funnel-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-content26 {
  padding: 10px 15px;
}

.funnel-pagination-number-base2 {
  overflow: hidden;
}

.funnel-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.funnel-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-content30, .funnel-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.funnel-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.funnel-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-button-wrap1, .funnel-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.funnel-pagination, .funnel-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.funnel-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.funnel-content-items10, .funnel-content-items11, .funnel-table-cell40, .funnel-table-cell41, .funnel-table-cell42, .funnel-table-header-cell4 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.funnel-table-cell40, .funnel-table-cell41, .funnel-table-cell42, .funnel-table-header-cell4 {
  border-bottom: 1px solid #eaecf0;
  gap: 12px;
  position: absolute;
  left: 0;
}

.funnel-table-header-cell4 {
  color: #475467;
  background-color: #f9fafb;
  width: 100%;
  max-width: 100%;
  padding: 12px 24px 10px;
  font-size: 12px;
  top: 0;
}

.funnel-table-cell40, .funnel-table-cell41, .funnel-table-cell42 {
  width: 245px;
  padding: 16px 24px 14px;
  top: 44px;
  overflow-x: auto;
}

.funnel-table-cell41, .funnel-table-cell42 {
  width: 252px;
  top: 116px;
}

.funnel-table-cell42 {
  top: 188px;
}

.funnel-table-cell43 {
  width: 252px;
  top: 260px;
}

.funnel-table-cell43, .funnel-table-cell44, .funnel-table-cell45 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.funnel-table-cell44 {
  text-align: center;
  color: #667085;
  width: 311px;
  font-size: 16px;
  top: 332px;
}

.funnel-table-cell45 {
  width: 260px;
  top: 404px;
}

.funnel-table-cell46 {
  box-sizing: border-box;
  width: 252px;
  top: 476px;
}

.funnel-table-cell46, .funnel-table-cell47, .funnel-table-cell48, .funnel-table-cell49 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.funnel-table-cell47 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  width: 242px;
  font-size: 16px;
  top: 548px;
}

.funnel-table-cell48, .funnel-table-cell49 {
  top: 620px;
}

.funnel-table-cell49 {
  box-sizing: border-box;
  z-index: 1;
  width: 242px;
  top: 692px;
}

.funnel-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.funnel-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.funnel-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell50, .funnel-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.funnel-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.funnel-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.funnel-column3, .funnel-table-cell52, .funnel-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.funnel-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.funnel-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.funnel-marker-pin-02-group, .funnel-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-marker-pin-02-group {
  gap: 7px;
}

.funnel-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.funnel-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.funnel-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.funnel-column-wrapper, .funnel-column4, .funnel-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.funnel-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.funnel-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.funnel-column5, .funnel-column6, .funnel-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.funnel-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.funnel-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.funnel-column-parent, .funnel-frame-parent74, .funnel-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.funnel-frame-parent74, .funnel-pagination1 {
  align-self: stretch;
}

.funnel-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.funnel-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-badge50, .funnel-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.funnel-content-items14, .funnel-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.funnel-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.funnel-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-button-group-base27, .funnel-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.funnel-button-group-base28 {
  background-color: #fff;
}

.funnel-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.funnel-filter-bar-container, .funnel-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-frame-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 701px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.funnel-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.funnel-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.funnel-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.funnel-buttonsbutton33, .funnel-content45, .funnel-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.funnel-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.funnel-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-actions11, .funnel-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.funnel-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.funnel-empty-state, .funnel-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.funnel-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.funnel-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.funnel-empty-state-wrapper, .funnel-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.funnel-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.funnel-all {
  z-index: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.funnel-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.funnel-content46, .funnel-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.funnel-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.funnel-add, .funnel-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-learn-more {
  min-width: 88px;
}

.funnel-actions12, .funnel-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.funnel-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.funnel-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.funnel-empty-state-container, .funnel-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.funnel-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.funnel-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.funnel-funnel-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.funnel-card-tab-section-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.funnel-card-tab-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.funnel-card-tab-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-card-tab-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-card-tab-content17 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.funnel-card-tab-dropdowns {
  box-sizing: border-box;
  flex-direction: row;
  flex: .5;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.funnel-card-tab-button-group-base1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-card-tab-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-card-tab-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-card-tab-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-card-tab-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-card-tab-button-group {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

@media screen and (width <= 1275px) {
  .funnel-all, .funnel-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .funnel-all {
    padding-bottom: 67px;
  }

  .funnel-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .funnel-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .funnel-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .funnel-content-elements-parent, .funnel-content17, .funnel-frame-group, .funnel-rectangle-parent10, .funnel-rectangle-parent5, .funnel-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .funnel-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .funnel-frame-wrapper31 {
    flex: 1;
  }

  .funnel-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .funnel-list-item-parent {
    flex: 1;
  }

  .funnel-card-list, .funnel-content20, .funnel-content21, .funnel-metric-item-parent {
    flex-wrap: wrap;
  }

  .funnel-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .funnel-content23, .funnel-frame-parent73, .funnel-frame-parent74 {
    flex-wrap: wrap;
  }

  .funnel-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .funnel-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .funnel-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-content13 {
    gap: 17px;
  }

  .funnel-tabs-and-filters {
    flex-wrap: wrap;
  }

  .funnel-jul {
    width: 100%;
    height: 17px;
  }

  .funnel-x-axis {
    flex-wrap: wrap;
  }

  .funnel-number {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-main {
    gap: 16px;
  }

  .funnel-number3, .funnel-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .funnel-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .funnel-badge-elements, .funnel-card-elements, .funnel-dropdowns, .funnel-location-badge-number {
    flex-wrap: wrap;
  }

  .funnel-action-fields {
    min-width: 100%;
  }

  .funnel-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-frame-parent2, .funnel-primary-table {
    flex-wrap: wrap;
  }

  .funnel-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-frame-parent17, .funnel-frame-parent18, .funnel-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-element-details, .funnel-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .funnel-action-icons, .funnel-element-details-parent {
    flex-wrap: wrap;
  }

  .funnel-icon-button {
    gap: 17px;
  }

  .funnel-icon-button, .funnel-sidebar1 {
    flex-wrap: wrap;
  }

  .funnel-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-rectangle-parent11 {
    gap: 16px;
  }

  .funnel-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .funnel-frame-parent39 {
    min-width: 100%;
  }

  .funnel-frame-wrapper31 {
    margin-left: 0;
  }

  .funnel-card-row {
    min-width: 100%;
  }

  .funnel-list-item-parent {
    margin-left: 0;
  }

  .funnel-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .funnel-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .funnel-text-and-supporting-text2 {
    min-width: 100%;
  }

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

  .funnel-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .funnel-text-and-supporting-text3 {
    min-width: 100%;
  }

  .funnel-actions5, .funnel-table-cell51, .funnel-table-cell52 {
    flex-wrap: wrap;
  }

  .funnel-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .funnel-frame-parent, .funnel-text-and-supporting-text16 {
    min-width: 100%;
  }

  .funnel-empty-state3 {
    gap: 16px;
  }

  .funnel-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .funnel-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .funnel-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .funnel-heading {
    font-size: 18px;
    line-height: 23px;
  }

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

  .funnel-number {
    font-size: 18px;
    line-height: 23px;
  }

  .funnel-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .funnel-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .funnel-number3, .funnel-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .funnel-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-price {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .funnel-date-elements-parent {
    flex: 1;
  }

  .funnel-badge-container, .funnel-frame-parent12 {
    flex-wrap: wrap;
  }

  .funnel-badge-group {
    height: auto;
    min-height: 104px;
  }

  .funnel-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-work-type-icon {
    flex: 1;
  }

  .funnel-calendar-icon6 {
    flex-wrap: wrap;
  }

  .funnel-work-type-label {
    margin-left: 0;
  }

  .funnel-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-frame-parent36, .funnel-frame-parent42 {
    flex-wrap: wrap;
  }

  .funnel-price5, .funnel-price6, .funnel-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-frame-parent64 {
    flex-wrap: wrap;
  }

  .funnel-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .funnel-content22, .funnel-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-input-dropdown3 {
    max-width: 100%;
  }

  .funnel-table-cell50, .funnel-table-cell53 {
    flex-wrap: wrap;
  }

  .funnel-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .funnel-column5, .funnel-column6 {
    flex: 1;
  }

  .funnel-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .funnel-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .funnel-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .funnel-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.funnel-device-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.funnel-device-component-listing-container::-webkit-scrollbar {
  display: none;
}

.funnel-device-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.funnel-device-component-funnel-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.funnel-device-component-funnel-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.funnel-device-component-funnel-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-device-component-funnel-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-device-component-funnel-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.funnel-device-component-funnel-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.funnel-device-component-funnel-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-device-component-funnel-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.funnel-device-component-funnel-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.funnel-device-component-funnel-text78:hover {
  text-decoration: underline;
}

.funnel-device-component-funnel-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-device-component-funnel-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.funnel-device-component-funnel-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.funnel-device-component-funnel-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-device-component-funnel-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-device-component-funnel-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-device-component-funnel-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-device-component-funnel-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-device-component-funnel-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.funnel-device-component-funnel-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-device-component-funnel-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.funnel-device-component-funnel-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-device-component-funnel-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-device-component-funnel-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-device-component-funnel-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.funnel-device-component-funnel-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-device-component-funnel-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-device-component-funnel-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-device-component-funnel-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.funnel-device-component-funnel-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.funnel-device-component-funnel-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.funnel-device-component-funnel-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-device-component-funnel-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-device-component-funnel-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-device-component-funnel-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-device-component-funnel-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.funnel-device-component-funnel-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-device-component-funnel-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-device-component-funnel-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-device-component-funnel-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-device-component-funnel-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.funnel-device-component-funnel-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-device-component-funnel-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-device-component-funnel-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.funnel-device-component-funnel-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.funnel-device-component-funnel-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.funnel-device-component-funnel-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-device-component-funnel-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-device-component-funnel-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-device-component-funnel-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.funnel-device-component-funnel-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-device-component-funnel-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-device-component-funnel-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.funnel-device-component-funnel-funnel-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-device-component-funnel-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-device-component-funnel-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-device-component-funnel-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.funnel-device-component-funnel-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-device-component-funnel-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-device-component-funnel-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-device-component-funnel-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.funnel-device-component-funnel-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-device-component-funnel-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.funnel-device-component-funnel-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-device-component-funnel-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-device-component-funnel-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-device-component-funnel-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-device-component-funnel-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-device-component-funnel-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-device-component-funnel-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-device-component-funnel-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.funnel-device-component-funnel-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-device-component-funnel-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-device-component-funnel-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-device-component-funnel-buttonsbutton25, .funnel-device-component-funnel-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-device-component-funnel-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.funnel-device-component-funnel-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-device-component-funnel-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-device-component-funnel-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-device-component-funnel-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-device-component-funnel-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-device-component-funnel-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.funnel-device-component-funnel-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.funnel-device-component-funnel-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.funnel-device-component-funnel-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.funnel-device-component-funnel-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-device-component-funnel-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .funnel-device-component-funnel-rectangle-parent5, .funnel-device-component-funnel-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .funnel-device-component-funnel-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-device-component-funnel-action-fields {
    min-width: 100%;
  }

  .funnel-device-component-funnel-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-device-component-funnel-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-device-component-funnel-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .funnel-device-component-funnel-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-device-component-funnel-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-device-component-funnel-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.funnel-card-tab-main-container {
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.funnel-card-tab-tab {
  z-index: 5;
  width: max-content;
  position: absolute;
}

.sort-by-wanted-filter-dropdown-avatar-online-indicator6, .sort-by-wanted-filter-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.sort-by-wanted-filter-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.sort-by-wanted-filter-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.sort-by-wanted-filter-dropdown-avatar22 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.sort-by-wanted-filter-dropdown-supporting-text84, .sort-by-wanted-filter-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sort-by-wanted-filter-dropdown-text246 {
  font-weight: 600;
}

.sort-by-wanted-filter-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.sort-by-wanted-filter-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sort-by-wanted-filter-dropdown-avatar-label-group, .sort-by-wanted-filter-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sort-by-wanted-filter-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.sort-by-wanted-filter-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #f9fafb;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.sort-by-wanted-filter-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sort-by-wanted-filter-dropdown-text247 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sort-by-wanted-filter-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.sort-by-wanted-filter-dropdown-content48, .sort-by-wanted-filter-dropdown-dropdown-list-item, .sort-by-wanted-filter-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sort-by-wanted-filter-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 10px;
}

.sort-by-wanted-filter-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.sort-by-wanted-filter-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sort-by-wanted-filter-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.sort-by-wanted-filter-dropdown-dropdown-list-item10, .sort-by-wanted-filter-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.sort-by-wanted-filter-dropdown-dropdown-list-item10 {
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.sort-by-wanted-filter-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sort-by-wanted-filter-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sort-by-wanted-filter-dropdown-dropdown-list-item11, .sort-by-wanted-filter-dropdown-dropdown-list-item12, .sort-by-wanted-filter-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.sort-by-wanted-filter-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sort-by-wanted-filter-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.sort-by-wanted-filter-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sort-by-wanted-filter-dropdown-dropdown-list-item12, .sort-by-wanted-filter-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.sort-by-wanted-filter-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.sort-by-wanted-filter-dropdown-menu-items, .sort-by-wanted-filter-dropdown-sort-by-wanted-filter-all-options-fixed {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.sort-by-wanted-filter-dropdown-menu-items {
  align-self: stretch;
}

.sort-by-wanted-filter-dropdown-sort-by-wanted-filter-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  width: 190px;
  line-height: normal;
  position: absolute;
  top: 50px;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.no-listing-found-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.no-listing-found-supporting-text, .no-listing-found-title {
  align-self: stretch;
  position: relative;
}

.no-listing-found-title {
  font-weight: 600;
  line-height: 30px;
}

.no-listing-found-supporting-text {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.no-listing-found-content, .no-listing-found-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-listing-found-text-and-supporting-text {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.no-listing-found-content {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.no-listing-found-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-listing-found-text {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-listing-found-buttonsbutton, .no-listing-found-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-listing-found-buttonsbutton {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-listing-found-plus-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-listing-found-text1 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-listing-found-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-listing-found-actions, .no-listing-found-empty-state1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-listing-found-actions {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 0 20px;
}

.no-listing-found-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  height: 500px;
}

.no-listing-found-empty-state, .no-listing-found-no-listing-found {
  background-color: #fff;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.no-listing-found-empty-state {
  box-sizing: border-box;
  text-align: center;
  color: #101828;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
  font-family: Inter;
  font-size: 20px;
}

.no-listing-found-no-listing-found {
  letter-spacing: normal;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1016px;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 550px) {
  .no-listing-found-empty-state1 {
    gap: 16px;
  }

  .no-listing-found-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-listing-found-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.funnel-spare-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  display: flex;
  overflow-y: scroll;
}

.funnel-spare-component-listing-container::-webkit-scrollbar {
  display: none;
}

.funnel-spare-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.funnel-spare-component-funnel-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.funnel-spare-component-funnel-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.funnel-spare-component-funnel-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-spare-component-funnel-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-spare-component-funnel-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.funnel-spare-component-funnel-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.funnel-spare-component-funnel-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-spare-component-funnel-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.funnel-spare-component-funnel-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.funnel-spare-component-funnel-text78:hover {
  text-decoration: underline;
}

.funnel-spare-component-funnel-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-spare-component-funnel-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.funnel-spare-component-funnel-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.funnel-spare-component-funnel-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-spare-component-funnel-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-spare-component-funnel-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-spare-component-funnel-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-spare-component-funnel-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-spare-component-funnel-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.funnel-spare-component-funnel-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-spare-component-funnel-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.funnel-spare-component-funnel-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-spare-component-funnel-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-spare-component-funnel-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-spare-component-funnel-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.funnel-spare-component-funnel-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-spare-component-funnel-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-spare-component-funnel-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-spare-component-funnel-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.funnel-spare-component-funnel-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.funnel-spare-component-funnel-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.funnel-spare-component-funnel-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-spare-component-funnel-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-spare-component-funnel-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-spare-component-funnel-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-spare-component-funnel-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.funnel-spare-component-funnel-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-spare-component-funnel-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-spare-component-funnel-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-spare-component-funnel-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-spare-component-funnel-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.funnel-spare-component-funnel-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-spare-component-funnel-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-spare-component-funnel-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.funnel-spare-component-funnel-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.funnel-spare-component-funnel-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.funnel-spare-component-funnel-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-spare-component-funnel-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-spare-component-funnel-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-spare-component-funnel-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.funnel-spare-component-funnel-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-spare-component-funnel-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-spare-component-funnel-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.funnel-spare-component-funnel-funnel-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-spare-component-funnel-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-spare-component-funnel-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-spare-component-funnel-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.funnel-spare-component-funnel-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-spare-component-funnel-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-spare-component-funnel-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-spare-component-funnel-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.funnel-spare-component-funnel-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-spare-component-funnel-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.funnel-spare-component-funnel-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-spare-component-funnel-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-spare-component-funnel-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-spare-component-funnel-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-spare-component-funnel-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-spare-component-funnel-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-spare-component-funnel-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-spare-component-funnel-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.funnel-spare-component-funnel-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-spare-component-funnel-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-spare-component-funnel-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-spare-component-funnel-buttonsbutton25, .funnel-spare-component-funnel-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-spare-component-funnel-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.funnel-spare-component-funnel-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-spare-component-funnel-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-spare-component-funnel-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-spare-component-funnel-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-spare-component-funnel-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-spare-component-funnel-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.funnel-spare-component-funnel-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.funnel-spare-component-funnel-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.funnel-spare-component-funnel-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.funnel-spare-component-funnel-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-spare-component-funnel-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .funnel-spare-component-funnel-rectangle-parent5, .funnel-spare-component-funnel-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .funnel-spare-component-funnel-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-spare-component-funnel-action-fields {
    min-width: 100%;
  }

  .funnel-spare-component-funnel-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-spare-component-funnel-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-spare-component-funnel-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .funnel-spare-component-funnel-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-spare-component-funnel-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-spare-component-funnel-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.funnel-service-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  display: flex;
  overflow-y: scroll;
}

.funnel-service-component-listing-container::-webkit-scrollbar {
  display: none;
}

.funnel-service-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.funnel-service-component-funnel-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.funnel-service-component-funnel-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.funnel-service-component-funnel-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-service-component-funnel-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-service-component-funnel-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.funnel-service-component-funnel-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.funnel-service-component-funnel-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-service-component-funnel-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.funnel-service-component-funnel-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.funnel-service-component-funnel-text78:hover {
  text-decoration: underline;
}

.funnel-service-component-funnel-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-service-component-funnel-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.funnel-service-component-funnel-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.funnel-service-component-funnel-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-service-component-funnel-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-service-component-funnel-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-service-component-funnel-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-service-component-funnel-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-service-component-funnel-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.funnel-service-component-funnel-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-service-component-funnel-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.funnel-service-component-funnel-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-service-component-funnel-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-service-component-funnel-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-service-component-funnel-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.funnel-service-component-funnel-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-service-component-funnel-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-service-component-funnel-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-service-component-funnel-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.funnel-service-component-funnel-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.funnel-service-component-funnel-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.funnel-service-component-funnel-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-service-component-funnel-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-service-component-funnel-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-service-component-funnel-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-service-component-funnel-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.funnel-service-component-funnel-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-service-component-funnel-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-service-component-funnel-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-service-component-funnel-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-service-component-funnel-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.funnel-service-component-funnel-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-service-component-funnel-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-service-component-funnel-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.funnel-service-component-funnel-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.funnel-service-component-funnel-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.funnel-service-component-funnel-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-service-component-funnel-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-service-component-funnel-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-service-component-funnel-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.funnel-service-component-funnel-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-service-component-funnel-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-service-component-funnel-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.funnel-service-component-funnel-funnel-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-service-component-funnel-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-service-component-funnel-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-service-component-funnel-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.funnel-service-component-funnel-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-service-component-funnel-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-service-component-funnel-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-service-component-funnel-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.funnel-service-component-funnel-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-service-component-funnel-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.funnel-service-component-funnel-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-service-component-funnel-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-service-component-funnel-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-service-component-funnel-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-service-component-funnel-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-service-component-funnel-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-service-component-funnel-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-service-component-funnel-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.funnel-service-component-funnel-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-service-component-funnel-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-service-component-funnel-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-service-component-funnel-buttonsbutton25, .funnel-service-component-funnel-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-service-component-funnel-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.funnel-service-component-funnel-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-service-component-funnel-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-service-component-funnel-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-service-component-funnel-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-service-component-funnel-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-service-component-funnel-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.funnel-service-component-funnel-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.funnel-service-component-funnel-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.funnel-service-component-funnel-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.funnel-service-component-funnel-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-service-component-funnel-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .funnel-service-component-funnel-rectangle-parent5, .funnel-service-component-funnel-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .funnel-service-component-funnel-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-service-component-funnel-action-fields {
    min-width: 100%;
  }

  .funnel-service-component-funnel-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-service-component-funnel-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-service-component-funnel-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .funnel-service-component-funnel-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-service-component-funnel-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-service-component-funnel-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.funnel-software-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  display: flex;
  overflow-y: scroll;
}

.funnel-software-component-listing-container::-webkit-scrollbar {
  display: none;
}

.funnel-software-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.funnel-software-component-funnel-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.funnel-software-component-funnel-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.funnel-software-component-funnel-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-software-component-funnel-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-software-component-funnel-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.funnel-software-component-funnel-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.funnel-software-component-funnel-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-software-component-funnel-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.funnel-software-component-funnel-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.funnel-software-component-funnel-text78:hover {
  text-decoration: underline;
}

.funnel-software-component-funnel-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-software-component-funnel-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.funnel-software-component-funnel-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.funnel-software-component-funnel-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-software-component-funnel-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-software-component-funnel-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-software-component-funnel-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-software-component-funnel-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-software-component-funnel-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.funnel-software-component-funnel-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-software-component-funnel-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.funnel-software-component-funnel-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-software-component-funnel-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-software-component-funnel-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-software-component-funnel-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.funnel-software-component-funnel-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-software-component-funnel-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-software-component-funnel-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-software-component-funnel-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.funnel-software-component-funnel-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.funnel-software-component-funnel-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.funnel-software-component-funnel-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-software-component-funnel-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-software-component-funnel-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-software-component-funnel-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-software-component-funnel-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.funnel-software-component-funnel-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-software-component-funnel-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-software-component-funnel-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-software-component-funnel-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-software-component-funnel-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.funnel-software-component-funnel-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-software-component-funnel-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-software-component-funnel-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.funnel-software-component-funnel-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.funnel-software-component-funnel-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.funnel-software-component-funnel-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-software-component-funnel-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-software-component-funnel-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-software-component-funnel-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.funnel-software-component-funnel-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-software-component-funnel-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-software-component-funnel-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.funnel-software-component-funnel-funnel-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-software-component-funnel-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-software-component-funnel-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-software-component-funnel-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.funnel-software-component-funnel-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-software-component-funnel-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-software-component-funnel-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-software-component-funnel-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.funnel-software-component-funnel-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-software-component-funnel-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.funnel-software-component-funnel-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-software-component-funnel-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-software-component-funnel-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-software-component-funnel-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-software-component-funnel-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-software-component-funnel-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-software-component-funnel-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-software-component-funnel-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.funnel-software-component-funnel-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-software-component-funnel-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-software-component-funnel-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-software-component-funnel-buttonsbutton25, .funnel-software-component-funnel-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-software-component-funnel-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.funnel-software-component-funnel-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-software-component-funnel-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-software-component-funnel-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-software-component-funnel-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-software-component-funnel-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-software-component-funnel-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.funnel-software-component-funnel-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.funnel-software-component-funnel-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.funnel-software-component-funnel-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.funnel-software-component-funnel-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-software-component-funnel-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .funnel-software-component-funnel-rectangle-parent5, .funnel-software-component-funnel-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .funnel-software-component-funnel-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-software-component-funnel-action-fields {
    min-width: 100%;
  }

  .funnel-software-component-funnel-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-software-component-funnel-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-software-component-funnel-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .funnel-software-component-funnel-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-software-component-funnel-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-software-component-funnel-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.funnel-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.funnel-job-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  display: flex;
  overflow-y: scroll;
}

.funnel-job-component-listing-container::-webkit-scrollbar {
  display: none;
}

.funnel-job-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.funnel-job-component-funnel-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.funnel-job-component-funnel-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.funnel-job-component-funnel-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-job-component-funnel-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-job-component-funnel-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.funnel-job-component-funnel-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.funnel-job-component-funnel-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-job-component-funnel-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.funnel-job-component-funnel-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.funnel-job-component-funnel-text78:hover {
  text-decoration: underline;
}

.funnel-job-component-funnel-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-job-component-funnel-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.funnel-job-component-funnel-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.funnel-job-component-funnel-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-job-component-funnel-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-job-component-funnel-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-job-component-funnel-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-job-component-funnel-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-job-component-funnel-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.funnel-job-component-funnel-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-job-component-funnel-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.funnel-job-component-funnel-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-job-component-funnel-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-job-component-funnel-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-job-component-funnel-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.funnel-job-component-funnel-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-job-component-funnel-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-job-component-funnel-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-job-component-funnel-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.funnel-job-component-funnel-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.funnel-job-component-funnel-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.funnel-job-component-funnel-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-job-component-funnel-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-job-component-funnel-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-job-component-funnel-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-job-component-funnel-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.funnel-job-component-funnel-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-job-component-funnel-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.funnel-job-component-funnel-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-job-component-funnel-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-job-component-funnel-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.funnel-job-component-funnel-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-job-component-funnel-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-job-component-funnel-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.funnel-job-component-funnel-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.funnel-job-component-funnel-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.funnel-job-component-funnel-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-job-component-funnel-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-job-component-funnel-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-job-component-funnel-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.funnel-job-component-funnel-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-job-component-funnel-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-job-component-funnel-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.funnel-job-component-funnel-funnel-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-job-component-funnel-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-job-component-funnel-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-job-component-funnel-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.funnel-job-component-funnel-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-job-component-funnel-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-job-component-funnel-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-job-component-funnel-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.funnel-job-component-funnel-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-job-component-funnel-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.funnel-job-component-funnel-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-job-component-funnel-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-job-component-funnel-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-job-component-funnel-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-job-component-funnel-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-job-component-funnel-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-job-component-funnel-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-job-component-funnel-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.funnel-job-component-funnel-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-job-component-funnel-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-job-component-funnel-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-job-component-funnel-buttonsbutton25, .funnel-job-component-funnel-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-job-component-funnel-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.funnel-job-component-funnel-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-job-component-funnel-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-job-component-funnel-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-job-component-funnel-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-job-component-funnel-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-job-component-funnel-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.funnel-job-component-funnel-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.funnel-job-component-funnel-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.funnel-job-component-funnel-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.funnel-job-component-funnel-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-job-component-funnel-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

.funnel-job-component-funnel-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 95%;
  margin: 0 auto;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

@media screen and (width <= 1100px) {
  .funnel-job-component-funnel-rectangle-parent5, .funnel-job-component-funnel-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .funnel-job-component-funnel-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-job-component-funnel-action-fields {
    min-width: 100%;
  }

  .funnel-job-component-funnel-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-job-component-funnel-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-job-component-funnel-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .funnel-job-component-funnel-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-job-component-funnel-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-job-component-funnel-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.demand-center-main-custom {
  width: 100% !important;
}

.demand-center-search-lg-icon-custom {
  cursor: pointer;
}

.demand-center-demand-center-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.demand-center-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.demand-center-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.demand-center-badge1, .demand-center-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.demand-center-navigation, .demand-center-search-input {
  justify-content: flex-start;
  display: flex;
}

.demand-center-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.demand-center-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.demand-center-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-content3, .demand-center-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demand-center-content3 {
  flex: 1;
  gap: 8px;
}

.demand-center-divider-icon, .demand-center-home-line-icon {
  position: relative;
  overflow: hidden;
}

.demand-center-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.demand-center-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.demand-center-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-content12, .demand-center-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.demand-center-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.demand-center-content5, .demand-center-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.demand-center-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.demand-center-supporting-text, .demand-center-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.demand-center-title {
  font-weight: 600;
}

.demand-center-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.demand-center-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.demand-center-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.demand-center-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.demand-center-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.demand-center-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.demand-center-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.demand-center-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.demand-center-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.demand-center-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.demand-center-tabs {
  gap: 8px;
}

.demand-center-breadcrumbs, .demand-center-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demand-center-heading, .demand-center-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.demand-center-heading {
  font-weight: 600;
  line-height: 38px;
}

.demand-center-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.demand-center-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.demand-center-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.demand-center-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.demand-center-button, .demand-center-button1, .demand-center-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.demand-center-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.demand-center-button1, .demand-center-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.demand-center-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.demand-center-actions, .demand-center-button2, .demand-center-button3 {
  flex-direction: row;
  align-items: center;
}

.demand-center-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.demand-center-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.demand-center-button4, .demand-center-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.demand-center-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-button6, .demand-center-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.demand-center-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-content13, .demand-center-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.demand-center-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.demand-center-content13, .demand-center-divider-icon1, .demand-center-page-header {
  align-self: stretch;
  max-width: 100%;
}

.demand-center-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.demand-center-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.demand-center-text31 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.demand-center-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-button-group-base1, .demand-center-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.demand-center-button-group-base2 {
  width: 77px;
}

.demand-center-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.demand-center-button-group-base3, .demand-center-button-group-base4, .demand-center-button-group-base5, .demand-center-button-group-base6, .demand-center-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.demand-center-button-group-base4, .demand-center-button-group-base5, .demand-center-button-group-base6, .demand-center-button-group-base7 {
  z-index: 4;
}

.demand-center-button-group-base5, .demand-center-button-group-base6, .demand-center-button-group-base7 {
  z-index: 3;
}

.demand-center-button-group-base6, .demand-center-button-group-base7 {
  z-index: 2;
}

.demand-center-button-group-base7 {
  z-index: 1;
}

.demand-center-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-button-group, .demand-center-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.demand-center-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.demand-center-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-buttonsbutton1:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.demand-center-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-actions2, .demand-center-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.demand-center-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.demand-center-container, .demand-center-header-section, .demand-center-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.demand-center-container, .demand-center-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.demand-center-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.demand-center-header-section {
  flex-shrink: 0;
}

.demand-center-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.demand-center-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.demand-center-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.demand-center-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-color2, .demand-center-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.demand-center-color3 {
  background-color: #17b26a;
}

.demand-center-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.demand-center-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.demand-center-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.demand-center-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.demand-center-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.demand-center-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.demand-center-divider, .demand-center-y-axis-line, .demand-center-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.demand-center-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.demand-center-y-axis-line, .demand-center-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.demand-center-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.demand-center-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.demand-center-y-axis, .demand-center-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.demand-center-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.demand-center-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.demand-center-jan, .demand-center-jul, .demand-center-jun, .demand-center-mar, .demand-center-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.demand-center-jul, .demand-center-jun, .demand-center-mar, .demand-center-may {
  min-width: 23px;
}

.demand-center-jul, .demand-center-jun, .demand-center-may {
  min-width: 25px;
}

.demand-center-jul, .demand-center-jun {
  min-width: 22px;
}

.demand-center-jul {
  min-width: 17px;
}

.demand-center-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.demand-center-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.demand-center-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.demand-center-line-and-bar-chart, .demand-center-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-line-and-bar-chart {
  flex: 1;
}

.demand-center-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.demand-center-heading1, .demand-center-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.demand-center-number {
  white-space: nowrap;
  line-height: 38px;
}

.demand-center-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.demand-center-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-change-and-text, .demand-center-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.demand-center-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.demand-center-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.demand-center-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.demand-center-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.demand-center-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-dropdown, .demand-center-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.demand-center-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.demand-center-change-and-text1, .demand-center-container1, .demand-center-metric-group, .demand-center-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.demand-center-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.demand-center-container1, .demand-center-metric-group, .demand-center-section {
  align-items: flex-start;
  max-width: 100%;
}

.demand-center-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.demand-center-container1, .demand-center-section {
  flex-direction: column;
}

.demand-center-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.demand-center-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.demand-center-separator, .demand-center-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.demand-center-separator1 {
  height: 43px;
}

.demand-center-main, .demand-center-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.demand-center-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.demand-center-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.demand-center-breadcrumb-button-base6, .demand-center-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.demand-center-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.demand-center-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.demand-center-breadcrumbs1, .demand-center-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.demand-center-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.demand-center-breadcrumbs1 {
  width: 278px;
  display: none;
}

.demand-center-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.demand-center-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.demand-center-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.demand-center-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.demand-center-content16, .demand-center-input-with-label1, .demand-center-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.demand-center-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.demand-center-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.demand-center-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.demand-center-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.demand-center-content15, .demand-center-page-header-wrapper, .demand-center-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.demand-center-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.demand-center-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 742px;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.demand-center-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.demand-center-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.demand-center-text49, .demand-center-text50, .demand-center-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-text50, .demand-center-text51 {
  min-width: 62px;
}

.demand-center-text51 {
  min-width: 34px;
}

.demand-center-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.demand-center-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.demand-center-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.demand-center-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.demand-center-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.demand-center-tab-button-base7, .demand-center-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.demand-center-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.demand-center-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.demand-center-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.demand-center-horizontal-tabs, .demand-center-horizontal-tabs-wrapper, .demand-center-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.demand-center-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.demand-center-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.demand-center-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.demand-center-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.demand-center-dropdown3, .demand-center-metric-card, .demand-center-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.demand-center-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.demand-center-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.demand-center-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.demand-center-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.demand-center-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.demand-center-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.demand-center-frame-inner, .demand-center-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.demand-center-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.demand-center-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.demand-center-heading5, .demand-center-number4 {
  z-index: 1;
  position: relative;
}

.demand-center-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.demand-center-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.demand-center-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.demand-center-badge12, .demand-center-frame-container, .demand-center-heading-parent, .demand-center-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.demand-center-frame-container, .demand-center-rectangle-container {
  box-sizing: border-box;
}

.demand-center-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.demand-center-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.demand-center-heading-group {
  gap: 8px;
  width: 153px;
}

.demand-center-dropdown7, .demand-center-heading-container, .demand-center-heading-group, .demand-center-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-heading-container {
  gap: 8px;
  width: 163px;
}

.demand-center-dropdown7, .demand-center-heading-parent1 {
  flex-shrink: 0;
}

.demand-center-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.demand-center-dropdown7 {
  z-index: 1;
}

.demand-center-frame-group, .demand-center-frame-wrapper, .demand-center-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.demand-center-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.demand-center-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.demand-center-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  scrollbar-width: none;
  -ms-overflow-style: none;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  overflow-x: auto;
}

.demand-center-frame-wrapper::-webkit-scrollbar {
  display: none;
}

.demand-center-text62, .demand-center-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-text63 {
  min-width: 74px;
}

.demand-center-buttonsbutton4, .demand-center-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.demand-center-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-dropdowns, .demand-center-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.demand-center-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.demand-center-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-input-dropdown2, .demand-center-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.demand-center-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.demand-center-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.demand-center-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.demand-center-content17, .demand-center-filters-bar, .demand-center-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.demand-center-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.demand-center-frame-child3, .demand-center-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.demand-center-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.demand-center-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.demand-center-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.demand-center-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.demand-center-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.demand-center-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.demand-center-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.demand-center-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.demand-center-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-location-badge, .demand-center-location-badge-number, .demand-center-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.demand-center-location-badge, .demand-center-type-number {
  box-sizing: border-box;
}

.demand-center-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.demand-center-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.demand-center-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.demand-center-location-elements, .demand-center-type-badge-elements, .demand-center-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.demand-center-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.demand-center-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.demand-center-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.demand-center-badge-elements, .demand-center-badge-elements-wrapper, .demand-center-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.demand-center-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.demand-center-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-action-fields, .demand-center-card-elements, .demand-center-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.demand-center-action-fields, .demand-center-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.demand-center-input-elements {
  align-self: stretch;
  gap: 16px;
}

.demand-center-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.demand-center-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.demand-center-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.demand-center-frame-wrapper3, .demand-center-demand-center-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-demand-center-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.demand-center-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.demand-center-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.demand-center-dropdown-elements, .demand-center-dropdown-options-parent, .demand-center-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.demand-center-price-parent {
  flex-direction: column;
  flex: 1;
}

.demand-center-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.demand-center-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.demand-center-content-actions, .demand-center-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.demand-center-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.demand-center-location-column-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 52px;
  height: 52px;
  position: relative;
}

.demand-center-name, .demand-center-role {
  display: inline-block;
  position: relative;
}

.demand-center-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.demand-center-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.demand-center-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.demand-center-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.demand-center-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.demand-center-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-buttonsbutton8, .demand-center-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.demand-center-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.demand-center-buttonsbutton-parent, .demand-center-primary-table, .demand-center-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.demand-center-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.demand-center-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.demand-center-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.demand-center-content-items, .demand-center-help-avatar, .demand-center-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.demand-center-content-items, .demand-center-rectangle-parent3 {
  box-sizing: border-box;
}

.demand-center-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.demand-center-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.demand-center-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.demand-center-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.demand-center-badge-parent, .demand-center-badge23, .demand-center-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.demand-center-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.demand-center-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-badge23, .demand-center-badge24, .demand-center-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.demand-center-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.demand-center-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.demand-center-badge24, .demand-center-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-badge-elements-copy, .demand-center-badge25, .demand-center-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.demand-center-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.demand-center-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.demand-center-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.demand-center-badge26, .demand-center-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.demand-center-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-badge27, .demand-center-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.demand-center-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.demand-center-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.demand-center-frame-parent1, .demand-center-frame-parent2, .demand-center-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.demand-center-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.demand-center-frame-child5, .demand-center-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.demand-center-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.demand-center-frame-child7, .demand-center-text78 {
  z-index: 2;
  position: relative;
}

.demand-center-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.demand-center-text78 {
  font-weight: 600;
  line-height: 28px;
}

.demand-center-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-location3, .demand-center-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-type-of-work2 {
  min-width: 109px;
}

.demand-center-frame-parent12, .demand-center-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.demand-center-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.demand-center-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.demand-center-badge29, .demand-center-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.demand-center-badge30 {
  width: 76px;
}

.demand-center-badge-container, .demand-center-badge30, .demand-center-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.demand-center-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.demand-center-badge-container, .demand-center-badge32, .demand-center-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.demand-center-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.demand-center-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.demand-center-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.demand-center-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-badge33, .demand-center-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.demand-center-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.demand-center-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-price2, .demand-center-text83 {
  position: relative;
}

.demand-center-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.demand-center-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.demand-center-demand-center-1-1-container, .demand-center-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.demand-center-demand-center-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.demand-center-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.demand-center-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.demand-center-name2, .demand-center-role2 {
  display: inline-block;
  position: relative;
}

.demand-center-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.demand-center-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.demand-center-buttonsbutton13, .demand-center-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.demand-center-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.demand-center-buttonsbutton14, .demand-center-buttonsbutton15, .demand-center-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.demand-center-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.demand-center-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.demand-center-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.demand-center-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.demand-center-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-frame-wrapper16, .demand-center-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.demand-center-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.demand-center-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.demand-center-divider-icon5, .demand-center-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.demand-center-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.demand-center-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.demand-center-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.demand-center-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-badge34, .demand-center-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.demand-center-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.demand-center-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-badge36, .demand-center-badge37, .demand-center-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.demand-center-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.demand-center-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.demand-center-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.demand-center-badge38, .demand-center-frame-parent26, .demand-center-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.demand-center-badge39, .demand-center-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.demand-center-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.demand-center-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.demand-center-element-details-child, .demand-center-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.demand-center-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.demand-center-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.demand-center-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.demand-center-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.demand-center-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.demand-center-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.demand-center-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.demand-center-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.demand-center-date-icon, .demand-center-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-type-label {
  color: #101828;
  font-size: 14px;
}

.demand-center-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.demand-center-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.demand-center-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.demand-center-work-type-icon, .demand-center-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.demand-center-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.demand-center-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.demand-center-action-icons, .demand-center-calendar-icon6, .demand-center-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.demand-center-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.demand-center-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.demand-center-element-actions, .demand-center-element-details-parent, .demand-center-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.demand-center-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.demand-center-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.demand-center-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.demand-center-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.demand-center-frame-parent32, .demand-center-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.demand-center-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.demand-center-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.demand-center-dropdown-parent1, .demand-center-frame-parent31, .demand-center-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.demand-center-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.demand-center-dropdown-parent1, .demand-center-frame-parent31 {
  align-items: flex-end;
}

.demand-center-frame-parent31 {
  flex: 1;
}

.demand-center-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.demand-center-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.demand-center-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.demand-center-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.demand-center-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.demand-center-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.demand-center-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.demand-center-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.demand-center-span {
  font-weight: 500;
}

.demand-center-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.demand-center-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.demand-center-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-frame-parent36, .demand-center-frame-parent37, .demand-center-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.demand-center-frame-parent37, .demand-center-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.demand-center-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.demand-center-text105, .demand-center-text106, .demand-center-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.demand-center-text105, .demand-center-text106 {
  display: inline-block;
}

.demand-center-text105 {
  min-width: 103px;
}

.demand-center-text106 {
  flex-shrink: 0;
  width: 151px;
}

.demand-center-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.demand-center-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.demand-center-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.demand-center-supporting-text20, .demand-center-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.demand-center-supporting-text20 {
  min-width: 70.9px;
}

.demand-center-supporting-text21 {
  width: 104px;
}

.demand-center-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.demand-center-frame-parent33, .demand-center-frame-parent34, .demand-center-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.demand-center-frame-parent33, .demand-center-frame-parent34 {
  flex: 1;
}

.demand-center-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.demand-center-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.demand-center-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-buttonsbutton-wrapper, .demand-center-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.demand-center-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.demand-center-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-dropdown-parent2, .demand-center-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.demand-center-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.demand-center-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.demand-center-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.demand-center-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.demand-center-content-items5, .demand-center-frame-child16, .demand-center-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.demand-center-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.demand-center-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.demand-center-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.demand-center-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.demand-center-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.demand-center-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.demand-center-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.demand-center-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.demand-center-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.demand-center-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.demand-center-frame-parent39, .demand-center-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.demand-center-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.demand-center-dropdown14, .demand-center-text112 {
  z-index: 1;
  position: absolute;
}

.demand-center-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.demand-center-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.demand-center-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.demand-center-price6, .demand-center-text113 {
  z-index: 1;
  position: relative;
}

.demand-center-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.demand-center-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.demand-center-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.demand-center-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.demand-center-demand-center-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.demand-center-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.demand-center-frame-parent46, .demand-center-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.demand-center-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.demand-center-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.demand-center-frame-parent45, .demand-center-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.demand-center-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.demand-center-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.demand-center-card-container-child, .demand-center-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.demand-center-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.demand-center-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.demand-center-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.demand-center-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.demand-center-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.demand-center-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.demand-center-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.demand-center-dropdown15, .demand-center-item-title {
  z-index: 2;
  position: absolute;
}

.demand-center-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.demand-center-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.demand-center-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.demand-center-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.demand-center-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.demand-center-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.demand-center-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.demand-center-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.demand-center-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.demand-center-card-container, .demand-center-card-list, .demand-center-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.demand-center-card-container, .demand-center-card-list {
  align-items: flex-start;
}

.demand-center-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.demand-center-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.demand-center-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.demand-center-frame-wrapper37, .demand-center-price-wrapper, .demand-center-text-wrapper18, .demand-center-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.demand-center-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.demand-center-frame-wrapper37, .demand-center-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.demand-center-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.demand-center-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.demand-center-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.demand-center-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.demand-center-buttonsbutton-frame, .demand-center-frame-parent64, .demand-center-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.demand-center-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.demand-center-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.demand-center-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.demand-center-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.demand-center-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.demand-center-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-change7, .demand-center-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.demand-center-change7 {
  min-width: 38px;
  display: inline-block;
}

.demand-center-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.demand-center-change-and-text3, .demand-center-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.demand-center-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.demand-center-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.demand-center-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.demand-center-dropdown19, .demand-center-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.demand-center-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-buttonsbutton25, .demand-center-buttonsbutton26, .demand-center-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.demand-center-buttonsbutton25, .demand-center-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.demand-center-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.demand-center-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.demand-center-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.demand-center-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-arrow-square-up-right-wrapper1, .demand-center-buttonsbutton-parent1, .demand-center-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.demand-center-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.demand-center-divider-container1, .demand-center-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.demand-center-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.demand-center-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-buttonsbutton-wrapper1, .demand-center-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.demand-center-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.demand-center-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.demand-center-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.demand-center-badge46, .demand-center-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demand-center-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.demand-center-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.demand-center-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.demand-center-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-actions3, .demand-center-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.demand-center-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.demand-center-content20, .demand-center-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.demand-center-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.demand-center-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.demand-center-card-header, .demand-center-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.demand-center-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.demand-center-button-group-base9, .demand-center-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.demand-center-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.demand-center-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.demand-center-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.demand-center-button-group-base10, .demand-center-button-group-base11, .demand-center-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.demand-center-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.demand-center-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.demand-center-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.demand-center-content22, .demand-center-input-with-label3, .demand-center-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.demand-center-input-with-label3, .demand-center-input3 {
  align-self: stretch;
}

.demand-center-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.demand-center-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.demand-center-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.demand-center-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.demand-center-actions4, .demand-center-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.demand-center-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.demand-center-content-items9, .demand-center-content21, .demand-center-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.demand-center-content-items9, .demand-center-filters-bar1 {
  justify-content: flex-start;
}

.demand-center-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.demand-center-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.demand-center-badge-number1, .demand-center-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.demand-center-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.demand-center-badge47, .demand-center-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demand-center-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.demand-center-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.demand-center-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.demand-center-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.demand-center-actions5, .demand-center-card-header1, .demand-center-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.demand-center-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.demand-center-card-header1, .demand-center-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.demand-center-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.demand-center-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.demand-center-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.demand-center-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.demand-center-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.demand-center-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.demand-center-checkbox-wrapper, .demand-center-sub-nav-items-wrapper, .demand-center-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.demand-center-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.demand-center-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.demand-center-avatar2, .demand-center-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.demand-center-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.demand-center-avatar2 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.demand-center-account-button, .demand-center-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-account-button {
  min-width: 75px;
  font-weight: 500;
}

.demand-center-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.demand-center-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.demand-center-avatar3 {
  background-image: url("avatar3@3x.1f4d46c9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.demand-center-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.demand-center-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.demand-center-avatar5 {
  background-image: url("avatar4@3x.27b7e1fb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.demand-center-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-contrast-border6, .demand-center-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.demand-center-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -380px;
  overflow-x: auto;
}

.demand-center-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.demand-center-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.demand-center-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.demand-center-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-button-upload, .demand-center-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.demand-center-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.demand-center-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.demand-center-avatar8 {
  background-image: url("avatar5@3x.f36d8172.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.demand-center-table-cell6, .demand-center-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.demand-center-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.demand-center-avatar10 {
  background-image: url("avatar6@3x.5f263d4b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.demand-center-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.demand-center-avatar11 {
  background-image: url("avatar7@3x.bebe0bf4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.demand-center-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.demand-center-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.demand-center-table-header, .demand-center-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demand-center-table-header {
  gap: 4px;
}

.demand-center-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.demand-center-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.demand-center-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.demand-center-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell15, .demand-center-table-cell16, .demand-center-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.demand-center-table-cell16, .demand-center-table-cell18 {
  width: 271px;
}

.demand-center-table-cell18 {
  width: 239px;
}

.demand-center-column, .demand-center-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.demand-center-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.demand-center-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.demand-center-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.demand-center-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.demand-center-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.demand-center-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.demand-center-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.demand-center-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.demand-center-user-cell2, .demand-center-user-cell3, .demand-center-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-user-cell3, .demand-center-user-cell4 {
  min-width: 84px;
}

.demand-center-user-cell4 {
  min-width: 82px;
}

.demand-center-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.demand-center-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.demand-center-user-cell5, .demand-center-user-cell6, .demand-center-user-cell7 {
  line-height: 20px;
  position: relative;
}

.demand-center-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.demand-center-user-cell7 {
  white-space: nowrap;
}

.demand-center-column1, .demand-center-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.demand-center-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.demand-center-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.demand-center-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell30, .demand-center-table-header-cell3, .demand-center-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.demand-center-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.demand-center-table-cell30, .demand-center-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.demand-center-table-header-cell3 {
  background-color: #f9fafb;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.demand-center-table-cell30 {
  padding: 26px 50px 24px;
}

.demand-center-column2, .demand-center-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.demand-center-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.demand-center-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.demand-center-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-button-wrap, .demand-center-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.demand-center-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.demand-center-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.demand-center-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-content24, .demand-center-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-content24 {
  padding: 10px 16px;
}

.demand-center-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.demand-center-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-content25, .demand-center-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-content25 {
  padding: 10px 15px;
}

.demand-center-pagination-number-base1 {
  overflow: hidden;
}

.demand-center-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-content26, .demand-center-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-content26 {
  padding: 10px 15px;
}

.demand-center-pagination-number-base2 {
  overflow: hidden;
}

.demand-center-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.demand-center-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-content30, .demand-center-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.demand-center-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.demand-center-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-button-wrap1, .demand-center-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.demand-center-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.demand-center-pagination, .demand-center-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.demand-center-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.demand-center-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.demand-center-content-items10, .demand-center-content-items11, .demand-center-table-cell40, .demand-center-table-cell41, .demand-center-table-cell42, .demand-center-table-header-cell4 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.demand-center-table-cell40, .demand-center-table-cell41, .demand-center-table-cell42, .demand-center-table-header-cell4 {
  border-bottom: 1px solid #eaecf0;
  gap: 12px;
  position: absolute;
  left: 0;
}

.demand-center-table-header-cell4 {
  color: #475467;
  background-color: #f9fafb;
  width: 100%;
  max-width: 100%;
  padding: 12px 24px 10px;
  font-size: 12px;
  top: 0;
}

.demand-center-table-cell40, .demand-center-table-cell41, .demand-center-table-cell42 {
  width: 245px;
  padding: 16px 24px 14px;
  top: 44px;
  overflow-x: auto;
}

.demand-center-table-cell41, .demand-center-table-cell42 {
  width: 252px;
  top: 116px;
}

.demand-center-table-cell42 {
  top: 188px;
}

.demand-center-table-cell43 {
  width: 252px;
  top: 260px;
}

.demand-center-table-cell43, .demand-center-table-cell44, .demand-center-table-cell45 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.demand-center-table-cell44 {
  text-align: center;
  color: #667085;
  width: 311px;
  font-size: 16px;
  top: 332px;
}

.demand-center-table-cell45 {
  width: 260px;
  top: 404px;
}

.demand-center-table-cell46 {
  box-sizing: border-box;
  width: 252px;
  top: 476px;
}

.demand-center-table-cell46, .demand-center-table-cell47, .demand-center-table-cell48, .demand-center-table-cell49 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.demand-center-table-cell47 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  width: 242px;
  font-size: 16px;
  top: 548px;
}

.demand-center-table-cell48, .demand-center-table-cell49 {
  top: 620px;
}

.demand-center-table-cell49 {
  box-sizing: border-box;
  z-index: 1;
  width: 242px;
  top: 692px;
}

.demand-center-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.demand-center-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.demand-center-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.demand-center-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.demand-center-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.demand-center-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell50, .demand-center-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.demand-center-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.demand-center-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.demand-center-column3, .demand-center-table-cell52, .demand-center-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.demand-center-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.demand-center-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.demand-center-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.demand-center-marker-pin-02-group, .demand-center-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demand-center-marker-pin-02-group {
  gap: 7px;
}

.demand-center-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.demand-center-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.demand-center-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.demand-center-column-wrapper, .demand-center-column4, .demand-center-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.demand-center-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.demand-center-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.demand-center-column5, .demand-center-column6, .demand-center-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.demand-center-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.demand-center-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.demand-center-column-parent, .demand-center-frame-parent74, .demand-center-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.demand-center-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.demand-center-frame-parent74, .demand-center-pagination1 {
  align-self: stretch;
}

.demand-center-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.demand-center-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.demand-center-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.demand-center-badge50, .demand-center-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demand-center-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.demand-center-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.demand-center-content-items14, .demand-center-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.demand-center-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.demand-center-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-button-group-base27, .demand-center-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.demand-center-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.demand-center-button-group-base28 {
  background-color: #fff;
}

.demand-center-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.demand-center-filter-bar-container, .demand-center-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.demand-center-frame-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 701px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.demand-center-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.demand-center-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.demand-center-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.demand-center-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.demand-center-buttonsbutton33, .demand-center-content45, .demand-center-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.demand-center-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.demand-center-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-actions11, .demand-center-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.demand-center-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.demand-center-empty-state, .demand-center-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.demand-center-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.demand-center-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.demand-center-empty-state-wrapper, .demand-center-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.demand-center-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.demand-center-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.demand-center-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.demand-center-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.demand-center-content46, .demand-center-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demand-center-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.demand-center-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.demand-center-add, .demand-center-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-learn-more {
  min-width: 88px;
}

.demand-center-actions12, .demand-center-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.demand-center-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.demand-center-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.demand-center-empty-state-container, .demand-center-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.demand-center-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.demand-center-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.demand-center-demand-center-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .demand-center-all, .demand-center-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .demand-center-all {
    padding-bottom: 67px;
  }

  .demand-center-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .demand-center-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .demand-center-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .demand-center-content-elements-parent, .demand-center-content17, .demand-center-frame-group, .demand-center-rectangle-parent10, .demand-center-rectangle-parent5, .demand-center-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .demand-center-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .demand-center-frame-wrapper31 {
    flex: 1;
  }

  .demand-center-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .demand-center-list-item-parent {
    flex: 1;
  }

  .demand-center-card-list, .demand-center-content20, .demand-center-content21, .demand-center-metric-item-parent {
    flex-wrap: wrap;
  }

  .demand-center-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .demand-center-content23, .demand-center-frame-parent73, .demand-center-frame-parent74 {
    flex-wrap: wrap;
  }

  .demand-center-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .demand-center-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .demand-center-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .demand-center-content13 {
    gap: 17px;
  }

  .demand-center-tabs-and-filters {
    flex-wrap: wrap;
  }

  .demand-center-jul {
    width: 100%;
    height: 17px;
  }

  .demand-center-x-axis {
    flex-wrap: wrap;
  }

  .demand-center-number {
    font-size: 24px;
    line-height: 30px;
  }

  .demand-center-main {
    gap: 16px;
  }

  .demand-center-number3, .demand-center-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .demand-center-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .demand-center-badge-elements, .demand-center-card-elements, .demand-center-dropdowns, .demand-center-location-badge-number {
    flex-wrap: wrap;
  }

  .demand-center-action-fields {
    min-width: 100%;
  }

  .demand-center-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .demand-center-frame-parent2, .demand-center-primary-table {
    flex-wrap: wrap;
  }

  .demand-center-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .demand-center-frame-parent17, .demand-center-frame-parent18, .demand-center-frame-parent21 {
    flex-wrap: wrap;
  }

  .demand-center-element-details, .demand-center-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .demand-center-action-icons, .demand-center-element-details-parent {
    flex-wrap: wrap;
  }

  .demand-center-icon-button {
    gap: 17px;
  }

  .demand-center-icon-button, .demand-center-sidebar1 {
    flex-wrap: wrap;
  }

  .demand-center-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .demand-center-rectangle-parent11 {
    gap: 16px;
  }

  .demand-center-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .demand-center-frame-parent39 {
    min-width: 100%;
  }

  .demand-center-frame-wrapper31 {
    margin-left: 0;
  }

  .demand-center-card-row {
    min-width: 100%;
  }

  .demand-center-list-item-parent {
    margin-left: 0;
  }

  .demand-center-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .demand-center-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .demand-center-text-and-supporting-text2 {
    min-width: 100%;
  }

  .demand-center-actions4 {
    flex-wrap: wrap;
  }

  .demand-center-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .demand-center-text-and-supporting-text3 {
    min-width: 100%;
  }

  .demand-center-actions5, .demand-center-table-cell51, .demand-center-table-cell52 {
    flex-wrap: wrap;
  }

  .demand-center-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .demand-center-frame-parent, .demand-center-text-and-supporting-text16 {
    min-width: 100%;
  }

  .demand-center-empty-state3 {
    gap: 16px;
  }

  .demand-center-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .demand-center-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .demand-center-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .demand-center-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .demand-center-actions {
    flex-wrap: wrap;
  }

  .demand-center-number {
    font-size: 18px;
    line-height: 23px;
  }

  .demand-center-number-and-chart {
    flex-wrap: wrap;
  }

  .demand-center-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .demand-center-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .demand-center-number3, .demand-center-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .demand-center-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .demand-center-price {
    font-size: 16px;
    line-height: 26px;
  }

  .demand-center-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .demand-center-date-elements-parent {
    flex: 1;
  }

  .demand-center-badge-container, .demand-center-frame-parent12 {
    flex-wrap: wrap;
  }

  .demand-center-badge-group {
    height: auto;
    min-height: 104px;
  }

  .demand-center-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .demand-center-work-type-icon {
    flex: 1;
  }

  .demand-center-calendar-icon6 {
    flex-wrap: wrap;
  }

  .demand-center-work-type-label {
    margin-left: 0;
  }

  .demand-center-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .demand-center-frame-parent36, .demand-center-frame-parent42 {
    flex-wrap: wrap;
  }

  .demand-center-price5, .demand-center-price6, .demand-center-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .demand-center-frame-parent64 {
    flex-wrap: wrap;
  }

  .demand-center-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .demand-center-content22, .demand-center-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .demand-center-input-dropdown3 {
    max-width: 100%;
  }

  .demand-center-table-cell50, .demand-center-table-cell53 {
    flex-wrap: wrap;
  }

  .demand-center-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .demand-center-column5, .demand-center-column6 {
    flex: 1;
  }

  .demand-center-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .demand-center-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .demand-center-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .demand-center-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .demand-center-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.demand-center-device-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.demand-center-device-component-listing-container::-webkit-scrollbar {
  display: none;
}

.demand-center-device-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.demand-center-device-component-demand-center-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.demand-center-device-component-demand-center-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.demand-center-device-component-demand-center-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.demand-center-device-component-demand-center-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.demand-center-device-component-demand-center-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.demand-center-device-component-demand-center-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.demand-center-device-component-demand-center-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.demand-center-device-component-demand-center-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.demand-center-device-component-demand-center-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.demand-center-device-component-demand-center-text78:hover {
  text-decoration: underline;
}

.demand-center-device-component-demand-center-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.demand-center-device-component-demand-center-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.demand-center-device-component-demand-center-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.demand-center-device-component-demand-center-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.demand-center-device-component-demand-center-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.demand-center-device-component-demand-center-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.demand-center-device-component-demand-center-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.demand-center-device-component-demand-center-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.demand-center-device-component-demand-center-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-device-component-demand-center-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-device-component-demand-center-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.demand-center-device-component-demand-center-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.demand-center-device-component-demand-center-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.demand-center-device-component-demand-center-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-device-component-demand-center-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.demand-center-device-component-demand-center-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.demand-center-device-component-demand-center-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-device-component-demand-center-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.demand-center-device-component-demand-center-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-device-component-demand-center-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.demand-center-device-component-demand-center-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.demand-center-device-component-demand-center-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-device-component-demand-center-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.demand-center-device-component-demand-center-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-device-component-demand-center-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.demand-center-device-component-demand-center-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-device-component-demand-center-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.demand-center-device-component-demand-center-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.demand-center-device-component-demand-center-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.demand-center-device-component-demand-center-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-device-component-demand-center-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demand-center-device-component-demand-center-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.demand-center-device-component-demand-center-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.demand-center-device-component-demand-center-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.demand-center-device-component-demand-center-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.demand-center-device-component-demand-center-demand-center-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.demand-center-device-component-demand-center-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.demand-center-device-component-demand-center-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.demand-center-device-component-demand-center-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.demand-center-device-component-demand-center-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-device-component-demand-center-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.demand-center-device-component-demand-center-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.demand-center-device-component-demand-center-heading {
  font-weight: 600;
  line-height: 38px;
}

.demand-center-device-component-demand-center-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.demand-center-device-component-demand-center-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.demand-center-device-component-demand-center-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-device-component-demand-center-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-device-component-demand-center-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.demand-center-device-component-demand-center-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.demand-center-device-component-demand-center-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.demand-center-device-component-demand-center-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.demand-center-device-component-demand-center-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-device-component-demand-center-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-device-component-demand-center-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-buttonsbutton25, .demand-center-device-component-demand-center-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-device-component-demand-center-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.demand-center-device-component-demand-center-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.demand-center-device-component-demand-center-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.demand-center-device-component-demand-center-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-device-component-demand-center-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-device-component-demand-center-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.demand-center-device-component-demand-center-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.demand-center-device-component-demand-center-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.demand-center-device-component-demand-center-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.demand-center-device-component-demand-center-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-device-component-demand-center-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .demand-center-device-component-demand-center-rectangle-parent5, .demand-center-device-component-demand-center-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .demand-center-device-component-demand-center-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .demand-center-device-component-demand-center-action-fields {
    min-width: 100%;
  }

  .demand-center-device-component-demand-center-frame-parent21 {
    flex-wrap: wrap;
  }

  .demand-center-device-component-demand-center-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .demand-center-device-component-demand-center-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .demand-center-device-component-demand-center-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .demand-center-device-component-demand-center-number-and-chart {
    flex-wrap: wrap;
  }

  .demand-center-device-component-demand-center-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.demand-center-service-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.demand-center-service-component-listing-container::-webkit-scrollbar {
  display: none;
}

.demand-center-service-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.demand-center-service-component-demand-center-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.demand-center-service-component-demand-center-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.demand-center-service-component-demand-center-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.demand-center-service-component-demand-center-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.demand-center-service-component-demand-center-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.demand-center-service-component-demand-center-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.demand-center-service-component-demand-center-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.demand-center-service-component-demand-center-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.demand-center-service-component-demand-center-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.demand-center-service-component-demand-center-text78:hover {
  text-decoration: underline;
}

.demand-center-service-component-demand-center-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.demand-center-service-component-demand-center-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.demand-center-service-component-demand-center-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.demand-center-service-component-demand-center-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.demand-center-service-component-demand-center-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.demand-center-service-component-demand-center-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.demand-center-service-component-demand-center-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.demand-center-service-component-demand-center-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.demand-center-service-component-demand-center-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-service-component-demand-center-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-service-component-demand-center-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.demand-center-service-component-demand-center-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.demand-center-service-component-demand-center-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.demand-center-service-component-demand-center-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-service-component-demand-center-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.demand-center-service-component-demand-center-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.demand-center-service-component-demand-center-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-service-component-demand-center-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.demand-center-service-component-demand-center-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-service-component-demand-center-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.demand-center-service-component-demand-center-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.demand-center-service-component-demand-center-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-service-component-demand-center-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.demand-center-service-component-demand-center-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-service-component-demand-center-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.demand-center-service-component-demand-center-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-service-component-demand-center-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.demand-center-service-component-demand-center-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.demand-center-service-component-demand-center-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.demand-center-service-component-demand-center-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-service-component-demand-center-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demand-center-service-component-demand-center-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.demand-center-service-component-demand-center-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.demand-center-service-component-demand-center-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.demand-center-service-component-demand-center-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.demand-center-service-component-demand-center-demand-center-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.demand-center-service-component-demand-center-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.demand-center-service-component-demand-center-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.demand-center-service-component-demand-center-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.demand-center-service-component-demand-center-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-service-component-demand-center-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.demand-center-service-component-demand-center-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.demand-center-service-component-demand-center-heading {
  font-weight: 600;
  line-height: 38px;
}

.demand-center-service-component-demand-center-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.demand-center-service-component-demand-center-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.demand-center-service-component-demand-center-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-service-component-demand-center-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-service-component-demand-center-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.demand-center-service-component-demand-center-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.demand-center-service-component-demand-center-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.demand-center-service-component-demand-center-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.demand-center-service-component-demand-center-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-service-component-demand-center-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-service-component-demand-center-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-buttonsbutton25, .demand-center-service-component-demand-center-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-service-component-demand-center-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.demand-center-service-component-demand-center-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.demand-center-service-component-demand-center-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.demand-center-service-component-demand-center-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-service-component-demand-center-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-service-component-demand-center-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.demand-center-service-component-demand-center-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.demand-center-service-component-demand-center-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.demand-center-service-component-demand-center-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.demand-center-service-component-demand-center-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-service-component-demand-center-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .demand-center-service-component-demand-center-rectangle-parent5, .demand-center-service-component-demand-center-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .demand-center-service-component-demand-center-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .demand-center-service-component-demand-center-action-fields {
    min-width: 100%;
  }

  .demand-center-service-component-demand-center-frame-parent21 {
    flex-wrap: wrap;
  }

  .demand-center-service-component-demand-center-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .demand-center-service-component-demand-center-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .demand-center-service-component-demand-center-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .demand-center-service-component-demand-center-number-and-chart {
    flex-wrap: wrap;
  }

  .demand-center-service-component-demand-center-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.demand-center-software-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.demand-center-software-component-listing-container::-webkit-scrollbar {
  display: none;
}

.demand-center-software-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.demand-center-software-component-demand-center-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.demand-center-software-component-demand-center-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.demand-center-software-component-demand-center-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.demand-center-software-component-demand-center-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.demand-center-software-component-demand-center-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.demand-center-software-component-demand-center-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.demand-center-software-component-demand-center-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.demand-center-software-component-demand-center-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.demand-center-software-component-demand-center-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.demand-center-software-component-demand-center-text78:hover {
  text-decoration: underline;
}

.demand-center-software-component-demand-center-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.demand-center-software-component-demand-center-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.demand-center-software-component-demand-center-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.demand-center-software-component-demand-center-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.demand-center-software-component-demand-center-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.demand-center-software-component-demand-center-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.demand-center-software-component-demand-center-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.demand-center-software-component-demand-center-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.demand-center-software-component-demand-center-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-software-component-demand-center-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-software-component-demand-center-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.demand-center-software-component-demand-center-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.demand-center-software-component-demand-center-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.demand-center-software-component-demand-center-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-software-component-demand-center-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.demand-center-software-component-demand-center-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.demand-center-software-component-demand-center-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-software-component-demand-center-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.demand-center-software-component-demand-center-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-software-component-demand-center-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.demand-center-software-component-demand-center-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.demand-center-software-component-demand-center-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-software-component-demand-center-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.demand-center-software-component-demand-center-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-software-component-demand-center-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.demand-center-software-component-demand-center-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-software-component-demand-center-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.demand-center-software-component-demand-center-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.demand-center-software-component-demand-center-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.demand-center-software-component-demand-center-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-software-component-demand-center-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demand-center-software-component-demand-center-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.demand-center-software-component-demand-center-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.demand-center-software-component-demand-center-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.demand-center-software-component-demand-center-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.demand-center-software-component-demand-center-demand-center-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.demand-center-software-component-demand-center-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.demand-center-software-component-demand-center-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.demand-center-software-component-demand-center-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.demand-center-software-component-demand-center-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-software-component-demand-center-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.demand-center-software-component-demand-center-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.demand-center-software-component-demand-center-heading {
  font-weight: 600;
  line-height: 38px;
}

.demand-center-software-component-demand-center-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.demand-center-software-component-demand-center-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.demand-center-software-component-demand-center-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-software-component-demand-center-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-software-component-demand-center-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.demand-center-software-component-demand-center-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.demand-center-software-component-demand-center-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.demand-center-software-component-demand-center-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.demand-center-software-component-demand-center-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-software-component-demand-center-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-software-component-demand-center-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-buttonsbutton25, .demand-center-software-component-demand-center-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-software-component-demand-center-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.demand-center-software-component-demand-center-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.demand-center-software-component-demand-center-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.demand-center-software-component-demand-center-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-software-component-demand-center-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-software-component-demand-center-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.demand-center-software-component-demand-center-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.demand-center-software-component-demand-center-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.demand-center-software-component-demand-center-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.demand-center-software-component-demand-center-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-software-component-demand-center-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .demand-center-software-component-demand-center-rectangle-parent5, .demand-center-software-component-demand-center-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .demand-center-software-component-demand-center-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .demand-center-software-component-demand-center-action-fields {
    min-width: 100%;
  }

  .demand-center-software-component-demand-center-frame-parent21 {
    flex-wrap: wrap;
  }

  .demand-center-software-component-demand-center-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .demand-center-software-component-demand-center-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .demand-center-software-component-demand-center-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .demand-center-software-component-demand-center-number-and-chart {
    flex-wrap: wrap;
  }

  .demand-center-software-component-demand-center-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.demand-center-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.demand-center-spare-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.demand-center-spare-component-listing-container::-webkit-scrollbar {
  display: none;
}

.demand-center-spare-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.demand-center-spare-component-demand-center-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.demand-center-spare-component-demand-center-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.demand-center-spare-component-demand-center-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.demand-center-spare-component-demand-center-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.demand-center-spare-component-demand-center-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.demand-center-spare-component-demand-center-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.demand-center-spare-component-demand-center-action-fields {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.demand-center-spare-component-demand-center-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.demand-center-spare-component-demand-center-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 830px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.demand-center-spare-component-demand-center-text78:hover {
  text-decoration: underline;
}

.demand-center-spare-component-demand-center-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.demand-center-spare-component-demand-center-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 25%;
  display: flex;
}

.demand-center-spare-component-demand-center-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.demand-center-spare-component-demand-center-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.demand-center-spare-component-demand-center-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.demand-center-spare-component-demand-center-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.demand-center-spare-component-demand-center-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.demand-center-spare-component-demand-center-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.demand-center-spare-component-demand-center-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-spare-component-demand-center-card-badge-number {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-spare-component-demand-center-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 35%;
  font-size: 16px;
  display: flex;
}

.demand-center-spare-component-demand-center-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.demand-center-spare-component-demand-center-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.demand-center-spare-component-demand-center-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-spare-component-demand-center-location3 {
  z-index: 2;
  text-wrap: nowrap;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.demand-center-spare-component-demand-center-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  display: flex;
}

.demand-center-spare-component-demand-center-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-spare-component-demand-center-badge-number-element {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.demand-center-spare-component-demand-center-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-spare-component-demand-center-second-badge-count {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.demand-center-spare-component-demand-center-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 25%;
  font-size: 16px;
  display: flex;
}

.demand-center-spare-component-demand-center-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.demand-center-spare-component-demand-center-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.demand-center-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.demand-center-spare-component-demand-center-type-of-work2 {
  z-index: 2;
  text-wrap: nowrap;
  color: #475467;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-spare-component-demand-center-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.demand-center-spare-component-demand-center-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 15%;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-spare-component-demand-center-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.demand-center-spare-component-demand-center-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  font-size: 20px;
  display: flex;
  position: absolute;
  right: 0;
}

.demand-center-spare-component-demand-center-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.demand-center-spare-component-demand-center-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-spare-component-demand-center-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.demand-center-spare-component-demand-center-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.demand-center-spare-component-demand-center-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.demand-center-spare-component-demand-center-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.demand-center-spare-component-demand-center-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.demand-center-spare-component-demand-center-demand-center-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.demand-center-spare-component-demand-center-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.demand-center-spare-component-demand-center-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.demand-center-spare-component-demand-center-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.demand-center-spare-component-demand-center-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-spare-component-demand-center-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.demand-center-spare-component-demand-center-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.demand-center-spare-component-demand-center-heading {
  font-weight: 600;
  line-height: 38px;
}

.demand-center-spare-component-demand-center-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.demand-center-spare-component-demand-center-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.demand-center-spare-component-demand-center-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-spare-component-demand-center-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.demand-center-spare-component-demand-center-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.demand-center-spare-component-demand-center-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.demand-center-spare-component-demand-center-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.demand-center-spare-component-demand-center-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.demand-center-spare-component-demand-center-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-spare-component-demand-center-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-spare-component-demand-center-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-buttonsbutton25, .demand-center-spare-component-demand-center-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-spare-component-demand-center-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.demand-center-spare-component-demand-center-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.demand-center-spare-component-demand-center-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.demand-center-spare-component-demand-center-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.demand-center-spare-component-demand-center-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.demand-center-spare-component-demand-center-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.demand-center-spare-component-demand-center-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.demand-center-spare-component-demand-center-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.demand-center-spare-component-demand-center-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.demand-center-spare-component-demand-center-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.demand-center-spare-component-demand-center-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .demand-center-spare-component-demand-center-rectangle-parent5, .demand-center-spare-component-demand-center-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .demand-center-spare-component-demand-center-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .demand-center-spare-component-demand-center-action-fields {
    min-width: 100%;
  }

  .demand-center-spare-component-demand-center-frame-parent21 {
    flex-wrap: wrap;
  }

  .demand-center-spare-component-demand-center-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .demand-center-spare-component-demand-center-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .demand-center-spare-component-demand-center-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .demand-center-spare-component-demand-center-number-and-chart {
    flex-wrap: wrap;
  }

  .demand-center-spare-component-demand-center-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.admin-sign-in-gerator-04-1-icon1 {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.admin-sign-in-brand-navigation, .admin-sign-in-logo1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-sign-in-logo1 {
  background-image: url("gerator04-1@2x.d8e2cea2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.admin-sign-in-brand-navigation {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.admin-sign-in-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-sign-in-action-label {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  min-width: 47px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-sign-in-buttonsbutton4, .admin-sign-in-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-sign-in-buttonsbutton4 {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 8px;
  gap: 6px;
  padding: 10px 16px;
  overflow: hidden;
}

.admin-sign-in-text8 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 59px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-sign-in-hamburger-menu {
  display: none;
}

.admin-sign-in-buttonsbutton5, .admin-sign-in-navigation-actions {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-sign-in-buttonsbutton5 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-sign-in-buttonsbutton5:hover {
  background-color: #6941c6;
}

.admin-sign-in-buttonsbutton5.loading {
  cursor: wait;
  pointer-events: none;
}

.admin-sign-in-navigation-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 190px;
}

.admin-sign-in-brand-navigation-parent, .admin-sign-in-desktop {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-sign-in-brand-navigation-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-sign-in-desktop {
  box-sizing: border-box;
  justify-content: flex-start;
  width: 100%;
  padding: 0 32px;
  position: fixed;
}

.admin-sign-in-content-icon {
  border-radius: 18px;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
}

.admin-sign-in-login-credentials, .admin-sign-in-logomark {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-sign-in-logomark {
  justify-content: flex-start;
  box-shadow: 0 1.5px 4.5px #1018281a, 0 1.5px 3px #1018280f;
}

.admin-sign-in-login-credentials {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.admin-sign-in-supporting-text2, .admin-sign-in-title {
  align-self: stretch;
  position: relative;
}

.admin-sign-in-title {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.admin-sign-in-supporting-text2 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.admin-sign-in-brand-name, .admin-sign-in-login-form-fields {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.admin-sign-in-login-form-fields {
  gap: 24px;
}

.admin-sign-in-label3 {
  color: #344054;
  text-align: left;
  min-width: 36px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-sign-in-content8 {
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 199px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.admin-sign-in-help-icon3 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.admin-sign-in-input3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-sign-in-hint-text3 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.admin-sign-in-input-field3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.admin-sign-in-label4 {
  color: #344054;
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-sign-in-form1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.admin-sign-in-input5 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.admin-sign-in-checkbox-label, .admin-sign-in-supporting-text3 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.admin-sign-in-checkbox-label {
  color: #344054;
  flex: 1;
  font-weight: 500;
}

.admin-sign-in-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 320px;
  display: none;
}

.admin-sign-in-checkbox, .admin-sign-in-text-and-supporting-text1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 144px;
  display: flex;
}

.admin-sign-in-checkbox {
  gap: 8px;
  min-width: 160px;
}

.admin-sign-in-placeholder-icon8 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-sign-in-submit-label {
  color: #6941c6;
  text-align: left;
  min-width: 114px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-sign-in-buttonsbutton6, .admin-sign-in-remember-me {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-sign-in-buttonsbutton6 {
  gap: 6px;
  overflow: hidden;
}

.admin-sign-in-remember-me {
  flex-wrap: wrap;
  align-self: stretch;
  row-gap: 20px;
}

.admin-sign-in-icon {
  color: #fff;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-sign-in-buttonsbutton7 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 6px;
  padding: 8px 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-sign-in-buttonsbutton7:hover {
  background-color: #6941c6;
}

.admin-sign-in-social-icon4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-sign-in-social-label {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-sign-in-social-button4 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 8px 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-sign-in-social-icon5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-sign-in-social-button5 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-sign-in-text11 {
  color: #344054;
  text-align: left;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-sign-in-hyperlink {
  color: #475467;
  line-height: 20px;
}

.admin-sign-in-actions1, .admin-sign-in-content7, .admin-sign-in-social-button-groups1, .admin-sign-in-social-button7 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.admin-sign-in-social-button-groups1 {
  cursor: pointer;
}

.admin-sign-in-social-button7 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 11px;
  padding: 8px 16px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-sign-in-actions1, .admin-sign-in-content7, .admin-sign-in-social-button-groups1 {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.admin-sign-in-actions1, .admin-sign-in-content7 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}

.admin-sign-in-content7 {
  border-radius: 12px;
  gap: 24px;
  max-width: 100%;
  margin: 0;
}

.admin-sign-in-help-label, .admin-sign-in-question {
  line-height: 20px;
  position: relative;
}

.admin-sign-in-help-label {
  white-space: nowrap;
  min-width: 51px;
  font-weight: 600;
  display: inline-block;
}

.admin-sign-in-buttonsbutton8 {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.admin-sign-in-help-link {
  flex-direction: row;
  gap: 3px;
}

.admin-sign-in-account-help, .admin-sign-in-content6, .admin-sign-in-help-link {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-sign-in-account-help {
  text-align: left;
  color: #475467;
  flex-direction: row;
  padding: 0 75px;
  font-size: 14px;
}

.admin-sign-in-content6 {
  flex-direction: column;
  gap: 32px;
  width: 360px;
  max-width: 360px;
}

.admin-sign-in-container1, .admin-sign-in-login-form-container {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-sign-in-container1 {
  flex: 1;
  justify-content: center;
  max-width: 1280px;
  padding: 0 20px;
}

.admin-sign-in-login-form-container {
  text-align: center;
  color: #101828;
  justify-content: center;
  align-self: center;
  max-width: 100%;
  height: 100%;
  padding: 0 48px;
  font-family: Inter;
  font-size: 30px;
}

.admin-sign-in-copyright, .admin-sign-in-mail-01-icon1 {
  z-index: 1;
  position: relative;
}

.admin-sign-in-copyright {
  line-height: 20px;
}

.admin-sign-in-mail-01-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.admin-sign-in-mail-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.admin-sign-in-helpcentergeratorcom1 {
  white-space: nowrap;
  z-index: 1;
  line-height: 20px;
  position: relative;
}

.admin-sign-in-contact {
  flex-direction: row;
  justify-content: flex-start;
  gap: 7px;
}

.admin-sign-in-contact, .admin-sign-in-footer1, .admin-sign-in-log-in, .admin-sign-in-admin-sign-in-desktop {
  align-items: flex-start;
  display: flex;
}

.admin-sign-in-footer1 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding-bottom: 15px;
}

.admin-sign-in-log-in, .admin-sign-in-admin-sign-in-desktop {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
}

.admin-sign-in-log-in {
  height: inherit;
  text-align: left;
  color: #475467;
  align-self: stretch;
  gap: 25px;
  max-width: 100%;
  padding: 35px 32px 5px;
  font-family: Inter;
  font-size: 14px;
}

.admin-sign-in-admin-sign-in-desktop {
  letter-spacing: normal;
  gap: 18px;
  width: 100%;
  height: 100vh;
  padding: 18px 0 0;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .admin-sign-in-container1 {
    max-width: 100%;
  }

  .admin-sign-in-login-form-container {
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (width <= 1100px) {
  .admin-sign-in-log-in {
    box-sizing: border-box;
    gap: 325px;
    padding-top: 152px;
    padding-bottom: 21px;
  }
}

@media screen and (width <= 750px) {
  .admin-sign-in-title {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-sign-in-footer1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .admin-sign-in-desktop {
    box-sizing: border-box;
    justify-content: flex-start;
    width: 610px;
    padding: 0;
  }

  .admin-sign-in-brand-navigation {
    box-sizing: border-box;
    flex-direction: column;
    width: 121px;
    padding: 6px 0 0;
    position: relative;
    left: 30px;
  }

  .admin-sign-in-navigation-actions {
    display: none !important;
  }

  .admin-sign-in-hamburger-menu {
    display: flex;
    position: relative;
    right: 10px;
  }

  .admin-sign-in-gerator-04-1-icon1 {
    object-fit: cover;
    width: 121px;
    height: 32px;
    display: none;
    position: relative;
  }

  .admin-sign-in-title {
    font-size: 18px;
    line-height: 23px;
  }

  .admin-sign-in-checkbox, .admin-sign-in-help-link {
    flex-wrap: wrap;
  }

  .admin-sign-in-account-help {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .admin-sign-in-container1, .admin-sign-in-content6 {
    gap: 16px;
  }

  .admin-sign-in-log-in {
    gap: 272px;
    padding-top: 160px;
  }
}

.error-code {
  color: red !important;
}

.access-denied-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.access-denied-logo, .access-denied-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.access-denied-logo {
  background-image: url("gerator04-1@2x.cbea7ee6.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.access-denied-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.access-denied-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.access-denied-text {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  min-width: 47px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.access-denied-buttonsbutton, .access-denied-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.access-denied-buttonsbutton {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 8px;
  gap: 6px;
  padding: 10px 16px;
  overflow: hidden;
}

.access-denied-text1 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 59px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.access-denied-buttonsbutton1, .access-denied-navigation-actions {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.access-denied-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.access-denied-navigation-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 190px;
}

.access-denied-error-404-page-desktop-inner, .access-denied-frame-parent {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.access-denied-frame-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.access-denied-error-404-page-desktop-inner {
  box-sizing: border-box;
  justify-content: flex-start;
  width: 1360px;
  padding: 0 32px;
}

.access-denied-heading, .access-denied-subheading {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.access-denied-heading {
  letter-spacing: -.02em;
  color: #101828;
  margin: 0;
  font-family: inherit;
  font-size: 60px;
  line-height: 72px;
}

.access-denied-heading-and-subheading {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.access-denied-we-searched-high {
  margin-block: 0 20px;
}

.access-denied-lets-find-a {
  margin: 0;
}

.access-denied-supporting-text {
  color: #475467;
  align-self: stretch;
  height: 60px;
  font-size: 20px;
  line-height: 30px;
  display: inline-block;
  position: relative;
}

.access-denied-heading-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 768px;
  max-width: 768px;
  display: flex;
}

.access-denied-label {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.access-denied-search-lg-icon, .access-denied-text2 {
  position: relative;
  overflow: hidden;
}

.access-denied-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.access-denied-text2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.access-denied-content2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.access-denied-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.access-denied-input, .access-denied-input-with-label {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.access-denied-input {
  box-sizing: border-box;
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.access-denied-input-with-label {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.access-denied-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.access-denied-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 240px;
  max-width: 100%;
  display: flex;
}

.access-denied-text3 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.access-denied-buttonsbutton2, .access-denied-search-input {
  flex-direction: row;
  display: flex;
}

.access-denied-buttonsbutton2 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 95px;
  padding: 10px 17px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.access-denied-search-input {
  text-align: left;
  color: #344054;
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  max-width: 480px;
  font-size: 14px;
}

.access-denied-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.access-denied-text4 {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.access-denied-placeholder-icon6 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: none;
  position: relative;
  overflow: hidden;
}

.access-denied-buttonsbutton3 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px 21px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.access-denied-text5 {
  color: #fff;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.access-denied-buttonsbutton4 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px 21px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.access-denied-actions, .access-denied-container1, .access-denied-content1 {
  justify-content: flex-start;
  display: flex;
}

.access-denied-actions {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}

.access-denied-container1, .access-denied-content1 {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
}

.access-denied-content1 {
  align-self: stretch;
  gap: 48px;
  max-width: 100%;
  padding: 0 20px;
}

.access-denied-container1 {
  text-align: center;
  width: 1280px;
  max-width: 1280px;
  padding: 0 32px;
}

.access-denied-code-square-02-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.access-denied-feature-title, .access-denied-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.access-denied-feature-title {
  font-weight: 600;
  line-height: 30px;
}

.access-denied-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.access-denied-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.access-denied-text6 {
  min-width: 106px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.access-denied-buttonsbutton5 {
  color: #6941c6;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.access-denied-content4, .access-denied-feature-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.access-denied-content4 {
  align-self: stretch;
  gap: 20px;
}

.access-denied-feature-text {
  box-sizing: border-box;
  background-color: #f9fafb;
  flex: 1;
  gap: 48px;
  min-width: 280px;
  max-width: 100%;
  padding: 24px;
}

.access-denied-text8 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.access-denied-container2, .access-denied-content3 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.access-denied-content3 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px 30px;
  max-width: 100%;
  padding: 0 4px 0 0;
}

.access-denied-container2 {
  color: #101828;
  flex-direction: column;
  align-items: center;
  width: 1280px;
  max-width: 1280px;
  padding: 0 32px;
  font-size: 20px;
}

.access-denied-text11 {
  line-height: 20px;
  position: relative;
}

.access-denied-placeholder-icon12 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.access-denied-text12 {
  white-space: nowrap;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.access-denied-buttonsbutton8, .access-denied-row {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.access-denied-buttonsbutton8 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.access-denied-row {
  color: #475467;
  align-items: baseline;
  gap: 3px;
  padding: 0 75px;
  font-size: 14px;
}

.access-denied-container, .access-denied-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.access-denied-content {
  box-sizing: border-box;
  gap: 32px;
  width: 360px;
  max-width: 360px;
  padding: 0;
}

.access-denied-container {
  text-align: left;
  color: #6941c6;
  width: 100%;
  max-width: 1280px;
  font-family: Inter;
  font-size: 16px;
}

.access-denied-text13 {
  line-height: 20px;
  bottom: 32px;
  left: 32px;
}

.access-denied-helpcentergeratorcom, .access-denied-mail-01-icon, .access-denied-text13 {
  z-index: 1;
  position: absolute;
  margin: 0 !important;
}

.access-denied-mail-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  bottom: 34px;
  right: 204px;
  overflow: hidden;
}

.access-denied-helpcentergeratorcom {
  white-space: nowrap;
  line-height: 20px;
  bottom: 32px;
  right: 31.5px;
}

.access-denied-error-404-page-desktop, .access-denied-log-in {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.access-denied-log-in {
  text-align: left;
  color: #475467;
  align-self: stretch;
  align-items: center;
  gap: 32px;
  max-width: 100%;
  min-height: 960px;
  padding: 96px 80px 158px;
  font-family: Inter;
  font-size: 14px;
}

.access-denied-error-404-page-desktop {
  letter-spacing: normal;
  align-items: flex-start;
  width: 100%;
  padding: 18px 0 0;
  line-height: normal;
  overflow: hidden;
}

.access-denied-error-404-page-desktop-custom {
  padding: 0 !important;
}

@media screen and (width <= 1275px) {
  .access-denied-container, .access-denied-container1, .access-denied-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .access-denied-log-in {
    box-sizing: border-box;
    padding-top: 62px;
    padding-bottom: 103px;
  }
}

@media screen and (width <= 750px) {
  .access-denied-heading {
    font-size: 48px;
    line-height: 58px;
  }

  .access-denied-heading-and-supporting-text, .access-denied-search-input {
    max-width: 100%;
  }

  .access-denied-container1 {
    gap: 16px;
  }

  .access-denied-container2 {
    gap: 48px;
  }

  .access-denied-content, .access-denied-log-in {
    gap: 16px;
  }

  .access-denied-log-in {
    box-sizing: border-box;
    padding: 40px 40px 67px;
  }
}

@media screen and (width <= 450px) {
  .access-denied-heading {
    font-size: 36px;
    line-height: 43px;
  }

  .access-denied-supporting-text {
    font-size: 16px;
    line-height: 24px;
  }

  .access-denied-actions {
    flex-wrap: wrap;
  }

  .access-denied-content1 {
    gap: 24px;
  }

  .access-denied-feature-title {
    font-size: 16px;
    line-height: 24px;
  }

  .access-denied-container2, .access-denied-feature-text {
    gap: 24px;
  }

  .access-denied-row {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }

  .access-denied-container {
    gap: 16px;
  }
}

.navbar-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  color: #344054;
  background-color: #fff;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  padding: 14px 64px 14px 31px;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar-input-with-label-landing.show-search {
  opacity: 1;
  z-index: 999998;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  display: flex;
  transform: translateX(0);
}

@media screen and (width <= 750px) {
  .navbar-top-header-right {
    gap: 19px;
  }

  .navbar-top-header {
    gap: 35px;
  }

  .navbar-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }
}

@media screen and (width <= 450px) {
  .navbar-top-header {
    gap: 17px;
  }
}

.landing-page-search-section-search-wrapper {
  z-index: 10000;
  position: relative;
}

.landing-page-search-input-right-wrapper {
  z-index: 10001;
  align-items: center;
  gap: .5rem;
  display: flex;
  position: absolute;
  top: 50%;
  right: .5rem;
  transform: translateY(-50%);
}

.landing-page-search-input-right-button {
  color: #fff;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  box-shadow: none;
  cursor: pointer;
  background-color: #a855f7;
  border: 2px solid #0000;
  border-radius: 50%;
  transition: background-color .2s;
}

.navbar-input-with-label-landing .landing-page-search-input {
  border-radius: 20px;
  min-height: 2.5rem;
  padding: .35rem 6.5rem .35rem 1.25rem;
}

.navbar-input-with-label-landing .landing-page-search-custom-input {
  width: 100%;
  padding: .375rem 0;
  font-size: .95rem;
}

.navbar-input-with-label-landing .landing-page-search-input-right-wrapper, .navbar-input-with-label-landing.show-search.landing-page-search-input-right-wrapper {
  z-index: 10001;
  align-items: center;
  gap: .5rem;
  display: flex;
  position: absolute;
  top: 50%;
  right: .2rem;
  transform: translateY(-50%);
}

.navbar-input-with-label-landing .landing-page-input-dropdown-button {
  height: 2.25rem;
  padding: 0 .75rem;
  right: 2.5rem;
}

.navbar-input-with-label-landing .landing-page-search-input-right-button {
  width: 2.25rem;
  min-width: 2.25rem;
  height: 2.25rem;
  right: .25rem;
}

.navbar-input-with-label-landing .search-results-container {
  top: calc(100% + 5px) !important;
}

.navbar-input-with-label-landing.show-search {
  width: 500px;
  max-width: 500px;
  transition: max-width .3s ease-in-out;
}

@media screen and (width <= 750px) {
  .navbar-input-with-label-landing.show-search {
    max-width: 350px;
  }
}

@media screen and (width <= 450px) {
  .navbar-input-with-label-landing.show-search {
    max-width: 280px;
  }
}

.navbar-input-with-label-landing .landing-page-search-section-search-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
}

.dropdown-container {
  z-index: 1000;
  display: inline-block;
  position: relative;
}

.dropdown-trigger {
  cursor: pointer;
  color: #344054;
  background: none;
  border: #0000;
  border-radius: 8px;
  outline: none;
  justify-content: space-between;
  align-items: center;
  min-width: 70px;
  padding: 9px 10px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  transition: all .2s;
  display: flex;
}

.dropdown-trigger:hover, .dropdown-trigger.dropdown-open {
  background-color: #0000;
}

.dropdown-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 8px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.dropdown-icon {
  flex-shrink: 0;
  transition: transform .2s;
}

.dropdown-icon-rotated {
  transform: rotate(180deg);
}

.dropdown-menu {
  color: #344054;
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  width: 120px;
  max-height: 300px;
  margin-top: 8px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.dropdown-item {
  cursor: pointer;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 7px;
  align-items: center;
  width: calc(100% - 16px);
  margin: 1px 10px;
  padding: 9px 10px;
  transition: background-color .15s;
  display: flex;
}

.dropdown-item:hover {
  background-color: #eaecf0;
}

.dropdown-item-selected {
  background-color: #eaecf0;
  font-weight: 500;
}

.dropdown-menu::-webkit-scrollbar {
  width: 6px;
}

.dropdown-menu::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.dropdown-menu-two-column {
  width: 260px;
}

.dropdown-columns {
  padding: 4px;
  display: flex;
}

.dropdown-column {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.dropdown-separator {
  background-color: #eaecf0;
  flex-shrink: 0;
  width: 1px;
  margin: 4px 8px;
}

.dropdown-column .dropdown-item {
  width: calc(100% - 8px);
  margin: 1px 4px;
}

@media screen and (width <= 1275px) {
  .error-page-container, .error-page-container1, .error-page-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .error-page-log-in {
    box-sizing: border-box;
    padding-top: 62px;
    padding-bottom: 103px;
  }
}

@media screen and (width <= 750px) {
  .error-page-heading {
    font-size: 48px;
    line-height: 58px;
  }

  .error-page-heading-and-supporting-text, .error-page-search-input {
    max-width: 100%;
  }

  .error-page-container1 {
    gap: 16px;
  }

  .error-page-container2 {
    gap: 48px;
  }

  .error-page-content, .error-page-log-in {
    gap: 16px;
  }

  .error-page-log-in {
    box-sizing: border-box;
    padding: 40px 40px 67px;
  }
}

@media screen and (width <= 450px) {
  .error-page-heading {
    font-size: 36px;
    line-height: 43px;
  }

  .error-page-supporting-text {
    font-size: 16px;
    line-height: 24px;
  }

  .error-page-actions {
    flex-wrap: wrap;
  }

  .error-page-content1 {
    gap: 24px;
  }

  .error-page-feature-title {
    font-size: 16px;
    line-height: 24px;
  }

  .error-page-container2, .error-page-feature-text {
    gap: 24px;
  }

  .error-page-row {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }

  .error-page-container {
    gap: 16px;
  }
}

.archive-device1-not-logged-in-buttonsbutton18-custom {
  right: 195px !important;
}

.archive-device1-not-logged-in-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-device1-not-logged-in-filter-selected-div {
  width: 100%;
  height: max-content;
}

.archive-device1-not-logged-in-listing-container {
  gap: 20px;
  width: 100%;
  padding: 10px;
  display: grid;
  overflow-y: auto;
}

.archive-device1-not-logged-in-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-divider-icon7-cstm {
  position: initial !important;
}

.archive-device1-not-logged-in-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-device1-not-logged-in-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-device1-not-logged-in-logo, .archive-device1-not-logged-in-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-device1-not-logged-in-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-device1-not-logged-in-bar-chart-01-icon, .archive-device1-not-logged-in-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-device1-not-logged-in-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-device1-not-logged-in-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-device1-not-logged-in-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-device1-not-logged-in-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-device1-not-logged-in-text2, .archive-device1-not-logged-in-text3 {
  font-family: Inter;
  position: relative;
}

.archive-device1-not-logged-in-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-device1-not-logged-in-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-device1-not-logged-in-badge1, .archive-device1-not-logged-in-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-device1-not-logged-in-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-device1-not-logged-in-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-device1-not-logged-in-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-navigation, .archive-device1-not-logged-in-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-device1-not-logged-in-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-device1-not-logged-in-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-search-lg-icon, .archive-device1-not-logged-in-text6 {
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-device1-not-logged-in-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-device1-not-logged-in-content3, .archive-device1-not-logged-in-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-content3 {
  flex: 1;
  gap: 8px;
}

.archive-device1-not-logged-in-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-frame-parent, .archive-device1-not-logged-in-input-with-label, .archive-device1-not-logged-in-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-device1-not-logged-in-frame-parent, .archive-device1-not-logged-in-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-device1-not-logged-in-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-device1-not-logged-in-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-device1-not-logged-in-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-device1-not-logged-in-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-device1-not-logged-in-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-device1-not-logged-in-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-device1-not-logged-in-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-device1-not-logged-in-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-device1-not-logged-in-breadcrumb-button-base, .archive-device1-not-logged-in-rectangle-parent, .archive-device1-not-logged-in-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-device1-not-logged-in-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-device1-not-logged-in-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-device1-not-logged-in-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-device1-not-logged-in-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-device1-not-logged-in-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-device1-not-logged-in-tabs {
  gap: 8px;
}

.archive-device1-not-logged-in-breadcrumbs, .archive-device1-not-logged-in-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device1-not-logged-in-container {
  padding: 0 32px;
}

.archive-device1-not-logged-in-container, .archive-device1-not-logged-in-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-main-child, .archive-device1-not-logged-in-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-device1-not-logged-in-main-item {
  height: 43px;
}

.archive-device1-not-logged-in-main, .archive-device1-not-logged-in-text11 {
  align-self: stretch;
}

.archive-device1-not-logged-in-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-device1-not-logged-in-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-breadcrumb-button-base6, .archive-device1-not-logged-in-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-device1-not-logged-in-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-device1-not-logged-in-breadcrumbs1, .archive-device1-not-logged-in-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-device1-not-logged-in-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-device1-not-logged-in-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-device1-not-logged-in-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-device1-not-logged-in-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-label1, .archive-device1-not-logged-in-text15 {
  position: relative;
}

.archive-device1-not-logged-in-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-device1-not-logged-in-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-device1-not-logged-in-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-device1-not-logged-in-content5, .archive-device1-not-logged-in-input-with-label1, .archive-device1-not-logged-in-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-device1-not-logged-in-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-device1-not-logged-in-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-device1-not-logged-in-content4, .archive-device1-not-logged-in-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-device1-not-logged-in-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-device1-not-logged-in-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-page-header1, .archive-device1-not-logged-in-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-device1-not-logged-in-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 100%;
  padding: 0 32px;
}

.archive-device1-not-logged-in-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-device1-not-logged-in-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-device1-not-logged-in-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-device1-not-logged-in-button-group-base2, .archive-device1-not-logged-in-button-group-base3, .archive-device1-not-logged-in-button-group-base4, .archive-device1-not-logged-in-button-group-base5, .archive-device1-not-logged-in-button-group-base6, .archive-device1-not-logged-in-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-device1-not-logged-in-button-group-base3, .archive-device1-not-logged-in-button-group-base4, .archive-device1-not-logged-in-button-group-base5, .archive-device1-not-logged-in-button-group-base6, .archive-device1-not-logged-in-button-group-base7 {
  z-index: 6;
}

.archive-device1-not-logged-in-button-group-base4, .archive-device1-not-logged-in-button-group-base5, .archive-device1-not-logged-in-button-group-base6, .archive-device1-not-logged-in-button-group-base7 {
  z-index: 5;
}

.archive-device1-not-logged-in-button-group-base5, .archive-device1-not-logged-in-button-group-base6, .archive-device1-not-logged-in-button-group-base7 {
  z-index: 4;
}

.archive-device1-not-logged-in-button-group-base6, .archive-device1-not-logged-in-button-group-base7 {
  z-index: 3;
}

.archive-device1-not-logged-in-button-group-base7 {
  z-index: 2;
}

.archive-device1-not-logged-in-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-breadcrumb-button-base11, .archive-device1-not-logged-in-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-device1-not-logged-in-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-device1-not-logged-in-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-device1-not-logged-in-breadcrumb-button-base14, .archive-device1-not-logged-in-breadcrumbs2, .archive-device1-not-logged-in-button-group, .archive-device1-not-logged-in-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-device1-not-logged-in-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  position: absolute;
  bottom: -20px;
  right: -2px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-device1-not-logged-in-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
}

.archive-device1-not-logged-in-divider-icon2, .archive-device1-not-logged-in-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-filter-items {
  position: absolute;
  margin: 0 !important;
}

.archive-device1-not-logged-in-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
}

.archive-device1-not-logged-in-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-device1-not-logged-in-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-device1-not-logged-in-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-device1-not-logged-in-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-device1-not-logged-in-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-device1-not-logged-in-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-device1-not-logged-in-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-dot-item-type-parent {
  gap: 8px;
}

.archive-device1-not-logged-in-completed, .archive-device1-not-logged-in-dot-item-content, .archive-device1-not-logged-in-dot-item-innermost, .archive-device1-not-logged-in-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-device1-not-logged-in-completed, .archive-device1-not-logged-in-dot-item-innermost {
  box-sizing: border-box;
}

.archive-device1-not-logged-in-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-device1-not-logged-in-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-device1-not-logged-in-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-device1-not-logged-in-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-device1-not-logged-in-badge4, .archive-device1-not-logged-in-completed-parent, .archive-device1-not-logged-in-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-device1-not-logged-in-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-badge5, .archive-device1-not-logged-in-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-device1-not-logged-in-badge6 {
  width: 76px;
}

.archive-device1-not-logged-in-badge7, .archive-device1-not-logged-in-badges {
  flex-direction: row;
  flex: 1;
}

.archive-device1-not-logged-in-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-badges {
  gap: 8px;
}

.archive-device1-not-logged-in-badges, .archive-device1-not-logged-in-badges-wrapper, .archive-device1-not-logged-in-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-device1-not-logged-in-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-device1-not-logged-in-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-dot-item-parent, .archive-device1-not-logged-in-dots-parent, .archive-device1-not-logged-in-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-device1-not-logged-in-dots-parent, .archive-device1-not-logged-in-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-device1-not-logged-in-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-device1-not-logged-in-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-device1-not-logged-in-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-device1-not-logged-in-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-magnifier-1-icon {
  object-fit: cover;
  cursor: pointer;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-deal-inner, .archive-device1-not-logged-in-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-device1-not-logged-in-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-device1-not-logged-in-card-deal, .archive-device1-not-logged-in-deal-details, .archive-device1-not-logged-in-deal-inner {
  justify-content: flex-start;
}

.archive-device1-not-logged-in-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-device1-not-logged-in-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-device1-not-logged-in-card-deal, .archive-device1-not-logged-in-frame-wrapper, .archive-device1-not-logged-in-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-device1-not-logged-in-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-device1-not-logged-in-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-device1-not-logged-in-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-close-icons, .archive-device1-not-logged-in-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-device1-not-logged-in-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-device1-not-logged-in-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-device1-not-logged-in-name, .archive-device1-not-logged-in-role {
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-device1-not-logged-in-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-device1-not-logged-in-inner-info {
  flex-direction: column;
}

.archive-device1-not-logged-in-inner-info, .archive-device1-not-logged-in-inner-info-wrapper, .archive-device1-not-logged-in-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-device1-not-logged-in-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-device1-not-logged-in-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-device1-not-logged-in-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-device1-not-logged-in-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-buttonsbutton2, .archive-device1-not-logged-in-buttonsbutton3, .archive-device1-not-logged-in-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-device1-not-logged-in-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-device1-not-logged-in-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 0 0;
  display: flex;
}

.archive-device1-not-logged-in-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-filter-items-parent, .archive-device1-not-logged-in-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-device1-not-logged-in-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-device1-not-logged-in-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-not-logged-in-price-value, .archive-device1-not-logged-in-text37 {
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-text37 {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

.archive-device1-not-logged-in-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-device1-not-logged-in-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-device1-not-logged-in-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device1-not-logged-in-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-device1-not-logged-in-badge10, .archive-device1-not-logged-in-badge11, .archive-device1-not-logged-in-deal-type-parent, .archive-device1-not-logged-in-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-badge11, .archive-device1-not-logged-in-frame-parent1 {
  flex: 1;
}

.archive-device1-not-logged-in-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-device1-not-logged-in-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-badge-group, .archive-device1-not-logged-in-badge12, .archive-device1-not-logged-in-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-device1-not-logged-in-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-device1-not-logged-in-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-device1-not-logged-in-badge13, .archive-device1-not-logged-in-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-device1-not-logged-in-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-device1-not-logged-in-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-badge13, .archive-device1-not-logged-in-badge14, .archive-device1-not-logged-in-card-work, .archive-device1-not-logged-in-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-device1-not-logged-in-badge14, .archive-device1-not-logged-in-frame-div {
  flex-direction: row;
}

.archive-device1-not-logged-in-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-device1-not-logged-in-frame-container, .archive-device1-not-logged-in-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 80%;
  padding: 8px 0 0;
}

.archive-device1-not-logged-in-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-device1-not-logged-in-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-device1-not-logged-in-inner-icons, .archive-device1-not-logged-in-inner-icons-wrapper, .archive-device1-not-logged-in-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-device1-not-logged-in-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 20%;
  font-size: 20px;
}

.archive-device1-not-logged-in-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
}

.archive-device1-not-logged-in-dots-vertical-container, .archive-device1-not-logged-in-frame-group, .archive-device1-not-logged-in-rectangle-container, .archive-device1-not-logged-in-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-device1-not-logged-in-dots-vertical-container, .archive-device1-not-logged-in-rectangle-container {
  flex-direction: row;
}

.archive-device1-not-logged-in-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-device1-not-logged-in-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-device1-not-logged-in-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-device1-not-logged-in-buttonsbutton-wrapper, .archive-device1-not-logged-in-frame-parent3, .archive-device1-not-logged-in-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-device1-not-logged-in-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-device1-not-logged-in-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-device1-not-logged-in-divider-parent, .archive-device1-not-logged-in-rectangle-group, .archive-device1-not-logged-in-rectangle-group1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-device1-not-logged-in-rectangle-group {
  box-sizing: border-box;
  color: #101828;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 100%;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
}

.archive-device1-not-logged-in-rectangle-group1 {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  position: absolute;
  top: 700px;
  bottom: -15px;
  right: 30px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton10 {
  left: 370px;
}

.archive-device1-not-logged-in-buttonsbutton10, .archive-device1-not-logged-in-buttonsbutton11, .archive-device1-not-logged-in-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-not-logged-in-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-device1-not-logged-in-buttonsbutton12 {
  right: 262px;
}

.archive-device1-not-logged-in-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 116px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-button, .archive-device1-not-logged-in-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-device1-not-logged-in-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-device1-not-logged-in-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-device1-not-logged-in-button, .archive-device1-not-logged-in-button1, .archive-device1-not-logged-in-text60 {
  align-self: stretch;
}

.archive-device1-not-logged-in-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
  margin: 0 !important;
}

.archive-device1-not-logged-in-divider-icon6, .archive-device1-not-logged-in-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-device1-not-logged-in-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  height: max-content;
  font-size: 14px;
}

.archive-device1-not-logged-in-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 70px;
  overflow: hidden;
}

.archive-device1-not-logged-in-divider-icon6, .archive-device1-not-logged-in-divider-icon7, .archive-device1-not-logged-in-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-device1-not-logged-in-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-device1-not-logged-in-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-device1-not-logged-in-text-group, .archive-device1-not-logged-in-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-device1-not-logged-in-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-device1-not-logged-in-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-last-active, .archive-device1-not-logged-in-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-device1-not-logged-in-name-container {
  gap: 16px;
}

.archive-device1-not-logged-in-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-applications, .archive-device1-not-logged-in-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-device1-not-logged-in-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-device1-not-logged-in-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-device1-not-logged-in-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-device1-not-logged-in-card-actions, .archive-device1-not-logged-in-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-device1-not-logged-in-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-device1-not-logged-in-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-device1-not-logged-in-price2, .archive-device1-not-logged-in-rate {
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-device1-not-logged-in-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-device1-not-logged-in-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-device1-not-logged-in-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-device1-not-logged-in-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-device1-not-logged-in-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-device1-not-logged-in-card-actions1, .archive-device1-not-logged-in-deal-container, .archive-device1-not-logged-in-listing-border-parent, .archive-device1-not-logged-in-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-device1-not-logged-in-listing-border-parent, .archive-device1-not-logged-in-listing-card-actions {
  box-sizing: border-box;
}

.archive-device1-not-logged-in-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-device1-not-logged-in-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-device1-not-logged-in-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-device1-not-logged-in-name3, .archive-device1-not-logged-in-role2 {
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-device1-not-logged-in-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-device1-not-logged-in-collapsed-name-details, .archive-device1-not-logged-in-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-device1-not-logged-in-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-device1-not-logged-in-collapsed-name-role, .archive-device1-not-logged-in-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-device1-not-logged-in-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-device1-not-logged-in-detail-header, .archive-device1-not-logged-in-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-device1-not-logged-in-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-device1-not-logged-in-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-device1-not-logged-in-detail-header1, .archive-device1-not-logged-in-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-device1-not-logged-in-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-device1-not-logged-in-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-device1-not-logged-in-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-device1-not-logged-in-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device1-not-logged-in-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-device1-not-logged-in-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-badge16, .archive-device1-not-logged-in-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-device1-not-logged-in-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-location2, .archive-device1-not-logged-in-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-type-of-work3 {
  min-width: 109px;
}

.archive-device1-not-logged-in-location-content, .archive-device1-not-logged-in-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-device1-not-logged-in-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-device1-not-logged-in-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-badge17, .archive-device1-not-logged-in-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-device1-not-logged-in-badge18 {
  width: 76px;
}

.archive-device1-not-logged-in-badge-container, .archive-device1-not-logged-in-badge18, .archive-device1-not-logged-in-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-device1-not-logged-in-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-device1-not-logged-in-badge-name, .archive-device1-not-logged-in-buttonsbutton19, .archive-device1-not-logged-in-buttonsbutton20, .archive-device1-not-logged-in-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-device1-not-logged-in-buttonsbutton19, .archive-device1-not-logged-in-buttonsbutton20, .archive-device1-not-logged-in-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-device1-not-logged-in-buttonsbutton20, .archive-device1-not-logged-in-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-device1-not-logged-in-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-device1-not-logged-in-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-device1-not-logged-in-badge-details, .archive-device1-not-logged-in-buttonsbutton-parent, .archive-device1-not-logged-in-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-device1-not-logged-in-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-device1-not-logged-in-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-device1-not-logged-in-badge22, .archive-device1-not-logged-in-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-device1-not-logged-in-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-device1-not-logged-in-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-badge-list-item, .archive-device1-not-logged-in-badge22, .archive-device1-not-logged-in-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-device1-not-logged-in-location-item, .archive-device1-not-logged-in-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-device1-not-logged-in-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-device1-not-logged-in-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-badge24, .archive-device1-not-logged-in-buttonsbutton23, .archive-device1-not-logged-in-first-badge-details, .archive-device1-not-logged-in-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-buttonsbutton23, .archive-device1-not-logged-in-first-badge-details, .archive-device1-not-logged-in-work-item {
  flex: 1;
}

.archive-device1-not-logged-in-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-device1-not-logged-in-buttonsbutton23, .archive-device1-not-logged-in-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-device1-not-logged-in-first-badge-details {
  max-width: 100%;
}

.archive-device1-not-logged-in-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-device1-not-logged-in-buttonsbutton-group, .archive-device1-not-logged-in-second-badge-divider, .archive-device1-not-logged-in-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-device1-not-logged-in-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-device1-not-logged-in-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-device1-not-logged-in-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-device1-not-logged-in-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-device1-not-logged-in-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-device1-not-logged-in-location-summary, .archive-device1-not-logged-in-summary-details, .archive-device1-not-logged-in-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-device1-not-logged-in-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-device1-not-logged-in-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-device1-not-logged-in-badge25, .archive-device1-not-logged-in-frame-parent5, .archive-device1-not-logged-in-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-device1-not-logged-in-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-device1-not-logged-in-expanded-content, .archive-device1-not-logged-in-expanded-listing, .archive-device1-not-logged-in-first-badges, .archive-device1-not-logged-in-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-device1-not-logged-in-expanded-content, .archive-device1-not-logged-in-expanded-listing {
  max-width: 100%;
}

.archive-device1-not-logged-in-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-device1-not-logged-in-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-device1-not-logged-in-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-device1-not-logged-in-arrow-square-up-right-icon1, .archive-device1-not-logged-in-arrow-square-up-right-icon2, .archive-device1-not-logged-in-dots-vertical-icon3, .archive-device1-not-logged-in-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-not-logged-in-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-device1-not-logged-in-dots-vertical-icon3, .archive-device1-not-logged-in-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-device1-not-logged-in-dots-vertical-icon3 {
  top: 260px;
}

.archive-device1-not-logged-in-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-device1-not-logged-in-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-device1-not-logged-in-radar-1-1-container {
  z-index: 2;
  cursor: pointer;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-device1-not-logged-in-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-device1-not-logged-in-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-device1-not-logged-in-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-device1-not-logged-in-arrow-square-up-right-parent, .archive-device1-not-logged-in-frame-parent6, .archive-device1-not-logged-in-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-device1-not-logged-in-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-device1-not-logged-in-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-device1-not-logged-in-collapsed-content, .archive-device1-not-logged-in-collapsed-details, .archive-device1-not-logged-in-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-collapsed-content {
  position: relative;
}

.archive-device1-not-logged-in-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-device1-not-logged-in-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-not-logged-in-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-business-image, .archive-device1-not-logged-in-text83 {
  z-index: 1;
  position: relative;
}

.archive-device1-not-logged-in-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-device1-not-logged-in-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-device1-not-logged-in-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-device1-not-logged-in-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-device1-not-logged-in-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-device1-not-logged-in-span {
  font-weight: 500;
}

.archive-device1-not-logged-in-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-device1-not-logged-in-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-device1-not-logged-in-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-device1-not-logged-in-application-count, .archive-device1-not-logged-in-business-location, .archive-device1-not-logged-in-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-device1-not-logged-in-application-count, .archive-device1-not-logged-in-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-device1-not-logged-in-application-count {
  color: #fff;
  gap: 8px;
}

.archive-device1-not-logged-in-badge-one, .archive-device1-not-logged-in-badge-three, .archive-device1-not-logged-in-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-device1-not-logged-in-badge-three, .archive-device1-not-logged-in-badge-two {
  display: inline-block;
}

.archive-device1-not-logged-in-badge-two {
  min-width: 103px;
}

.archive-device1-not-logged-in-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-device1-not-logged-in-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-device1-not-logged-in-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-device1-not-logged-in-supporting-text23, .archive-device1-not-logged-in-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-supporting-text23 {
  min-width: 70.9px;
}

.archive-device1-not-logged-in-supporting-text24 {
  width: 104px;
}

.archive-device1-not-logged-in-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-device1-not-logged-in-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-device1-not-logged-in-badges-parent, .archive-device1-not-logged-in-business-details, .archive-device1-not-logged-in-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-device1-not-logged-in-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-device1-not-logged-in-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-business-actions, .archive-device1-not-logged-in-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-device1-not-logged-in-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-device1-not-logged-in-content6:hover {
  background-color: #40454f;
}

.archive-device1-not-logged-in-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-device1-not-logged-in-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-device1-not-logged-in-arrow-square-up-right-icon3, .archive-device1-not-logged-in-arrow-square-up-right-icon4, .archive-device1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-not-logged-in-arrow-square-up-right-icon4, .archive-device1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-device1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-device1-not-logged-in-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-device1-not-logged-in-frame-parent11, .archive-device1-not-logged-in-group-div, .archive-device1-not-logged-in-list-header, .archive-device1-not-logged-in-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-device1-not-logged-in-frame-parent11, .archive-device1-not-logged-in-group-div {
  gap: 7.3px;
}

.archive-device1-not-logged-in-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-device1-not-logged-in-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-device1-not-logged-in-divider-icon10, .archive-device1-not-logged-in-dots-vertical-icon7, .archive-device1-not-logged-in-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-device1-not-logged-in-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-device1-not-logged-in-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-dots-vertical-parent1, .archive-device1-not-logged-in-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-text-wrapper7 {
  flex: 1;
}

.archive-device1-not-logged-in-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-device1-not-logged-in-rectangle-textarea, .archive-device1-not-logged-in-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-device1-not-logged-in-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-device1-not-logged-in-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-device1-not-logged-in-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-contact-details, .archive-device1-not-logged-in-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-device1-not-logged-in-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-device1-not-logged-in-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton27, .archive-device1-not-logged-in-buttonsbutton28, .archive-device1-not-logged-in-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-buttonsbutton28, .archive-device1-not-logged-in-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-device1-not-logged-in-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-device1-not-logged-in-contact-details-parent, .archive-device1-not-logged-in-detail-item-parent, .archive-device1-not-logged-in-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-device1-not-logged-in-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-device1-not-logged-in-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton-wrapper2, .archive-device1-not-logged-in-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-device1-not-logged-in-frame-parent22, .archive-device1-not-logged-in-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-device1-not-logged-in-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-device1-not-logged-in-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-pair-container-parent, .archive-device1-not-logged-in-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-device1-not-logged-in-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-device1-not-logged-in-frame-parent19, .archive-device1-not-logged-in-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-device1-not-logged-in-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-device1-not-logged-in-price7, .archive-device1-not-logged-in-total {
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-device1-not-logged-in-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-device1-not-logged-in-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-device1-not-logged-in-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-device1-not-logged-in-pair-container-container, .archive-device1-not-logged-in-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-device1-not-logged-in-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-device1-not-logged-in-frame-parent24, .archive-device1-not-logged-in-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-device1-not-logged-in-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-device1-not-logged-in-fourth-listing, .archive-device1-not-logged-in-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-device1-not-logged-in-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-device1-not-logged-in-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-device1-not-logged-in-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-buttonsbutton30, .archive-device1-not-logged-in-expand-action, .archive-device1-not-logged-in-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-device1-not-logged-in-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-device1-not-logged-in-arrow-square-up-right-icon6, .archive-device1-not-logged-in-arrow-square-up-right-icon7, .archive-device1-not-logged-in-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-not-logged-in-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-device1-not-logged-in-arrow-square-up-right-icon7, .archive-device1-not-logged-in-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-device1-not-logged-in-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-device1-not-logged-in-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-device1-not-logged-in-text100, .archive-device1-not-logged-in-text101 {
  font-family: Inter;
  position: relative;
}

.archive-device1-not-logged-in-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-device1-not-logged-in-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-device1-not-logged-in-badge27, .archive-device1-not-logged-in-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-device1-not-logged-in-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-device1-not-logged-in-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-device1-not-logged-in-card-header, .archive-device1-not-logged-in-content7, .archive-device1-not-logged-in-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-device1-not-logged-in-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device1-not-logged-in-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-device1-not-logged-in-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-button-group-base10, .archive-device1-not-logged-in-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-device1-not-logged-in-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-device1-not-logged-in-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-device1-not-logged-in-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-device1-not-logged-in-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-device1-not-logged-in-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-label3, .archive-device1-not-logged-in-supporting-text41, .archive-device1-not-logged-in-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-device1-not-logged-in-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-device1-not-logged-in-supporting-text41, .archive-device1-not-logged-in-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-device1-not-logged-in-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-device1-not-logged-in-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-device1-not-logged-in-content9, .archive-device1-not-logged-in-input-with-label2, .archive-device1-not-logged-in-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-device1-not-logged-in-input-with-label2, .archive-device1-not-logged-in-input2 {
  align-self: stretch;
}

.archive-device1-not-logged-in-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-device1-not-logged-in-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-device1-not-logged-in-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-device1-not-logged-in-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-actions2, .archive-device1-not-logged-in-button7, .archive-device1-not-logged-in-content8 {
  flex-direction: row;
  display: flex;
}

.archive-device1-not-logged-in-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-actions2, .archive-device1-not-logged-in-content8 {
  max-width: 100%;
}

.archive-device1-not-logged-in-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-device1-not-logged-in-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-device1-not-logged-in-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-device1-not-logged-in-card-header-parent, .archive-device1-not-logged-in-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-text117, .archive-device1-not-logged-in-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-device1-not-logged-in-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-device1-not-logged-in-badge28, .archive-device1-not-logged-in-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-device1-not-logged-in-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-device1-not-logged-in-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-button8, .archive-device1-not-logged-in-button9, .archive-device1-not-logged-in-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-device1-not-logged-in-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-device1-not-logged-in-button8, .archive-device1-not-logged-in-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-device1-not-logged-in-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-actions3, .archive-device1-not-logged-in-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-device1-not-logged-in-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-device1-not-logged-in-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device1-not-logged-in-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-table-header-cell, .archive-device1-not-logged-in-table-header-cell-inner, .archive-device1-not-logged-in-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-device1-not-logged-in-table-header-cell, .archive-device1-not-logged-in-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-device1-not-logged-in-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-device1-not-logged-in-avatar-online-indicator, .archive-device1-not-logged-in-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-device1-not-logged-in-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-device1-not-logged-in-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-device1-not-logged-in-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-device1-not-logged-in-supporting-text43, .archive-device1-not-logged-in-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-device1-not-logged-in-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-device1-not-logged-in-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-supporting-text46, .archive-device1-not-logged-in-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-device1-not-logged-in-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-device1-not-logged-in-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-device1-not-logged-in-avatar5, .archive-device1-not-logged-in-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-device1-not-logged-in-avatar5 {
  background-color: #f2f4f7;
}

.archive-device1-not-logged-in-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-table-cell6, .archive-device1-not-logged-in-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-device1-not-logged-in-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-table-header, .archive-device1-not-logged-in-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-table-header {
  gap: 4px;
}

.archive-device1-not-logged-in-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-device1-not-logged-in-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-device1-not-logged-in-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-marker-pin-02-group, .archive-device1-not-logged-in-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-marker-pin-02-group {
  gap: 7px;
}

.archive-device1-not-logged-in-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-device1-not-logged-in-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-table-cell15, .archive-device1-not-logged-in-table-cell16, .archive-device1-not-logged-in-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-device1-not-logged-in-table-cell16, .archive-device1-not-logged-in-table-cell18 {
  width: 271px;
}

.archive-device1-not-logged-in-table-cell18 {
  width: 239px;
}

.archive-device1-not-logged-in-column, .archive-device1-not-logged-in-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-device1-not-logged-in-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-device1-not-logged-in-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-device1-not-logged-in-table-header-cell2, .archive-device1-not-logged-in-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-device1-not-logged-in-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-device1-not-logged-in-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-table-cell20, .archive-device1-not-logged-in-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-device1-not-logged-in-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-device1-not-logged-in-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-device1-not-logged-in-column1, .archive-device1-not-logged-in-table-cell25, .archive-device1-not-logged-in-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-device1-not-logged-in-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-device1-not-logged-in-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-table-cell30, .archive-device1-not-logged-in-table-header-cell3, .archive-device1-not-logged-in-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-device1-not-logged-in-table-cell30, .archive-device1-not-logged-in-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-device1-not-logged-in-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-device1-not-logged-in-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-device1-not-logged-in-column2, .archive-device1-not-logged-in-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-device1-not-logged-in-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-device1-not-logged-in-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-button-wrap, .archive-device1-not-logged-in-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-device1-not-logged-in-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-device1-not-logged-in-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-content11, .archive-device1-not-logged-in-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-device1-not-logged-in-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-device1-not-logged-in-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-content12, .archive-device1-not-logged-in-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-device1-not-logged-in-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-device1-not-logged-in-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-content13, .archive-device1-not-logged-in-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-content13 {
  padding: 10px 15px;
}

.archive-device1-not-logged-in-pagination-number-base2 {
  overflow: hidden;
}

.archive-device1-not-logged-in-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-device1-not-logged-in-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-content17, .archive-device1-not-logged-in-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-device1-not-logged-in-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-device1-not-logged-in-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-button-wrap1, .archive-device1-not-logged-in-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-device1-not-logged-in-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-device1-not-logged-in-next-page-button, .archive-device1-not-logged-in-page-navigation, .archive-device1-not-logged-in-pagination, .archive-device1-not-logged-in-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-device1-not-logged-in-pagination, .archive-device1-not-logged-in-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-device1-not-logged-in-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-device1-not-logged-in-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-device1-not-logged-in-text161, .archive-device1-not-logged-in-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-device1-not-logged-in-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-device1-not-logged-in-badge29, .archive-device1-not-logged-in-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-device1-not-logged-in-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-device1-not-logged-in-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-button-group-base18, .archive-device1-not-logged-in-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-device1-not-logged-in-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-device1-not-logged-in-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-device1-not-logged-in-button-group-base19 {
  background-color: #fff;
}

.archive-device1-not-logged-in-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-card-header-group, .archive-device1-not-logged-in-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-device1-not-logged-in-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-device1-not-logged-in-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-device1-not-logged-in-supporting-text55, .archive-device1-not-logged-in-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-device1-not-logged-in-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-device1-not-logged-in-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-device1-not-logged-in-content21, .archive-device1-not-logged-in-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-device1-not-logged-in-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-device1-not-logged-in-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-actions6, .archive-device1-not-logged-in-empty-state1 {
  justify-content: flex-start;
}

.archive-device1-not-logged-in-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-device1-not-logged-in-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-device1-not-logged-in-empty-state, .archive-device1-not-logged-in-empty-state1, .archive-device1-not-logged-in-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-device1-not-logged-in-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-device1-not-logged-in-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-device1-not-logged-in-supporting-text56, .archive-device1-not-logged-in-text181 {
  align-self: stretch;
  position: relative;
}

.archive-device1-not-logged-in-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-device1-not-logged-in-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-device1-not-logged-in-content22, .archive-device1-not-logged-in-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-device1-not-logged-in-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-device1-not-logged-in-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-empty-state2, .archive-device1-not-logged-in-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-device1-not-logged-in-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-device1-not-logged-in-listing-container, .archive-device1-not-logged-in-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-device1-not-logged-in-listing-container {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-device1-not-logged-in-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-device1-not-logged-in-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-device1-not-logged-in-frame-child6, .archive-device1-not-logged-in-rectangle-parent2, .archive-device1-not-logged-in-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-device1-not-logged-in-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-device1-not-logged-in-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-device1-not-logged-in-dots-vertical-icon22, .archive-device1-not-logged-in-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-device1-not-logged-in-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-device1-not-logged-in-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-device1-not-logged-in-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-device1-not-logged-in-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-device1-not-logged-in-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-device1-not-logged-in-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-device1-not-logged-in-frame-parent27, .archive-device1-not-logged-in-logomark, .archive-device1-not-logged-in-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-device1-not-logged-in-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-device1-not-logged-in-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-device1-not-logged-in-content23, .archive-device1-not-logged-in-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-device1-not-logged-in-container1, .archive-device1-not-logged-in-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-device1-not-logged-in-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-device1-not-logged-in-divider-icon14 {
  object-fit: contain;
  z-index: 4;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: -11px;
  right: 0;
  margin: 0 !important;
}

.archive-device1-not-logged-in-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-device1-not-logged-in-dot-icon10, .archive-device1-not-logged-in-dot-icon11, .archive-device1-not-logged-in-dot-icon7, .archive-device1-not-logged-in-dot-icon8, .archive-device1-not-logged-in-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-dot-icon10, .archive-device1-not-logged-in-dot-icon11, .archive-device1-not-logged-in-dot-icon8, .archive-device1-not-logged-in-dot-icon9 {
  z-index: 3;
}

.archive-device1-not-logged-in-dot-icon10, .archive-device1-not-logged-in-dot-icon11, .archive-device1-not-logged-in-dot-icon9 {
  z-index: 4;
}

.archive-device1-not-logged-in-dot-icon10, .archive-device1-not-logged-in-dot-icon11 {
  z-index: 5;
}

.archive-device1-not-logged-in-dot-icon11 {
  z-index: 6;
}

.archive-device1-not-logged-in-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-device1-not-logged-in-dot-icon12, .archive-device1-not-logged-in-dot-icon13, .archive-device1-not-logged-in-featured-icon1 {
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-device1-not-logged-in-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-device1-not-logged-in-supporting-text57, .archive-device1-not-logged-in-text184 {
  align-self: stretch;
  position: relative;
}

.archive-device1-not-logged-in-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-device1-not-logged-in-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-device1-not-logged-in-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-button-close-x, .archive-device1-not-logged-in-content24 {
  flex-direction: row;
  display: flex;
}

.archive-device1-not-logged-in-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-device1-not-logged-in-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-not-logged-in-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-device1-not-logged-in-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device1-not-logged-in-frame-wrapper13, .archive-device1-not-logged-in-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-device1-not-logged-in-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-device1-not-logged-in-background, .archive-device1-not-logged-in-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-device1-not-logged-in-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-device1-not-logged-in-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-device1-not-logged-in-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-content25, .archive-device1-not-logged-in-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-device1-not-logged-in-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-device1-not-logged-in-control-handle, .archive-device1-not-logged-in-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-device1-not-logged-in-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-device1-not-logged-in-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-device1-not-logged-in-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-device1-not-logged-in-background-parent, .archive-device1-not-logged-in-content26, .archive-device1-not-logged-in-progress, .archive-device1-not-logged-in-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-device1-not-logged-in-background-parent, .archive-device1-not-logged-in-progress {
  position: relative;
}

.archive-device1-not-logged-in-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-device1-not-logged-in-background-parent {
  padding: 0 20px 0 0;
}

.archive-device1-not-logged-in-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-input-field, .archive-device1-not-logged-in-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-device1-not-logged-in-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-device1-not-logged-in-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-device1-not-logged-in-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-device1-not-logged-in-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-device1-not-logged-in-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-device1-not-logged-in-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-device1-not-logged-in-frame-parent31, .archive-device1-not-logged-in-frame-wrapper14, .archive-device1-not-logged-in-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-device1-not-logged-in-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-device1-not-logged-in-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-device1-not-logged-in-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-device1-not-logged-in-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-content-parent, .archive-device1-not-logged-in-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-device1-not-logged-in-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-device1-not-logged-in-content-parent {
  gap: 42px;
}

.archive-device1-not-logged-in-content-parent, .archive-device1-not-logged-in-input10, .archive-device1-not-logged-in-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-device1-not-logged-in-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-device1-not-logged-in-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-input-field2, .archive-device1-not-logged-in-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-device1-not-logged-in-section-parent {
  gap: 8px;
}

.archive-device1-not-logged-in-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-device1-not-logged-in-checkboxes1, .archive-device1-not-logged-in-section-wrapper, .archive-device1-not-logged-in-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-device1-not-logged-in-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-device1-not-logged-in-text203, .archive-device1-not-logged-in-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-text207 {
  min-width: 44px;
}

.archive-device1-not-logged-in-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-text208, .archive-device1-not-logged-in-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-text209 {
  min-width: 59px;
}

.archive-device1-not-logged-in-search-lg, .archive-device1-not-logged-in-text210 {
  z-index: 2;
  position: relative;
}

.archive-device1-not-logged-in-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-device1-not-logged-in-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-device1-not-logged-in-content37, .archive-device1-not-logged-in-input-fields2, .archive-device1-not-logged-in-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-device1-not-logged-in-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-device1-not-logged-in-input-fields2, .archive-device1-not-logged-in-input19 {
  align-self: stretch;
}

.archive-device1-not-logged-in-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-device1-not-logged-in-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-device1-not-logged-in-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-device1-not-logged-in-text212, .archive-device1-not-logged-in-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-device1-not-logged-in-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-device1-not-logged-in-frame-parent36, .archive-device1-not-logged-in-frame-parent37, .archive-device1-not-logged-in-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-not-logged-in-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-device1-not-logged-in-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-device1-not-logged-in-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-device1-not-logged-in-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-frame-parent28, .archive-device1-not-logged-in-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-device1-not-logged-in-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-device1-not-logged-in-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-device1-not-logged-in-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-not-logged-in-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-device1-not-logged-in-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-not-logged-in-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-not-logged-in-actions9, .archive-device1-not-logged-in-buttonsbutton39, .archive-device1-not-logged-in-content38 {
  flex-direction: row;
  display: flex;
}

.archive-device1-not-logged-in-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-device1-not-logged-in-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-device1-not-logged-in-divider-parent6, .archive-device1-not-logged-in-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-device1-not-logged-in-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-device1-not-logged-in-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-device1-not-logged-in-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-device1-not-logged-in-frame-parent41, .archive-device1-not-logged-in-rectangle-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-not-logged-in-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-device1-not-logged-in-slide-out {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  max-width: 100%;
  display: flex;
  margin: 0 !important;
}

.archive-device1-not-logged-in-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-device1-not-logged-in-hiddenbutton-container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-device1-not-logged-in-button-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-device1-not-logged-in-sort-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  padding: 5px 32px 0;
  display: flex;
}

@media screen and (width <= 1275px) {
  .archive-device1-not-logged-in-collapsed-listing, .archive-device1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-device1-not-logged-in-frame-form {
    padding-bottom: 272px;
  }

  .archive-device1-not-logged-in-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-device1-not-logged-in-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-device1-not-logged-in-fourth-listing {
    flex: 1;
  }

  .archive-device1-not-logged-in-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-frame-parent16 {
    gap: 140px;
  }

  .archive-device1-not-logged-in-content8 {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-device1-not-logged-in-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-device1-not-logged-in-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-device1-not-logged-in-navigation-parent {
    gap: 19px;
  }

  .archive-device1-not-logged-in-frame-parent {
    gap: 35px;
  }

  .archive-device1-not-logged-in-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-device1-not-logged-in-main {
    gap: 16px;
  }

  .archive-device1-not-logged-in-badges, .archive-device1-not-logged-in-dot-item-content, .archive-device1-not-logged-in-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-dots-vertical {
    min-width: 100%;
  }

  .archive-device1-not-logged-in-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-device1-not-logged-in-frame-div {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-frame-container {
    min-width: 100%;
  }

  .archive-device1-not-logged-in-frame-group {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-dots-vertical-container {
    min-width: 100%;
  }

  .archive-device1-not-logged-in-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-device1-not-logged-in-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-device1-not-logged-in-first-badge, .archive-device1-not-logged-in-location-content {
    flex: 1;
  }

  .archive-device1-not-logged-in-badge-name {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-badge-details {
    gap: 23px;
  }

  .archive-device1-not-logged-in-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-second-badge-list-parent {
    gap: 23px;
  }

  .archive-device1-not-logged-in-frame-parent5 {
    gap: 53px;
  }

  .archive-device1-not-logged-in-expanded-content {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-expanded-listing {
    min-width: 100%;
  }

  .archive-device1-not-logged-in-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-device1-not-logged-in-badge-support-parent, .archive-device1-not-logged-in-badges1, .archive-device1-not-logged-in-detail-item, .archive-device1-not-logged-in-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-second-listing-details {
    flex: 1;
  }

  .archive-device1-not-logged-in-listing-detail {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-frame-parent19 {
    gap: 54px;
  }

  .archive-device1-not-logged-in-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-device1-not-logged-in-fourth-listing {
    margin-left: 0;
  }

  .archive-device1-not-logged-in-frame-parent16 {
    gap: 70px;
  }

  .archive-device1-not-logged-in-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-device1-not-logged-in-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-device1-not-logged-in-actions2 {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-device1-not-logged-in-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-device1-not-logged-in-actions3 {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-device1-not-logged-in-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-device1-not-logged-in-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-device1-not-logged-in-empty-state3 {
    gap: 16px;
  }

  .archive-device1-not-logged-in-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-device1-not-logged-in-container1 {
    gap: 16px;
  }

  .archive-device1-not-logged-in-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-device1-not-logged-in-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-device1-not-logged-in-frame-parent {
    gap: 17px;
  }

  .archive-device1-not-logged-in-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-device1-not-logged-in-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device1-not-logged-in-card-work {
    flex: 1;
  }

  .archive-device1-not-logged-in-provider-name {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-price2, .archive-device1-not-logged-in-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device1-not-logged-in-badge-container, .archive-device1-not-logged-in-location-content {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-device1-not-logged-in-buttonsbutton-group, .archive-device1-not-logged-in-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-location-summary {
    flex: 1;
  }

  .archive-device1-not-logged-in-summary-details {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-frame-parent5 {
    gap: 27px;
  }

  .archive-device1-not-logged-in-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-device1-not-logged-in-price4, .archive-device1-not-logged-in-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device1-not-logged-in-business-name-role, .archive-device1-not-logged-in-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-detail-item-parent {
    gap: 20px;
  }

  .archive-device1-not-logged-in-pair-container-parent {
    margin-left: 0;
  }

  .archive-device1-not-logged-in-frame-parent19 {
    gap: 27px;
  }

  .archive-device1-not-logged-in-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device1-not-logged-in-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-frame-parent24 {
    gap: 126px;
  }

  .archive-device1-not-logged-in-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-device1-not-logged-in-content9, .archive-device1-not-logged-in-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device1-not-logged-in-input-dropdown2 {
    max-width: 100%;
  }

  .archive-device1-not-logged-in-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-device1-not-logged-in-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device1-not-logged-in-button-group2 {
    flex-wrap: wrap;
  }

  .archive-device1-not-logged-in-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-device1-not-logged-in-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-device1-not-logged-in-footer {
    gap: 16px;
  }

  .archive-device1-not-logged-in-listings-search-results-list {
    gap: 25px;
  }
}

.navbar-not-logged-in {
  position: relative;
}

.user-menu-not-logged-in-dropdown-user-menu-all-options-fixed {
  z-index: 1000;
  position: absolute;
  top: 50px;
  right: 0;
}

.navbar-not-logged-in-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  color: #344054;
  background-color: #fff;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  padding: 14px 64px 14px 31px;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar-not-logged-in-frame-child {
  background-color: #fff;
  width: 1440px;
  max-width: 100%;
  height: 72px;
  display: none;
  position: relative;
}

.navbar-not-logged-in-top-header, .navbar-not-logged-in-top-header-right {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.navbar-not-logged-in-top-header-right {
  flex: 1;
  gap: 38px;
}

.navbar-not-logged-in-top-header {
  gap: 70px;
  width: 754px;
}

.navbar-not-logged-in-branding {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.navbar-not-logged-in-branding, .navbar-not-logged-in-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-not-logged-in-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.415b18f8.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.navbar-not-logged-in-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.navbar-not-logged-in-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.navbar-not-logged-in-nav-item-button:hover {
  background-color: #f9fafb;
}

.navbar-not-logged-in-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.navbar-not-logged-in-navigation, .navbar-not-logged-in-search-input {
  justify-content: flex-start;
  display: flex;
}

.navbar-not-logged-in-nav-item-base {
  color: inherit;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.navbar-not-logged-in-nav-item-base:hover {
  background-color: #f9fafb;
}

.navbar-not-logged-in-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.navbar-not-logged-in-dot-icon, .navbar-not-logged-in-bar-chart-01-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.navbar-not-logged-in-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.navbar-not-logged-in-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.navbar-not-logged-in-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.navbar-not-logged-in-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.navbar-not-logged-in-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sell-button {
  color: #eaecf0;
  transition: background-color .3s, border .3s, color .3s !important;
}

.navbar-not-logged-in-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.navbar-not-logged-in-badge1, .navbar-not-logged-in-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.navbar-not-logged-in-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.navbar-not-logged-in-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.navbar-not-logged-in-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.navbar-not-logged-in-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  font-size: 14px;
  display: flex;
}

.navbar-not-logged-in-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.navbar-not-logged-in-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.navbar-not-logged-in-content3, .navbar-not-logged-in-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-not-logged-in-content3 {
  flex: 1;
  gap: 8px;
}

.navbar-not-logged-in-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.navbar-not-logged-in-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.navbar-not-logged-in-user-actions {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.navbar-not-logged-in-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.navbar-not-logged-in-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.navbar-not-logged-in-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.navbar-not-logged-in-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.navbar-not-logged-in-location-column-inner:hover {
  background-color: #f9fafb;
}

.navbar-not-logged-in-avatar {
  z-index: 1;
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.navbar-not-logged-in-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

@media screen and (width <= 750px) {
  .navbar-not-logged-in-top-header-right {
    gap: 19px;
  }

  .navbar-not-logged-in-top-header {
    gap: 35px;
  }

  .navbar-not-logged-in-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }
}

@media screen and (width <= 450px) {
  .navbar-not-logged-in-top-header {
    gap: 17px;
  }
}

.user-menu-not-logged-in-dropdown-avatar-online-indicator6, .user-menu-not-logged-in-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.user-menu-not-logged-in-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.user-menu-not-logged-in-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.user-menu-not-logged-in-dropdown-avatar22 {
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 20%;
  height: 40px;
  position: relative;
}

.user-menu-not-logged-in-dropdown-supporting-text84, .user-menu-not-logged-in-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.user-menu-not-logged-in-dropdown-text246 {
  font-weight: 600;
}

.user-menu-not-logged-in-dropdown-supporting-text84 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #475467 !important;
}

.user-menu-not-logged-in-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.user-menu-not-logged-in-dropdown-text-and-supporting-text19-custom-width {
  width: 75%;
}

.user-menu-not-logged-in-dropdown-avatar-label-group, .user-menu-not-logged-in-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.user-menu-not-logged-in-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.user-menu-not-logged-in-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.user-menu-not-logged-in-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.user-menu-not-logged-in-dropdown-text247 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.user-menu-not-logged-in-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.user-menu-not-logged-in-dropdown-content48, .user-menu-not-logged-in-dropdown-dropdown-list-item, .user-menu-not-logged-in-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-menu-not-logged-in-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 10px;
}

.user-menu-not-logged-in-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.user-menu-not-logged-in-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.user-menu-not-logged-in-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.user-menu-not-logged-in-dropdown-dropdown-list-item10, .user-menu-not-logged-in-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 4px 0;
  display: flex;
}

.user-menu-not-logged-in-dropdown-dropdown-list-item10 {
  z-index: 99;
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.user-menu-not-logged-in-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.user-menu-not-logged-in-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.user-menu-not-logged-in-dropdown-dropdown-list-item11, .user-menu-not-logged-in-dropdown-dropdown-list-item12, .user-menu-not-logged-in-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.user-menu-not-logged-in-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.user-menu-not-logged-in-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.user-menu-not-logged-in-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #eaecf0;
}

.user-menu-not-logged-in-dropdown-dropdown-list-item12, .user-menu-not-logged-in-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.user-menu-not-logged-in-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.user-menu-not-logged-in-dropdown-menu-items, .user-menu-not-logged-in-dropdown-user-menu-all-options-fixed {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.user-menu-not-logged-in-dropdown-menu-items {
  align-self: stretch;
  padding: 4px 0;
}

.user-menu-not-logged-in-dropdown-user-menu-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  width: 240px;
  line-height: normal;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.link-width-max {
  color: #475467;
  width: 100%;
}

.header-not-logged-in-nav-menu {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 336px;
  height: 516px;
  display: inline-flex;
  overflow: hidden;
  box-shadow: 0 4px 6px -2px #10182808;
}

.header-not-logged-in-nav-content {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  height: max-content;
  padding: 12px;
  display: flex;
}

.header-not-logged-in-nav-navMenuItem {
  border-radius: 8px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  height: 120px;
  padding: 12px 12px 12px 0;
  display: inline-flex;
}

.header-not-logged-in-nav-navMenuItem:hover {
  background-color: #eaecf0;
}

.header-not-logged-in-nav-iconWrapper {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  display: flex;
}

.header-not-logged-in-nav-icon {
  width: 16px;
  height: 20px;
}

.header-not-logged-in-nav-itemContent {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: inline-flex;
}

.header-not-logged-in-nav-textAndSupportingText {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  height: 68px;
  display: flex;
}

.header-not-logged-in-nav-textAndBadge {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.header-not-logged-in-nav-text {
  color: #101828;
  word-wrap: break-word;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.header-not-logged-in-nav-supportingText {
  color: #475467;
  word-wrap: break-word;
  align-self: stretch;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.add-form-footer1 {
  text-align: left;
  color: #475467;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 35px 0;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.add-form-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.add-form-content51 {
  flex-flow: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  display: flex;
}

.add-form-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-form-footer-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.add-form-footer-brand {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.add-form-footer-text {
  line-height: 20px;
  position: relative;
}

.add-form-logomark, .add-form-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-form-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.add-form-page-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 15px;
  display: flex;
}

.add-form-divider-icon10 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .add-form-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 780px) {
  .add-form-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .add-form-container1 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .add-form-footer1 {
    gap: 16px;
  }
}

.react-datepicker__navigation-icon:before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  content: "";
  border: 3px solid #ccc;
  border-width: 3px 3px 0 0;
  width: 9px;
  height: 9px;
  display: block;
  position: absolute;
  top: 6px;
}

.react-datepicker-wrapper {
  border: 0;
  padding: 0;
  display: inline-block;
}

.react-datepicker {
  color: #000;
  font-family: Helvetica Neue, helvetica, arial, sans-serif;
  font-size: .8rem;
  line-height: initial;
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}

.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: .3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: .3rem;
}

.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
  margin: 0 15px;
  display: inline-block;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  color: #000;
  margin-top: 0;
  font-size: .944rem;
  font-weight: bold;
}

h2.react-datepicker__current-month {
  margin: 0;
  padding: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  text-align: center;
  cursor: pointer;
  z-index: 1;
  text-indent: -999em;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 2px;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 0;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover :before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  width: 0;
  font-size: 20px;
  position: relative;
  top: -1px;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next:before {
  left: -7px;
  transform: rotate(45deg);
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous:before {
  right: -7px;
  transform: rotate(225deg);
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  text-align: center;
  margin: .4rem;
}

.react-datepicker__year-wrapper {
  flex-wrap: wrap;
  max-width: 180px;
  display: flex;
}

.react-datepicker__year .react-datepicker__year-text {
  width: 4rem;
  margin: 2px;
  display: inline-block;
}

.react-datepicker__month {
  text-align: center;
  margin: .4rem;
}

.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
  width: 4rem;
  margin: 2px;
  display: inline-block;
}

.react-datepicker__input-time-container {
  clear: both;
  float: left;
  text-align: left;
  width: 100%;
  margin: 5px 0 10px 15px;
}

.react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  margin-left: 10px;
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  display: inline;
  position: absolute;
  top: 0;
  right: -87px;
}

.react-datepicker__time-container .react-datepicker__time {
  background: #fff;
  border-bottom-right-radius: .3rem;
  position: relative;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  text-align: center;
  border-bottom-right-radius: .3rem;
  width: 85px;
  margin: 0 auto;
  overflow-x: hidden;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  box-sizing: content-box;
  width: 100%;
  height: calc(195px + .85rem);
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  list-style: none;
  overflow-y: scroll;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  white-space: nowrap;
  height: 30px;
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  color: #fff;
  background-color: #216ba5;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: #0000;
}

.react-datepicker__week-number {
  color: #ccc;
  text-align: center;
  width: 1.7rem;
  margin: .166rem;
  line-height: 1.7rem;
  display: inline-block;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  background-color: #f0f0f0;
  border-radius: .3rem;
}

.react-datepicker__week-number--selected {
  color: #fff;
  background-color: #216ba5;
  border-radius: .3rem;
}

.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  text-align: center;
  width: 1.7rem;
  margin: .166rem;
  line-height: 1.7rem;
  display: inline-block;
}

.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:not([aria-disabled="true"]):hover, .react-datepicker__month-text:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text:not([aria-disabled="true"]):hover, .react-datepicker__year-text:not([aria-disabled="true"]):hover {
  background-color: #f0f0f0;
  border-radius: .3rem;
}

.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
  color: #fff;
  background-color: #3dcc4a;
  border-radius: .3rem;
}

.react-datepicker__day--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__month-text--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--highlighted:not([aria-disabled="true"]):hover, .react-datepicker__year-text--highlighted:not([aria-disabled="true"]):hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f;
}

.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays {
  color: #fff;
  background-color: #ff6803;
  border-radius: .3rem;
  position: relative;
}

.react-datepicker__day--holidays .overlay, .react-datepicker__month-text--holidays .overlay, .react-datepicker__quarter-text--holidays .overlay, .react-datepicker__year-text--holidays .overlay {
  color: #fff;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  background-color: #333;
  border-radius: 4px;
  padding: 4px;
  transition: visibility, opacity .3s ease-in-out;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.react-datepicker__day--holidays:not([aria-disabled="true"]):hover, .react-datepicker__month-text--holidays:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--holidays:not([aria-disabled="true"]):hover, .react-datepicker__year-text--holidays:not([aria-disabled="true"]):hover {
  background-color: #cf5300;
}

.react-datepicker__day--holidays:hover .overlay, .react-datepicker__month-text--holidays:hover .overlay, .react-datepicker__quarter-text--holidays:hover .overlay, .react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
  color: #fff;
  background-color: #216ba5;
  border-radius: .3rem;
}

.react-datepicker__day--selected:not([aria-disabled="true"]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__day--in-range:not([aria-disabled="true"]):hover, .react-datepicker__month-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__month-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__month-text--in-range:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--in-range:not([aria-disabled="true"]):hover, .react-datepicker__year-text--selected:not([aria-disabled="true"]):hover, .react-datepicker__year-text--in-selecting-range:not([aria-disabled="true"]):hover, .react-datepicker__year-text--in-range:not([aria-disabled="true"]):hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
  color: #000;
  background-color: #bad9f1;
  border-radius: .3rem;
}

.react-datepicker__day--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__month-text--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled="true"]):hover, .react-datepicker__year-text--keyboard-selected:not([aria-disabled="true"]):hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
  background-color: #216ba580;
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
  color: #000;
  background-color: #f0f0f0;
}

.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled .overlay, .react-datepicker__month-text--disabled .overlay, .react-datepicker__quarter-text--disabled .overlay, .react-datepicker__year-text--disabled .overlay {
  color: #fff;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  background-color: #333;
  border-radius: 4px;
  padding: 4px;
  transition: visibility, opacity .3s ease-in-out;
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
}

.react-datepicker__input-container {
  width: 100%;
  display: inline-block;
  position: relative;
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
  box-sizing: content-box;
  padding: .5rem;
  position: absolute;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
  border: 1px solid #0000;
  border-radius: .3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
  top: 0;
  right: -16px;
  transform: rotate(135deg);
}

.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
  z-index: 1;
  text-align: center;
  background-color: #f0f0f0;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  width: 50%;
  position: absolute;
  top: 30px;
  left: 25%;
}

.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 20px;
  display: block;
}

.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}

.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
  user-select: none;
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  vertical-align: middle;
  background-color: #0000;
  border: 0;
  outline: 0;
  height: 100%;
  padding: 0 6px 0 0;
  display: table-cell;
  position: absolute;
  top: 0;
  right: 0;
}

.react-datepicker__close-icon:after {
  cursor: pointer;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  content: "×";
  background-color: #216ba5;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  display: table-cell;
}

.react-datepicker__close-icon--disabled {
  cursor: default;
}

.react-datepicker__close-icon--disabled:after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  cursor: pointer;
  text-align: center;
  clear: left;
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  padding: 5px 0;
  font-weight: bold;
}

.react-datepicker__portal {
  z-index: 2147483647;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (width <= 400px), (height <= 550px) {
  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  height: auto;
  margin: .4rem;
  padding-left: .2rem;
  padding-right: .2rem;
}

.react-datepicker__aria-live {
  clip-path: circle(0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.react-datepicker__calendar-icon {
  vertical-align: -.125em;
  width: 1em;
  height: 1em;
}

.sign-in-modal-overlay {
  z-index: 1000;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.sign-in-modal {
  background: #fff;
  border-radius: 10px;
  width: 500px;
  padding: 20px;
  position: relative;
  box-shadow: 0 5px 15px #0003;
}

.sign-in-modal-close-button {
  cursor: pointer;
  background: none;
  border: none;
  font-size: 20px;
  position: absolute;
  top: 20px;
  right: 15px;
}

.sign-in-modal-gerator-04-1-icon1 {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.sign-in-modal-brand-navigation, .sign-in-modal-logo1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sign-in-modal-logo1 {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  width: 32px;
  height: 32px;
}

.sign-in-modal-brand-navigation {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.sign-in-modal-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sign-in-modal-action-label {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  min-width: 47px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sign-in-modal-buttonsbutton4, .sign-in-modal-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sign-in-modal-buttonsbutton4 {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 8px;
  gap: 6px;
  padding: 10px 16px;
  overflow: hidden;
}

.sign-in-modal-text8 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 59px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sign-in-modal-hamburger-menu {
  display: none;
}

.sign-in-modal-buttonsbutton5, .sign-in-modal-navigation-actions {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sign-in-modal-buttonsbutton5 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-in-modal-buttonsbutton5:hover {
  background-color: #6941c6;
}

.sign-in-modal-buttonsbutton5.loading {
  cursor: wait;
  pointer-events: none;
}

.sign-in-modal-navigation-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 190px;
}

.sign-in-modal-brand-navigation-parent, .sign-in-modal-desktop {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sign-in-modal-brand-navigation-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.sign-in-modal-desktop {
  box-sizing: border-box;
  justify-content: flex-start;
  width: 100%;
  padding: 0 32px;
  position: fixed;
}

.sign-in-modal-content-icon {
  border-radius: 18px;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  overflow: hidden;
}

.sign-in-modal-login-credentials, .sign-in-modal-logomark {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sign-in-modal-logomark {
  justify-content: flex-start;
  box-shadow: 0 1.5px 4.5px #1018281a, 0 1.5px 3px #1018280f;
}

.sign-in-modal-login-credentials {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.sign-in-modal-supporting-text2, .sign-in-modal-title {
  align-self: stretch;
  position: relative;
}

.sign-in-modal-title {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.sign-in-modal-supporting-text2 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.sign-in-modal-brand-name, .sign-in-modal-login-form-fields {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.sign-in-modal-login-form-fields {
  gap: 24px;
}

.sign-in-modal-label3 {
  color: #344054;
  text-align: left;
  min-width: 36px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sign-in-modal-content8 {
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 199px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.sign-in-modal-help-icon3 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.sign-in-modal-input3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-in-modal-hint-text3 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.sign-in-modal-input-field3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.sign-in-modal-label4 {
  color: #344054;
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sign-in-modal-form1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sign-in-modal-input5 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.sign-in-modal-checkbox-label, .sign-in-modal-supporting-text3 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.sign-in-modal-checkbox-label {
  color: #344054;
  flex: 1;
  font-weight: 500;
}

.sign-in-modal-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 320px;
  display: none;
}

.sign-in-modal-checkbox, .sign-in-modal-text-and-supporting-text1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 144px;
  display: flex;
}

.sign-in-modal-checkbox {
  gap: 8px;
  min-width: 160px;
}

.sign-in-modal-placeholder-icon8 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sign-in-modal-submit-label {
  color: #6941c6;
  text-align: left;
  min-width: 114px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sign-in-modal-buttonsbutton6, .sign-in-modal-remember-me {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sign-in-modal-buttonsbutton6 {
  gap: 6px;
  overflow: hidden;
}

.sign-in-modal-remember-me {
  flex-wrap: wrap;
  align-self: stretch;
  row-gap: 20px;
}

.sign-in-modal-icon {
  color: #fff;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sign-in-modal-buttonsbutton7 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 6px;
  padding: 8px 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-in-modal-buttonsbutton7:hover {
  background-color: #6941c6;
}

.sign-in-modal-social-icon4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sign-in-modal-social-label {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sign-in-modal-social-button4 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 8px 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-in-modal-social-icon5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sign-in-modal-social-button5 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-in-modal-text11 {
  color: #344054;
  text-align: left;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sign-in-modal-hyperlink {
  color: #475467;
  line-height: 20px;
}

.sign-in-modal-actions1, .sign-in-modal-content7, .sign-in-modal-social-button-groups1, .sign-in-modal-social-button7 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.sign-in-modal-social-button-groups1 {
  cursor: pointer;
}

.sign-in-modal-social-button7 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 11px;
  padding: 8px 16px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sign-in-modal-actions1, .sign-in-modal-content7, .sign-in-modal-social-button-groups1 {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.sign-in-modal-actions1, .sign-in-modal-content7 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}

.sign-in-modal-content7 {
  border-radius: 12px;
  gap: 24px;
  max-width: 100%;
  margin: 0;
}

.sign-in-modal-help-label, .sign-in-modal-question {
  line-height: 20px;
  position: relative;
}

.sign-in-modal-help-label {
  white-space: nowrap;
  min-width: 51px;
  font-weight: 600;
  display: inline-block;
}

.sign-in-modal-buttonsbutton8 {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.sign-in-modal-help-link {
  flex-direction: row;
  gap: 3px;
}

.sign-in-modal-account-help, .sign-in-modal-content6, .sign-in-modal-help-link {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sign-in-modal-account-help {
  text-align: left;
  color: #475467;
  flex-direction: row;
  padding: 0 75px;
  font-size: 14px;
}

.sign-in-modal-content6 {
  flex-direction: column;
  gap: 32px;
  width: 360px;
  max-width: 360px;
}

.sign-in-modal-container1, .sign-in-modal-login-form-container {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sign-in-modal-container1 {
  flex: 1;
  justify-content: center;
  max-width: 1280px;
  padding: 0 20px;
}

.sign-in-modal-login-form-container {
  text-align: center;
  color: #101828;
  justify-content: center;
  align-self: center;
  max-width: 100%;
  height: 100%;
  padding: 0 48px;
  font-family: Inter;
  font-size: 30px;
}

.sign-in-modal-copyright, .sign-in-modal-mail-01-icon1 {
  z-index: 1;
  position: relative;
}

.sign-in-modal-copyright {
  line-height: 20px;
}

.sign-in-modal-mail-01-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.sign-in-modal-mail-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sign-in-modal-helpcentergeratorcom1 {
  white-space: nowrap;
  z-index: 1;
  line-height: 20px;
  position: relative;
}

.sign-in-modal-contact {
  flex-direction: row;
  justify-content: flex-start;
  gap: 7px;
}

.sign-in-modal-contact, .sign-in-modal-footer1, .sign-in-modal-log-in, .sign-in-modal-sign-in-desktop {
  align-items: flex-start;
  display: flex;
}

.sign-in-modal-footer1 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding-bottom: 15px;
}

.sign-in-modal-log-in, .sign-in-modal-sign-in-desktop {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
}

.sign-in-modal-log-in {
  height: inherit;
  text-align: left;
  color: #475467;
  align-self: stretch;
  gap: 25px;
  max-width: 100%;
  padding: 35px 32px 5px;
  font-family: Inter;
  font-size: 14px;
}

.sign-in-modal-sign-in-desktop {
  letter-spacing: normal;
  gap: 18px;
  width: 100%;
  height: 100vh;
  padding: 18px 0 0;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .sign-in-modal-container1 {
    max-width: 100%;
  }

  .sign-in-modal-login-form-container {
    box-sizing: border-box;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (width <= 1100px) {
  .sign-in-modal-log-in {
    box-sizing: border-box;
    gap: 325px;
    padding-top: 152px;
    padding-bottom: 21px;
  }
}

@media screen and (width <= 750px) {
  .sign-in-modal-title {
    font-size: 24px;
    line-height: 30px;
  }

  .sign-in-modal-footer1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .sign-in-modal-desktop {
    box-sizing: border-box;
    justify-content: flex-start;
    width: 610px;
    padding: 0;
  }

  .sign-in-modal-brand-navigation {
    box-sizing: border-box;
    flex-direction: column;
    width: 121px;
    padding: 6px 0 0;
    position: relative;
    left: 30px;
  }

  .sign-in-modal-navigation-actions {
    display: none !important;
  }

  .sign-in-modal-hamburger-menu {
    display: flex;
    position: relative;
    right: 10px;
  }

  .sign-in-modal-gerator-04-1-icon1 {
    object-fit: cover;
    width: 121px;
    height: 32px;
    display: none;
    position: relative;
  }

  .sign-in-modal-title {
    font-size: 18px;
    line-height: 23px;
  }

  .sign-in-modal-checkbox, .sign-in-modal-help-link {
    flex-wrap: wrap;
  }

  .sign-in-modal-account-help {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .sign-in-modal-container1, .sign-in-modal-content6 {
    gap: 16px;
  }

  .sign-in-modal-log-in {
    gap: 272px;
    padding-top: 160px;
  }
}

.archive-spare1-not-logged-in-buttonsbutton18-custom {
  right: 195px !important;
}

.archive-spare1-not-logged-in-filter-selected-div {
  width: 100%;
  height: max-content;
}

.archive-spare1-not-logged-in-listing-container {
  gap: 20px;
  width: 100%;
  padding: 10px;
  display: grid;
  overflow-y: auto;
}

.archive-spare1-not-logged-in-content4, .archive-spare1-not-logged-in-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-spare1-not-logged-in-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-spare1-not-logged-in-page-header1, .archive-spare1-not-logged-in-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-spare1-not-logged-in-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 100%;
  padding: 0 32px;
}

.archive-spare1-not-logged-in-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-divider-icon2, .archive-spare1-not-logged-in-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-magnifier-1-icon {
  object-fit: cover;
  cursor: pointer;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-radar-1-1-container {
  z-index: 2;
  cursor: pointer;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-spare1-not-logged-in-listing-container, .archive-spare1-not-logged-in-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-spare1-not-logged-in-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-spare1-not-logged-in-frame-parent41, .archive-spare1-not-logged-in-rectangle-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-slide-out {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  max-width: 100%;
  display: flex;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-hiddenbutton-container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-spare1-not-logged-in-button-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-spare1-not-logged-in-sort-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  padding: 5px 32px 0;
  display: flex;
}

.archive-spare1-not-logged-in-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-spare1-not-logged-in-filter-selected-div {
  width: 100%;
}

.archive-spare1-not-logged-in-listing-container {
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  height: max-content;
  padding: 25px 29px;
  display: flex;
  overflow-y: scroll;
}

.archive-spare1-not-logged-in-listing-container::-webkit-scrollbar {
  display: none;
}

.archive-spare1-not-logged-in-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-divider-icon7-cstm {
  position: initial !important;
}

.archive-spare1-not-logged-in-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-spare1-not-logged-in-logo, .archive-spare1-not-logged-in-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-spare1-not-logged-in-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-spare1-not-logged-in-bar-chart-01-icon, .archive-spare1-not-logged-in-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-spare1-not-logged-in-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-spare1-not-logged-in-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-spare1-not-logged-in-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-spare1-not-logged-in-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-spare1-not-logged-in-text2, .archive-spare1-not-logged-in-text3 {
  font-family: Inter;
  position: relative;
}

.archive-spare1-not-logged-in-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-spare1-not-logged-in-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-spare1-not-logged-in-badge1, .archive-spare1-not-logged-in-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-spare1-not-logged-in-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-spare1-not-logged-in-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-spare1-not-logged-in-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-navigation, .archive-spare1-not-logged-in-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-spare1-not-logged-in-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-spare1-not-logged-in-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-search-lg-icon, .archive-spare1-not-logged-in-text6 {
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-spare1-not-logged-in-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-spare1-not-logged-in-content3, .archive-spare1-not-logged-in-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-content3 {
  flex: 1;
  gap: 8px;
}

.archive-spare1-not-logged-in-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-frame-parent, .archive-spare1-not-logged-in-input-with-label, .archive-spare1-not-logged-in-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-frame-parent, .archive-spare1-not-logged-in-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-spare1-not-logged-in-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-spare1-not-logged-in-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-spare1-not-logged-in-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-spare1-not-logged-in-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-spare1-not-logged-in-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-spare1-not-logged-in-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-spare1-not-logged-in-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-spare1-not-logged-in-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-spare1-not-logged-in-breadcrumb-button-base, .archive-spare1-not-logged-in-rectangle-parent, .archive-spare1-not-logged-in-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-spare1-not-logged-in-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-spare1-not-logged-in-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-spare1-not-logged-in-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-spare1-not-logged-in-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-spare1-not-logged-in-tabs {
  gap: 8px;
}

.archive-spare1-not-logged-in-breadcrumbs, .archive-spare1-not-logged-in-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-spare1-not-logged-in-container {
  padding: 0 32px;
}

.archive-spare1-not-logged-in-container, .archive-spare1-not-logged-in-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-main-child, .archive-spare1-not-logged-in-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-spare1-not-logged-in-main-item {
  height: 43px;
}

.archive-spare1-not-logged-in-main, .archive-spare1-not-logged-in-text11 {
  align-self: stretch;
}

.archive-spare1-not-logged-in-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-spare1-not-logged-in-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-breadcrumb-button-base6, .archive-spare1-not-logged-in-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-spare1-not-logged-in-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-spare1-not-logged-in-breadcrumbs1, .archive-spare1-not-logged-in-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-spare1-not-logged-in-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-spare1-not-logged-in-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-spare1-not-logged-in-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-spare1-not-logged-in-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-label1, .archive-spare1-not-logged-in-text15 {
  position: relative;
}

.archive-spare1-not-logged-in-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-spare1-not-logged-in-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-spare1-not-logged-in-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-spare1-not-logged-in-content5, .archive-spare1-not-logged-in-input-with-label1, .archive-spare1-not-logged-in-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-spare1-not-logged-in-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-spare1-not-logged-in-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-spare1-not-logged-in-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-spare1-not-logged-in-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px 16px;
  max-width: 100%;
  font-size: 26px;
  display: flex;
}

.archive-spare1-not-logged-in-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  height: max-content;
  display: flex;
}

.archive-spare1-not-logged-in-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-spare1-not-logged-in-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-spare1-not-logged-in-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-spare1-not-logged-in-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-spare1-not-logged-in-button-group-base2, .archive-spare1-not-logged-in-button-group-base3, .archive-spare1-not-logged-in-button-group-base4, .archive-spare1-not-logged-in-button-group-base5, .archive-spare1-not-logged-in-button-group-base6, .archive-spare1-not-logged-in-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-spare1-not-logged-in-button-group-base3, .archive-spare1-not-logged-in-button-group-base4, .archive-spare1-not-logged-in-button-group-base5, .archive-spare1-not-logged-in-button-group-base6, .archive-spare1-not-logged-in-button-group-base7 {
  z-index: 6;
}

.archive-spare1-not-logged-in-button-group-base4, .archive-spare1-not-logged-in-button-group-base5, .archive-spare1-not-logged-in-button-group-base6, .archive-spare1-not-logged-in-button-group-base7 {
  z-index: 5;
}

.archive-spare1-not-logged-in-button-group-base5, .archive-spare1-not-logged-in-button-group-base6, .archive-spare1-not-logged-in-button-group-base7 {
  z-index: 4;
}

.archive-spare1-not-logged-in-button-group-base6, .archive-spare1-not-logged-in-button-group-base7 {
  z-index: 3;
}

.archive-spare1-not-logged-in-button-group-base7 {
  z-index: 2;
}

.archive-spare1-not-logged-in-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-breadcrumb-button-base11, .archive-spare1-not-logged-in-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-spare1-not-logged-in-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-spare1-not-logged-in-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-spare1-not-logged-in-breadcrumb-button-base14, .archive-spare1-not-logged-in-breadcrumbs2, .archive-spare1-not-logged-in-button-group, .archive-spare1-not-logged-in-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-spare1-not-logged-in-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  position: absolute;
  bottom: -20px;
  right: -2px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  width: max-content;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-spare1-not-logged-in-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
}

.archive-spare1-not-logged-in-divider-icon2, .archive-spare1-not-logged-in-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
}

.archive-spare1-not-logged-in-filter-items {
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-spare1-not-logged-in-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-spare1-not-logged-in-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-spare1-not-logged-in-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-spare1-not-logged-in-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-spare1-not-logged-in-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-spare1-not-logged-in-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-dot-item-type-parent {
  gap: 8px;
}

.archive-spare1-not-logged-in-completed, .archive-spare1-not-logged-in-dot-item-content, .archive-spare1-not-logged-in-dot-item-innermost, .archive-spare1-not-logged-in-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-spare1-not-logged-in-completed, .archive-spare1-not-logged-in-dot-item-innermost {
  box-sizing: border-box;
}

.archive-spare1-not-logged-in-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-spare1-not-logged-in-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-spare1-not-logged-in-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-spare1-not-logged-in-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-spare1-not-logged-in-badge4, .archive-spare1-not-logged-in-completed-parent, .archive-spare1-not-logged-in-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-spare1-not-logged-in-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-badge5, .archive-spare1-not-logged-in-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-spare1-not-logged-in-badge6 {
  width: 76px;
}

.archive-spare1-not-logged-in-badge7, .archive-spare1-not-logged-in-badges {
  flex-direction: row;
  flex: 1;
}

.archive-spare1-not-logged-in-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-badges {
  gap: 8px;
}

.archive-spare1-not-logged-in-badges, .archive-spare1-not-logged-in-badges-wrapper, .archive-spare1-not-logged-in-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-spare1-not-logged-in-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-dot-item-parent, .archive-spare1-not-logged-in-dots-parent, .archive-spare1-not-logged-in-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-spare1-not-logged-in-dots-parent, .archive-spare1-not-logged-in-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-spare1-not-logged-in-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-spare1-not-logged-in-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-spare1-not-logged-in-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-spare1-not-logged-in-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-deal-inner, .archive-spare1-not-logged-in-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-spare1-not-logged-in-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-spare1-not-logged-in-card-deal, .archive-spare1-not-logged-in-deal-details, .archive-spare1-not-logged-in-deal-inner {
  justify-content: flex-start;
}

.archive-spare1-not-logged-in-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-spare1-not-logged-in-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-spare1-not-logged-in-card-deal, .archive-spare1-not-logged-in-frame-wrapper, .archive-spare1-not-logged-in-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-spare1-not-logged-in-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-spare1-not-logged-in-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-spare1-not-logged-in-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-close-icons, .archive-spare1-not-logged-in-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-spare1-not-logged-in-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-spare1-not-logged-in-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-spare1-not-logged-in-name, .archive-spare1-not-logged-in-role {
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-spare1-not-logged-in-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-spare1-not-logged-in-inner-info {
  flex-direction: column;
}

.archive-spare1-not-logged-in-inner-info, .archive-spare1-not-logged-in-inner-info-wrapper, .archive-spare1-not-logged-in-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-spare1-not-logged-in-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-spare1-not-logged-in-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-spare1-not-logged-in-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-spare1-not-logged-in-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-buttonsbutton2, .archive-spare1-not-logged-in-buttonsbutton3, .archive-spare1-not-logged-in-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-spare1-not-logged-in-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-spare1-not-logged-in-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 0 0;
  display: flex;
}

.archive-spare1-not-logged-in-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-filter-items-parent, .archive-spare1-not-logged-in-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-spare1-not-logged-in-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-spare1-not-logged-in-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-price-value, .archive-spare1-not-logged-in-text37 {
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-text37 {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

.archive-spare1-not-logged-in-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-spare1-not-logged-in-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-spare1-not-logged-in-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-spare1-not-logged-in-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-spare1-not-logged-in-badge10, .archive-spare1-not-logged-in-badge11, .archive-spare1-not-logged-in-deal-type-parent, .archive-spare1-not-logged-in-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-badge11, .archive-spare1-not-logged-in-frame-parent1 {
  flex: 1;
}

.archive-spare1-not-logged-in-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-spare1-not-logged-in-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-badge-group, .archive-spare1-not-logged-in-badge12, .archive-spare1-not-logged-in-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-spare1-not-logged-in-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-spare1-not-logged-in-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-spare1-not-logged-in-badge13, .archive-spare1-not-logged-in-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-spare1-not-logged-in-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-spare1-not-logged-in-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-badge13, .archive-spare1-not-logged-in-badge14, .archive-spare1-not-logged-in-card-work, .archive-spare1-not-logged-in-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-spare1-not-logged-in-badge14, .archive-spare1-not-logged-in-frame-div {
  flex-direction: row;
}

.archive-spare1-not-logged-in-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-spare1-not-logged-in-frame-container, .archive-spare1-not-logged-in-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 80%;
  padding: 8px 0 0;
}

.archive-spare1-not-logged-in-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-spare1-not-logged-in-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-spare1-not-logged-in-inner-icons, .archive-spare1-not-logged-in-inner-icons-wrapper, .archive-spare1-not-logged-in-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-spare1-not-logged-in-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 20%;
  font-size: 20px;
}

.archive-spare1-not-logged-in-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
}

.archive-spare1-not-logged-in-dots-vertical-container, .archive-spare1-not-logged-in-frame-group, .archive-spare1-not-logged-in-rectangle-container, .archive-spare1-not-logged-in-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-spare1-not-logged-in-dots-vertical-container, .archive-spare1-not-logged-in-rectangle-container {
  flex-direction: row;
}

.archive-spare1-not-logged-in-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-spare1-not-logged-in-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-spare1-not-logged-in-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-spare1-not-logged-in-buttonsbutton-wrapper, .archive-spare1-not-logged-in-frame-parent3, .archive-spare1-not-logged-in-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-spare1-not-logged-in-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-spare1-not-logged-in-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-spare1-not-logged-in-divider-parent, .archive-spare1-not-logged-in-rectangle-group, .archive-spare1-not-logged-in-rectangle-group1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-rectangle-group {
  box-sizing: border-box;
  color: #101828;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 100%;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
}

.archive-spare1-not-logged-in-rectangle-group1 {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  position: absolute;
  top: 700px;
  bottom: -15px;
  right: 30px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton10 {
  left: 370px;
}

.archive-spare1-not-logged-in-buttonsbutton10, .archive-spare1-not-logged-in-buttonsbutton11, .archive-spare1-not-logged-in-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-spare1-not-logged-in-buttonsbutton12 {
  right: 262px;
}

.archive-spare1-not-logged-in-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 116px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-button, .archive-spare1-not-logged-in-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-spare1-not-logged-in-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-spare1-not-logged-in-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-spare1-not-logged-in-button, .archive-spare1-not-logged-in-button1, .archive-spare1-not-logged-in-text60 {
  align-self: stretch;
}

.archive-spare1-not-logged-in-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-divider-icon6, .archive-spare1-not-logged-in-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-spare1-not-logged-in-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  height: max-content;
  font-size: 14px;
}

.archive-spare1-not-logged-in-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 70px;
  overflow: hidden;
}

.archive-spare1-not-logged-in-divider-icon6, .archive-spare1-not-logged-in-divider-icon7, .archive-spare1-not-logged-in-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-spare1-not-logged-in-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-spare1-not-logged-in-text-group, .archive-spare1-not-logged-in-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-spare1-not-logged-in-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-spare1-not-logged-in-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-last-active, .archive-spare1-not-logged-in-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-spare1-not-logged-in-name-container {
  gap: 16px;
}

.archive-spare1-not-logged-in-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-applications, .archive-spare1-not-logged-in-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-spare1-not-logged-in-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-spare1-not-logged-in-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-spare1-not-logged-in-card-actions, .archive-spare1-not-logged-in-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-spare1-not-logged-in-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-spare1-not-logged-in-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-spare1-not-logged-in-price2, .archive-spare1-not-logged-in-rate {
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-spare1-not-logged-in-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-spare1-not-logged-in-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-spare1-not-logged-in-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-spare1-not-logged-in-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-spare1-not-logged-in-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-spare1-not-logged-in-card-actions1, .archive-spare1-not-logged-in-deal-container, .archive-spare1-not-logged-in-listing-border-parent, .archive-spare1-not-logged-in-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-spare1-not-logged-in-listing-border-parent, .archive-spare1-not-logged-in-listing-card-actions {
  box-sizing: border-box;
}

.archive-spare1-not-logged-in-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-spare1-not-logged-in-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-spare1-not-logged-in-name3, .archive-spare1-not-logged-in-role2 {
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-spare1-not-logged-in-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-spare1-not-logged-in-collapsed-name-details, .archive-spare1-not-logged-in-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-spare1-not-logged-in-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-spare1-not-logged-in-collapsed-name-role, .archive-spare1-not-logged-in-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-spare1-not-logged-in-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-spare1-not-logged-in-detail-header, .archive-spare1-not-logged-in-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-spare1-not-logged-in-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-spare1-not-logged-in-detail-header1, .archive-spare1-not-logged-in-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-spare1-not-logged-in-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-spare1-not-logged-in-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-spare1-not-logged-in-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-spare1-not-logged-in-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-spare1-not-logged-in-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-badge16, .archive-spare1-not-logged-in-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-spare1-not-logged-in-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-location2, .archive-spare1-not-logged-in-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-type-of-work3 {
  min-width: 109px;
}

.archive-spare1-not-logged-in-location-content, .archive-spare1-not-logged-in-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-spare1-not-logged-in-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-spare1-not-logged-in-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-badge17, .archive-spare1-not-logged-in-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-spare1-not-logged-in-badge18 {
  width: 76px;
}

.archive-spare1-not-logged-in-badge-container, .archive-spare1-not-logged-in-badge18, .archive-spare1-not-logged-in-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-spare1-not-logged-in-badge-name, .archive-spare1-not-logged-in-buttonsbutton19, .archive-spare1-not-logged-in-buttonsbutton20, .archive-spare1-not-logged-in-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-spare1-not-logged-in-buttonsbutton19, .archive-spare1-not-logged-in-buttonsbutton20, .archive-spare1-not-logged-in-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-spare1-not-logged-in-buttonsbutton20, .archive-spare1-not-logged-in-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-spare1-not-logged-in-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-spare1-not-logged-in-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-spare1-not-logged-in-badge-details, .archive-spare1-not-logged-in-buttonsbutton-parent, .archive-spare1-not-logged-in-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-spare1-not-logged-in-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-spare1-not-logged-in-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-spare1-not-logged-in-badge22, .archive-spare1-not-logged-in-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-spare1-not-logged-in-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-spare1-not-logged-in-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-badge-list-item, .archive-spare1-not-logged-in-badge22, .archive-spare1-not-logged-in-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-spare1-not-logged-in-location-item, .archive-spare1-not-logged-in-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-spare1-not-logged-in-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-spare1-not-logged-in-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-badge24, .archive-spare1-not-logged-in-buttonsbutton23, .archive-spare1-not-logged-in-first-badge-details, .archive-spare1-not-logged-in-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-buttonsbutton23, .archive-spare1-not-logged-in-first-badge-details, .archive-spare1-not-logged-in-work-item {
  flex: 1;
}

.archive-spare1-not-logged-in-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-spare1-not-logged-in-buttonsbutton23, .archive-spare1-not-logged-in-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-spare1-not-logged-in-first-badge-details {
  max-width: 100%;
}

.archive-spare1-not-logged-in-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-buttonsbutton-group, .archive-spare1-not-logged-in-second-badge-divider, .archive-spare1-not-logged-in-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-spare1-not-logged-in-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-spare1-not-logged-in-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-spare1-not-logged-in-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-spare1-not-logged-in-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-spare1-not-logged-in-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-location-summary, .archive-spare1-not-logged-in-summary-details, .archive-spare1-not-logged-in-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-spare1-not-logged-in-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-spare1-not-logged-in-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-spare1-not-logged-in-badge25, .archive-spare1-not-logged-in-frame-parent5, .archive-spare1-not-logged-in-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-spare1-not-logged-in-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-spare1-not-logged-in-expanded-content, .archive-spare1-not-logged-in-expanded-listing, .archive-spare1-not-logged-in-first-badges, .archive-spare1-not-logged-in-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-spare1-not-logged-in-expanded-content, .archive-spare1-not-logged-in-expanded-listing {
  max-width: 100%;
}

.archive-spare1-not-logged-in-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-spare1-not-logged-in-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-spare1-not-logged-in-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-spare1-not-logged-in-arrow-square-up-right-icon1, .archive-spare1-not-logged-in-arrow-square-up-right-icon2, .archive-spare1-not-logged-in-dots-vertical-icon3, .archive-spare1-not-logged-in-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-spare1-not-logged-in-dots-vertical-icon3, .archive-spare1-not-logged-in-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-spare1-not-logged-in-dots-vertical-icon3 {
  top: 260px;
}

.archive-spare1-not-logged-in-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-spare1-not-logged-in-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-spare1-not-logged-in-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-spare1-not-logged-in-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-spare1-not-logged-in-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-spare1-not-logged-in-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-spare1-not-logged-in-arrow-square-up-right-parent, .archive-spare1-not-logged-in-frame-parent6, .archive-spare1-not-logged-in-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-spare1-not-logged-in-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-spare1-not-logged-in-collapsed-content, .archive-spare1-not-logged-in-collapsed-details, .archive-spare1-not-logged-in-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-collapsed-content {
  position: relative;
}

.archive-spare1-not-logged-in-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-business-image, .archive-spare1-not-logged-in-text83 {
  z-index: 1;
  position: relative;
}

.archive-spare1-not-logged-in-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-spare1-not-logged-in-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-spare1-not-logged-in-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-spare1-not-logged-in-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-spare1-not-logged-in-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-spare1-not-logged-in-span {
  font-weight: 500;
}

.archive-spare1-not-logged-in-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-spare1-not-logged-in-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-spare1-not-logged-in-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-spare1-not-logged-in-application-count, .archive-spare1-not-logged-in-business-location, .archive-spare1-not-logged-in-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-spare1-not-logged-in-application-count, .archive-spare1-not-logged-in-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-spare1-not-logged-in-application-count {
  color: #fff;
  gap: 8px;
}

.archive-spare1-not-logged-in-badge-one, .archive-spare1-not-logged-in-badge-three, .archive-spare1-not-logged-in-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-spare1-not-logged-in-badge-three, .archive-spare1-not-logged-in-badge-two {
  display: inline-block;
}

.archive-spare1-not-logged-in-badge-two {
  min-width: 103px;
}

.archive-spare1-not-logged-in-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-spare1-not-logged-in-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-spare1-not-logged-in-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-spare1-not-logged-in-supporting-text23, .archive-spare1-not-logged-in-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-supporting-text23 {
  min-width: 70.9px;
}

.archive-spare1-not-logged-in-supporting-text24 {
  width: 104px;
}

.archive-spare1-not-logged-in-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-spare1-not-logged-in-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-spare1-not-logged-in-badges-parent, .archive-spare1-not-logged-in-business-details, .archive-spare1-not-logged-in-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-spare1-not-logged-in-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-spare1-not-logged-in-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-business-actions, .archive-spare1-not-logged-in-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-spare1-not-logged-in-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-spare1-not-logged-in-content6:hover {
  background-color: #40454f;
}

.archive-spare1-not-logged-in-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-spare1-not-logged-in-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-arrow-square-up-right-icon3, .archive-spare1-not-logged-in-arrow-square-up-right-icon4, .archive-spare1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-arrow-square-up-right-icon4, .archive-spare1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-spare1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-spare1-not-logged-in-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-spare1-not-logged-in-frame-parent11, .archive-spare1-not-logged-in-group-div, .archive-spare1-not-logged-in-list-header, .archive-spare1-not-logged-in-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-spare1-not-logged-in-frame-parent11, .archive-spare1-not-logged-in-group-div {
  gap: 7.3px;
}

.archive-spare1-not-logged-in-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-spare1-not-logged-in-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-spare1-not-logged-in-divider-icon10, .archive-spare1-not-logged-in-dots-vertical-icon7, .archive-spare1-not-logged-in-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-spare1-not-logged-in-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-spare1-not-logged-in-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-dots-vertical-parent1, .archive-spare1-not-logged-in-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-text-wrapper7 {
  flex: 1;
}

.archive-spare1-not-logged-in-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-spare1-not-logged-in-rectangle-textarea, .archive-spare1-not-logged-in-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-spare1-not-logged-in-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-spare1-not-logged-in-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-spare1-not-logged-in-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-contact-details, .archive-spare1-not-logged-in-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-spare1-not-logged-in-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-spare1-not-logged-in-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton27, .archive-spare1-not-logged-in-buttonsbutton28, .archive-spare1-not-logged-in-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-buttonsbutton28, .archive-spare1-not-logged-in-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-spare1-not-logged-in-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-spare1-not-logged-in-contact-details-parent, .archive-spare1-not-logged-in-detail-item-parent, .archive-spare1-not-logged-in-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-spare1-not-logged-in-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton-wrapper2, .archive-spare1-not-logged-in-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-spare1-not-logged-in-frame-parent22, .archive-spare1-not-logged-in-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-spare1-not-logged-in-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-pair-container-parent, .archive-spare1-not-logged-in-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-spare1-not-logged-in-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-spare1-not-logged-in-frame-parent19, .archive-spare1-not-logged-in-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-spare1-not-logged-in-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-spare1-not-logged-in-price7, .archive-spare1-not-logged-in-total {
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-spare1-not-logged-in-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-spare1-not-logged-in-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-spare1-not-logged-in-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-spare1-not-logged-in-pair-container-container, .archive-spare1-not-logged-in-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-spare1-not-logged-in-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-spare1-not-logged-in-frame-parent24, .archive-spare1-not-logged-in-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-spare1-not-logged-in-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-spare1-not-logged-in-fourth-listing, .archive-spare1-not-logged-in-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-spare1-not-logged-in-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-spare1-not-logged-in-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-buttonsbutton30, .archive-spare1-not-logged-in-expand-action, .archive-spare1-not-logged-in-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-spare1-not-logged-in-arrow-square-up-right-icon6, .archive-spare1-not-logged-in-arrow-square-up-right-icon7, .archive-spare1-not-logged-in-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-spare1-not-logged-in-arrow-square-up-right-icon7, .archive-spare1-not-logged-in-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-spare1-not-logged-in-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-spare1-not-logged-in-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-spare1-not-logged-in-text100, .archive-spare1-not-logged-in-text101 {
  font-family: Inter;
  position: relative;
}

.archive-spare1-not-logged-in-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-spare1-not-logged-in-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-spare1-not-logged-in-badge27, .archive-spare1-not-logged-in-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-spare1-not-logged-in-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-spare1-not-logged-in-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-spare1-not-logged-in-card-header, .archive-spare1-not-logged-in-content7, .archive-spare1-not-logged-in-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-spare1-not-logged-in-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-spare1-not-logged-in-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-spare1-not-logged-in-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-button-group-base10, .archive-spare1-not-logged-in-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-spare1-not-logged-in-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-spare1-not-logged-in-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-spare1-not-logged-in-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-spare1-not-logged-in-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-spare1-not-logged-in-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-label3, .archive-spare1-not-logged-in-supporting-text41, .archive-spare1-not-logged-in-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-spare1-not-logged-in-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-spare1-not-logged-in-supporting-text41, .archive-spare1-not-logged-in-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-spare1-not-logged-in-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-spare1-not-logged-in-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-spare1-not-logged-in-content9, .archive-spare1-not-logged-in-input-with-label2, .archive-spare1-not-logged-in-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-spare1-not-logged-in-input-with-label2, .archive-spare1-not-logged-in-input2 {
  align-self: stretch;
}

.archive-spare1-not-logged-in-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-spare1-not-logged-in-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-spare1-not-logged-in-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-spare1-not-logged-in-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-actions2, .archive-spare1-not-logged-in-button7, .archive-spare1-not-logged-in-content8 {
  flex-direction: row;
  display: flex;
}

.archive-spare1-not-logged-in-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-actions2, .archive-spare1-not-logged-in-content8 {
  max-width: 100%;
}

.archive-spare1-not-logged-in-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-spare1-not-logged-in-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-spare1-not-logged-in-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-spare1-not-logged-in-card-header-parent, .archive-spare1-not-logged-in-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-text117, .archive-spare1-not-logged-in-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-spare1-not-logged-in-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-spare1-not-logged-in-badge28, .archive-spare1-not-logged-in-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-spare1-not-logged-in-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-spare1-not-logged-in-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-button8, .archive-spare1-not-logged-in-button9, .archive-spare1-not-logged-in-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-spare1-not-logged-in-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-spare1-not-logged-in-button8, .archive-spare1-not-logged-in-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-spare1-not-logged-in-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-actions3, .archive-spare1-not-logged-in-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-spare1-not-logged-in-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-spare1-not-logged-in-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-spare1-not-logged-in-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-table-header-cell, .archive-spare1-not-logged-in-table-header-cell-inner, .archive-spare1-not-logged-in-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-spare1-not-logged-in-table-header-cell, .archive-spare1-not-logged-in-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-spare1-not-logged-in-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-spare1-not-logged-in-avatar-online-indicator, .archive-spare1-not-logged-in-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-spare1-not-logged-in-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-spare1-not-logged-in-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-spare1-not-logged-in-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-spare1-not-logged-in-supporting-text43, .archive-spare1-not-logged-in-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-spare1-not-logged-in-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-spare1-not-logged-in-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-supporting-text46, .archive-spare1-not-logged-in-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-spare1-not-logged-in-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-spare1-not-logged-in-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-spare1-not-logged-in-avatar5, .archive-spare1-not-logged-in-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-spare1-not-logged-in-avatar5 {
  background-color: #f2f4f7;
}

.archive-spare1-not-logged-in-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-table-cell6, .archive-spare1-not-logged-in-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-spare1-not-logged-in-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-table-header, .archive-spare1-not-logged-in-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-table-header {
  gap: 4px;
}

.archive-spare1-not-logged-in-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-spare1-not-logged-in-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-spare1-not-logged-in-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-marker-pin-02-group, .archive-spare1-not-logged-in-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-marker-pin-02-group {
  gap: 7px;
}

.archive-spare1-not-logged-in-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-spare1-not-logged-in-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-table-cell15, .archive-spare1-not-logged-in-table-cell16, .archive-spare1-not-logged-in-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-spare1-not-logged-in-table-cell16, .archive-spare1-not-logged-in-table-cell18 {
  width: 271px;
}

.archive-spare1-not-logged-in-table-cell18 {
  width: 239px;
}

.archive-spare1-not-logged-in-column, .archive-spare1-not-logged-in-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-spare1-not-logged-in-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-spare1-not-logged-in-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-spare1-not-logged-in-table-header-cell2, .archive-spare1-not-logged-in-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-spare1-not-logged-in-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-spare1-not-logged-in-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-table-cell20, .archive-spare1-not-logged-in-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-spare1-not-logged-in-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-spare1-not-logged-in-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-spare1-not-logged-in-column1, .archive-spare1-not-logged-in-table-cell25, .archive-spare1-not-logged-in-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-spare1-not-logged-in-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-spare1-not-logged-in-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-table-cell30, .archive-spare1-not-logged-in-table-header-cell3, .archive-spare1-not-logged-in-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-spare1-not-logged-in-table-cell30, .archive-spare1-not-logged-in-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-spare1-not-logged-in-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-spare1-not-logged-in-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-spare1-not-logged-in-column2, .archive-spare1-not-logged-in-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-spare1-not-logged-in-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-spare1-not-logged-in-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-button-wrap, .archive-spare1-not-logged-in-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-spare1-not-logged-in-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-spare1-not-logged-in-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-content11, .archive-spare1-not-logged-in-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-spare1-not-logged-in-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-spare1-not-logged-in-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-content12, .archive-spare1-not-logged-in-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-spare1-not-logged-in-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-spare1-not-logged-in-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-content13, .archive-spare1-not-logged-in-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-content13 {
  padding: 10px 15px;
}

.archive-spare1-not-logged-in-pagination-number-base2 {
  overflow: hidden;
}

.archive-spare1-not-logged-in-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-spare1-not-logged-in-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-content17, .archive-spare1-not-logged-in-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-spare1-not-logged-in-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-spare1-not-logged-in-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-button-wrap1, .archive-spare1-not-logged-in-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-spare1-not-logged-in-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-spare1-not-logged-in-next-page-button, .archive-spare1-not-logged-in-page-navigation, .archive-spare1-not-logged-in-pagination, .archive-spare1-not-logged-in-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-spare1-not-logged-in-pagination, .archive-spare1-not-logged-in-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-spare1-not-logged-in-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-spare1-not-logged-in-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-spare1-not-logged-in-text161, .archive-spare1-not-logged-in-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-spare1-not-logged-in-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-spare1-not-logged-in-badge29, .archive-spare1-not-logged-in-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-spare1-not-logged-in-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-spare1-not-logged-in-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-button-group-base18, .archive-spare1-not-logged-in-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-spare1-not-logged-in-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-spare1-not-logged-in-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-spare1-not-logged-in-button-group-base19 {
  background-color: #fff;
}

.archive-spare1-not-logged-in-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-card-header-group, .archive-spare1-not-logged-in-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-spare1-not-logged-in-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-spare1-not-logged-in-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-spare1-not-logged-in-supporting-text55, .archive-spare1-not-logged-in-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-spare1-not-logged-in-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-spare1-not-logged-in-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-spare1-not-logged-in-content21, .archive-spare1-not-logged-in-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-spare1-not-logged-in-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-spare1-not-logged-in-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-actions6, .archive-spare1-not-logged-in-empty-state1 {
  justify-content: flex-start;
}

.archive-spare1-not-logged-in-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-spare1-not-logged-in-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-spare1-not-logged-in-empty-state, .archive-spare1-not-logged-in-empty-state1, .archive-spare1-not-logged-in-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-spare1-not-logged-in-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-spare1-not-logged-in-supporting-text56, .archive-spare1-not-logged-in-text181 {
  align-self: stretch;
  position: relative;
}

.archive-spare1-not-logged-in-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-spare1-not-logged-in-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-spare1-not-logged-in-content22, .archive-spare1-not-logged-in-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-spare1-not-logged-in-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-spare1-not-logged-in-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-empty-state2, .archive-spare1-not-logged-in-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-spare1-not-logged-in-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-spare1-not-logged-in-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  font-family: Inter;
  font-size: 18px;
  display: flex;
}

.archive-spare1-not-logged-in-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-spare1-not-logged-in-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-spare1-not-logged-in-frame-child6, .archive-spare1-not-logged-in-rectangle-parent2, .archive-spare1-not-logged-in-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-spare1-not-logged-in-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-spare1-not-logged-in-dots-vertical-icon22, .archive-spare1-not-logged-in-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-spare1-not-logged-in-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-spare1-not-logged-in-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-spare1-not-logged-in-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-spare1-not-logged-in-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-spare1-not-logged-in-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-spare1-not-logged-in-frame-parent27, .archive-spare1-not-logged-in-logomark, .archive-spare1-not-logged-in-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-spare1-not-logged-in-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-spare1-not-logged-in-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-spare1-not-logged-in-content23, .archive-spare1-not-logged-in-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-spare1-not-logged-in-container1, .archive-spare1-not-logged-in-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-spare1-not-logged-in-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-spare1-not-logged-in-divider-icon14 {
  object-fit: contain;
  z-index: 4;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: -11px;
  right: 0;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-dot-icon10, .archive-spare1-not-logged-in-dot-icon11, .archive-spare1-not-logged-in-dot-icon7, .archive-spare1-not-logged-in-dot-icon8, .archive-spare1-not-logged-in-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-dot-icon10, .archive-spare1-not-logged-in-dot-icon11, .archive-spare1-not-logged-in-dot-icon8, .archive-spare1-not-logged-in-dot-icon9 {
  z-index: 3;
}

.archive-spare1-not-logged-in-dot-icon10, .archive-spare1-not-logged-in-dot-icon11, .archive-spare1-not-logged-in-dot-icon9 {
  z-index: 4;
}

.archive-spare1-not-logged-in-dot-icon10, .archive-spare1-not-logged-in-dot-icon11 {
  z-index: 5;
}

.archive-spare1-not-logged-in-dot-icon11 {
  z-index: 6;
}

.archive-spare1-not-logged-in-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-spare1-not-logged-in-dot-icon12, .archive-spare1-not-logged-in-dot-icon13, .archive-spare1-not-logged-in-featured-icon1 {
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-spare1-not-logged-in-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-spare1-not-logged-in-supporting-text57, .archive-spare1-not-logged-in-text184 {
  align-self: stretch;
  position: relative;
}

.archive-spare1-not-logged-in-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-spare1-not-logged-in-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-spare1-not-logged-in-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-button-close-x, .archive-spare1-not-logged-in-content24 {
  flex-direction: row;
  display: flex;
}

.archive-spare1-not-logged-in-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-spare1-not-logged-in-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-spare1-not-logged-in-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-spare1-not-logged-in-frame-wrapper13, .archive-spare1-not-logged-in-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-spare1-not-logged-in-background, .archive-spare1-not-logged-in-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-spare1-not-logged-in-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-spare1-not-logged-in-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-content25, .archive-spare1-not-logged-in-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-spare1-not-logged-in-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-spare1-not-logged-in-control-handle, .archive-spare1-not-logged-in-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-spare1-not-logged-in-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-spare1-not-logged-in-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-spare1-not-logged-in-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-spare1-not-logged-in-background-parent, .archive-spare1-not-logged-in-content26, .archive-spare1-not-logged-in-progress, .archive-spare1-not-logged-in-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-spare1-not-logged-in-background-parent, .archive-spare1-not-logged-in-progress {
  position: relative;
}

.archive-spare1-not-logged-in-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-spare1-not-logged-in-background-parent {
  padding: 0 20px 0 0;
}

.archive-spare1-not-logged-in-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-input-field, .archive-spare1-not-logged-in-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-spare1-not-logged-in-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-spare1-not-logged-in-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-spare1-not-logged-in-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-spare1-not-logged-in-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-spare1-not-logged-in-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-spare1-not-logged-in-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-frame-parent31, .archive-spare1-not-logged-in-frame-wrapper14, .archive-spare1-not-logged-in-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-spare1-not-logged-in-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-spare1-not-logged-in-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-spare1-not-logged-in-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-spare1-not-logged-in-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-content-parent, .archive-spare1-not-logged-in-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-spare1-not-logged-in-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-spare1-not-logged-in-content-parent {
  gap: 42px;
}

.archive-spare1-not-logged-in-content-parent, .archive-spare1-not-logged-in-input10, .archive-spare1-not-logged-in-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-spare1-not-logged-in-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-spare1-not-logged-in-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-input-field2, .archive-spare1-not-logged-in-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-spare1-not-logged-in-section-parent {
  gap: 8px;
}

.archive-spare1-not-logged-in-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-spare1-not-logged-in-checkboxes1, .archive-spare1-not-logged-in-section-wrapper, .archive-spare1-not-logged-in-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-spare1-not-logged-in-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-spare1-not-logged-in-text203, .archive-spare1-not-logged-in-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-text207 {
  min-width: 44px;
}

.archive-spare1-not-logged-in-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-text208, .archive-spare1-not-logged-in-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-text209 {
  min-width: 59px;
}

.archive-spare1-not-logged-in-search-lg, .archive-spare1-not-logged-in-text210 {
  z-index: 2;
  position: relative;
}

.archive-spare1-not-logged-in-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-spare1-not-logged-in-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-spare1-not-logged-in-content37, .archive-spare1-not-logged-in-input-fields2, .archive-spare1-not-logged-in-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-spare1-not-logged-in-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-spare1-not-logged-in-input-fields2, .archive-spare1-not-logged-in-input19 {
  align-self: stretch;
}

.archive-spare1-not-logged-in-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-spare1-not-logged-in-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-spare1-not-logged-in-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-spare1-not-logged-in-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-spare1-not-logged-in-text212, .archive-spare1-not-logged-in-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-spare1-not-logged-in-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-spare1-not-logged-in-frame-parent36, .archive-spare1-not-logged-in-frame-parent37, .archive-spare1-not-logged-in-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-not-logged-in-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-spare1-not-logged-in-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-spare1-not-logged-in-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-spare1-not-logged-in-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-frame-parent28, .archive-spare1-not-logged-in-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-spare1-not-logged-in-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-spare1-not-logged-in-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-spare1-not-logged-in-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-spare1-not-logged-in-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-not-logged-in-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-not-logged-in-actions9, .archive-spare1-not-logged-in-buttonsbutton39, .archive-spare1-not-logged-in-content38 {
  flex-direction: row;
  display: flex;
}

.archive-spare1-not-logged-in-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-spare1-not-logged-in-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-spare1-not-logged-in-divider-parent6, .archive-spare1-not-logged-in-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-spare1-not-logged-in-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-spare1-not-logged-in-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-spare1-not-logged-in-frame-parent41, .archive-spare1-not-logged-in-rectangle-parent4, .archive-spare1-not-logged-in-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-not-logged-in-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-spare1-not-logged-in-slide-out {
  flex-direction: row;
  width: 25%;
  margin: 0 !important;
}

.archive-spare1-not-logged-in-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-spare1-not-logged-in-collapsed-listing, .archive-spare1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-spare1-not-logged-in-frame-form {
    padding-bottom: 272px;
  }

  .archive-spare1-not-logged-in-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-spare1-not-logged-in-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-spare1-not-logged-in-fourth-listing {
    flex: 1;
  }

  .archive-spare1-not-logged-in-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-frame-parent16 {
    gap: 140px;
  }

  .archive-spare1-not-logged-in-content8 {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-spare1-not-logged-in-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-spare1-not-logged-in-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-spare1-not-logged-in-navigation-parent {
    gap: 19px;
  }

  .archive-spare1-not-logged-in-frame-parent {
    gap: 35px;
  }

  .archive-spare1-not-logged-in-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-spare1-not-logged-in-main {
    gap: 16px;
  }

  .archive-spare1-not-logged-in-badges, .archive-spare1-not-logged-in-dot-item-content, .archive-spare1-not-logged-in-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-dots-vertical {
    min-width: 100%;
  }

  .archive-spare1-not-logged-in-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-spare1-not-logged-in-frame-div {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-frame-container {
    min-width: 100%;
  }

  .archive-spare1-not-logged-in-frame-group {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-dots-vertical-container {
    min-width: 100%;
  }

  .archive-spare1-not-logged-in-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-spare1-not-logged-in-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-spare1-not-logged-in-first-badge, .archive-spare1-not-logged-in-location-content {
    flex: 1;
  }

  .archive-spare1-not-logged-in-badge-name {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-badge-details {
    gap: 23px;
  }

  .archive-spare1-not-logged-in-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-second-badge-list-parent {
    gap: 23px;
  }

  .archive-spare1-not-logged-in-frame-parent5 {
    gap: 53px;
  }

  .archive-spare1-not-logged-in-expanded-content {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-expanded-listing {
    min-width: 100%;
  }

  .archive-spare1-not-logged-in-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-spare1-not-logged-in-badge-support-parent, .archive-spare1-not-logged-in-badges1, .archive-spare1-not-logged-in-detail-item, .archive-spare1-not-logged-in-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-second-listing-details {
    flex: 1;
  }

  .archive-spare1-not-logged-in-listing-detail {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-frame-parent19 {
    gap: 54px;
  }

  .archive-spare1-not-logged-in-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-spare1-not-logged-in-fourth-listing {
    margin-left: 0;
  }

  .archive-spare1-not-logged-in-frame-parent16 {
    gap: 70px;
  }

  .archive-spare1-not-logged-in-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-spare1-not-logged-in-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-spare1-not-logged-in-actions2 {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-spare1-not-logged-in-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-spare1-not-logged-in-actions3 {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-spare1-not-logged-in-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-spare1-not-logged-in-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-spare1-not-logged-in-empty-state3 {
    gap: 16px;
  }

  .archive-spare1-not-logged-in-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-spare1-not-logged-in-container1 {
    gap: 16px;
  }

  .archive-spare1-not-logged-in-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-spare1-not-logged-in-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-spare1-not-logged-in-frame-parent {
    gap: 17px;
  }

  .archive-spare1-not-logged-in-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-spare1-not-logged-in-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-spare1-not-logged-in-card-work {
    flex: 1;
  }

  .archive-spare1-not-logged-in-provider-name {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-price2, .archive-spare1-not-logged-in-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-spare1-not-logged-in-badge-container, .archive-spare1-not-logged-in-location-content {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-spare1-not-logged-in-buttonsbutton-group, .archive-spare1-not-logged-in-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-location-summary {
    flex: 1;
  }

  .archive-spare1-not-logged-in-summary-details {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-frame-parent5 {
    gap: 27px;
  }

  .archive-spare1-not-logged-in-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-spare1-not-logged-in-price4, .archive-spare1-not-logged-in-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-spare1-not-logged-in-business-name-role, .archive-spare1-not-logged-in-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-detail-item-parent {
    gap: 20px;
  }

  .archive-spare1-not-logged-in-pair-container-parent {
    margin-left: 0;
  }

  .archive-spare1-not-logged-in-frame-parent19 {
    gap: 27px;
  }

  .archive-spare1-not-logged-in-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-spare1-not-logged-in-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-frame-parent24 {
    gap: 126px;
  }

  .archive-spare1-not-logged-in-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-spare1-not-logged-in-content9, .archive-spare1-not-logged-in-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-spare1-not-logged-in-input-dropdown2 {
    max-width: 100%;
  }

  .archive-spare1-not-logged-in-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-spare1-not-logged-in-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-spare1-not-logged-in-button-group2 {
    flex-wrap: wrap;
  }

  .archive-spare1-not-logged-in-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-spare1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-spare1-not-logged-in-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-spare1-not-logged-in-footer {
    gap: 16px;
  }

  .archive-spare1-not-logged-in-listings-search-results-list {
    gap: 25px;
  }
}

.archive-service1-not-logged-in-buttonsbutton18-custom {
  right: 195px !important;
}

.archive-service1-not-logged-in-filter-selected-div {
  width: 100%;
  height: max-content;
}

.archive-service1-not-logged-in-listing-container {
  gap: 20px;
  width: 100%;
  padding: 10px;
  display: grid;
  overflow-y: auto;
}

.archive-service1-not-logged-in-content4, .archive-service1-not-logged-in-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-service1-not-logged-in-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-service1-not-logged-in-page-header1, .archive-service1-not-logged-in-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-service1-not-logged-in-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 100%;
  padding: 0 32px;
}

.archive-service1-not-logged-in-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-divider-icon2, .archive-service1-not-logged-in-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-magnifier-1-icon {
  object-fit: cover;
  cursor: pointer;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-radar-1-1-container {
  z-index: 2;
  cursor: pointer;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-service1-not-logged-in-listing-container, .archive-service1-not-logged-in-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-service1-not-logged-in-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-service1-not-logged-in-frame-parent41, .archive-service1-not-logged-in-rectangle-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-slide-out {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  max-width: 100%;
  display: flex;
  margin: 0 !important;
}

.archive-service1-not-logged-in-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-hiddenbutton-container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-service1-not-logged-in-button-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-service1-not-logged-in-sort-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  padding: 5px 32px 0;
  display: flex;
}

.archive-service1-not-logged-in-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-service1-not-logged-in-filter-selected-div {
  width: 100%;
}

.archive-service1-not-logged-in-listing-container {
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  height: max-content;
  padding: 25px 29px;
  display: flex;
  overflow-y: scroll;
}

.archive-service1-not-logged-in-listing-container::-webkit-scrollbar {
  display: none;
}

.archive-service1-not-logged-in-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-divider-icon7-cstm {
  position: initial !important;
}

.archive-service1-not-logged-in-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-service1-not-logged-in-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-service1-not-logged-in-logo, .archive-service1-not-logged-in-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-service1-not-logged-in-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-service1-not-logged-in-bar-chart-01-icon, .archive-service1-not-logged-in-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-service1-not-logged-in-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-service1-not-logged-in-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-service1-not-logged-in-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-service1-not-logged-in-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-service1-not-logged-in-text2, .archive-service1-not-logged-in-text3 {
  font-family: Inter;
  position: relative;
}

.archive-service1-not-logged-in-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-service1-not-logged-in-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-service1-not-logged-in-badge1, .archive-service1-not-logged-in-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-service1-not-logged-in-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-service1-not-logged-in-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-service1-not-logged-in-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-navigation, .archive-service1-not-logged-in-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-service1-not-logged-in-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-service1-not-logged-in-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-search-lg-icon, .archive-service1-not-logged-in-text6 {
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-service1-not-logged-in-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-service1-not-logged-in-content3, .archive-service1-not-logged-in-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-content3 {
  flex: 1;
  gap: 8px;
}

.archive-service1-not-logged-in-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-frame-parent, .archive-service1-not-logged-in-input-with-label, .archive-service1-not-logged-in-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-service1-not-logged-in-frame-parent, .archive-service1-not-logged-in-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-service1-not-logged-in-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-service1-not-logged-in-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-service1-not-logged-in-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-service1-not-logged-in-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-service1-not-logged-in-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-service1-not-logged-in-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-service1-not-logged-in-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-service1-not-logged-in-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-service1-not-logged-in-breadcrumb-button-base, .archive-service1-not-logged-in-rectangle-parent, .archive-service1-not-logged-in-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-service1-not-logged-in-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-service1-not-logged-in-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-service1-not-logged-in-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-service1-not-logged-in-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-service1-not-logged-in-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-service1-not-logged-in-tabs {
  gap: 8px;
}

.archive-service1-not-logged-in-breadcrumbs, .archive-service1-not-logged-in-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-service1-not-logged-in-container {
  padding: 0 32px;
}

.archive-service1-not-logged-in-container, .archive-service1-not-logged-in-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-main-child, .archive-service1-not-logged-in-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-service1-not-logged-in-main-item {
  height: 43px;
}

.archive-service1-not-logged-in-main, .archive-service1-not-logged-in-text11 {
  align-self: stretch;
}

.archive-service1-not-logged-in-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-service1-not-logged-in-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-breadcrumb-button-base6, .archive-service1-not-logged-in-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-service1-not-logged-in-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-service1-not-logged-in-breadcrumbs1, .archive-service1-not-logged-in-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-service1-not-logged-in-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-service1-not-logged-in-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-service1-not-logged-in-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-service1-not-logged-in-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-label1, .archive-service1-not-logged-in-text15 {
  position: relative;
}

.archive-service1-not-logged-in-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-service1-not-logged-in-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-service1-not-logged-in-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-service1-not-logged-in-content5, .archive-service1-not-logged-in-input-with-label1, .archive-service1-not-logged-in-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-service1-not-logged-in-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-service1-not-logged-in-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-service1-not-logged-in-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-service1-not-logged-in-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px 16px;
  max-width: 100%;
  font-size: 26px;
  display: flex;
}

.archive-service1-not-logged-in-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  height: max-content;
  display: flex;
}

.archive-service1-not-logged-in-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-service1-not-logged-in-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-service1-not-logged-in-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-service1-not-logged-in-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-service1-not-logged-in-button-group-base2, .archive-service1-not-logged-in-button-group-base3, .archive-service1-not-logged-in-button-group-base4, .archive-service1-not-logged-in-button-group-base5, .archive-service1-not-logged-in-button-group-base6, .archive-service1-not-logged-in-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-service1-not-logged-in-button-group-base3, .archive-service1-not-logged-in-button-group-base4, .archive-service1-not-logged-in-button-group-base5, .archive-service1-not-logged-in-button-group-base6, .archive-service1-not-logged-in-button-group-base7 {
  z-index: 6;
}

.archive-service1-not-logged-in-button-group-base4, .archive-service1-not-logged-in-button-group-base5, .archive-service1-not-logged-in-button-group-base6, .archive-service1-not-logged-in-button-group-base7 {
  z-index: 5;
}

.archive-service1-not-logged-in-button-group-base5, .archive-service1-not-logged-in-button-group-base6, .archive-service1-not-logged-in-button-group-base7 {
  z-index: 4;
}

.archive-service1-not-logged-in-button-group-base6, .archive-service1-not-logged-in-button-group-base7 {
  z-index: 3;
}

.archive-service1-not-logged-in-button-group-base7 {
  z-index: 2;
}

.archive-service1-not-logged-in-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-breadcrumb-button-base11, .archive-service1-not-logged-in-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-service1-not-logged-in-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-service1-not-logged-in-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-service1-not-logged-in-breadcrumb-button-base14, .archive-service1-not-logged-in-breadcrumbs2, .archive-service1-not-logged-in-button-group, .archive-service1-not-logged-in-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-service1-not-logged-in-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  position: absolute;
  bottom: -20px;
  right: -2px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  width: max-content;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-not-logged-in-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-service1-not-logged-in-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
}

.archive-service1-not-logged-in-divider-icon2, .archive-service1-not-logged-in-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
}

.archive-service1-not-logged-in-filter-items {
  position: absolute;
  margin: 0 !important;
}

.archive-service1-not-logged-in-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
}

.archive-service1-not-logged-in-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-service1-not-logged-in-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-service1-not-logged-in-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-service1-not-logged-in-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-service1-not-logged-in-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-service1-not-logged-in-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-service1-not-logged-in-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-dot-item-type-parent {
  gap: 8px;
}

.archive-service1-not-logged-in-completed, .archive-service1-not-logged-in-dot-item-content, .archive-service1-not-logged-in-dot-item-innermost, .archive-service1-not-logged-in-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-service1-not-logged-in-completed, .archive-service1-not-logged-in-dot-item-innermost {
  box-sizing: border-box;
}

.archive-service1-not-logged-in-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-service1-not-logged-in-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-service1-not-logged-in-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-service1-not-logged-in-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-service1-not-logged-in-badge4, .archive-service1-not-logged-in-completed-parent, .archive-service1-not-logged-in-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-service1-not-logged-in-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-badge5, .archive-service1-not-logged-in-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-service1-not-logged-in-badge6 {
  width: 76px;
}

.archive-service1-not-logged-in-badge7, .archive-service1-not-logged-in-badges {
  flex-direction: row;
  flex: 1;
}

.archive-service1-not-logged-in-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-badges {
  gap: 8px;
}

.archive-service1-not-logged-in-badges, .archive-service1-not-logged-in-badges-wrapper, .archive-service1-not-logged-in-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-service1-not-logged-in-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-service1-not-logged-in-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-dot-item-parent, .archive-service1-not-logged-in-dots-parent, .archive-service1-not-logged-in-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-service1-not-logged-in-dots-parent, .archive-service1-not-logged-in-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-service1-not-logged-in-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-service1-not-logged-in-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-service1-not-logged-in-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-service1-not-logged-in-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-deal-inner, .archive-service1-not-logged-in-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-service1-not-logged-in-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-service1-not-logged-in-card-deal, .archive-service1-not-logged-in-deal-details, .archive-service1-not-logged-in-deal-inner {
  justify-content: flex-start;
}

.archive-service1-not-logged-in-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-service1-not-logged-in-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-service1-not-logged-in-card-deal, .archive-service1-not-logged-in-frame-wrapper, .archive-service1-not-logged-in-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-service1-not-logged-in-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-service1-not-logged-in-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-service1-not-logged-in-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-close-icons, .archive-service1-not-logged-in-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-service1-not-logged-in-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-service1-not-logged-in-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-service1-not-logged-in-name, .archive-service1-not-logged-in-role {
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-service1-not-logged-in-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-service1-not-logged-in-inner-info {
  flex-direction: column;
}

.archive-service1-not-logged-in-inner-info, .archive-service1-not-logged-in-inner-info-wrapper, .archive-service1-not-logged-in-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-service1-not-logged-in-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-service1-not-logged-in-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-service1-not-logged-in-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-service1-not-logged-in-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-buttonsbutton2, .archive-service1-not-logged-in-buttonsbutton3, .archive-service1-not-logged-in-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-service1-not-logged-in-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-service1-not-logged-in-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 0 0;
  display: flex;
}

.archive-service1-not-logged-in-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-filter-items-parent, .archive-service1-not-logged-in-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-service1-not-logged-in-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-service1-not-logged-in-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-not-logged-in-price-value, .archive-service1-not-logged-in-text37 {
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-text37 {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

.archive-service1-not-logged-in-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-service1-not-logged-in-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-service1-not-logged-in-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-service1-not-logged-in-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-service1-not-logged-in-badge10, .archive-service1-not-logged-in-badge11, .archive-service1-not-logged-in-deal-type-parent, .archive-service1-not-logged-in-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-badge11, .archive-service1-not-logged-in-frame-parent1 {
  flex: 1;
}

.archive-service1-not-logged-in-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-service1-not-logged-in-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-badge-group, .archive-service1-not-logged-in-badge12, .archive-service1-not-logged-in-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-service1-not-logged-in-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-service1-not-logged-in-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-service1-not-logged-in-badge13, .archive-service1-not-logged-in-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-service1-not-logged-in-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-service1-not-logged-in-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-badge13, .archive-service1-not-logged-in-badge14, .archive-service1-not-logged-in-card-work, .archive-service1-not-logged-in-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-service1-not-logged-in-badge14, .archive-service1-not-logged-in-frame-div {
  flex-direction: row;
}

.archive-service1-not-logged-in-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-service1-not-logged-in-frame-container, .archive-service1-not-logged-in-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 80%;
  padding: 8px 0 0;
}

.archive-service1-not-logged-in-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-service1-not-logged-in-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-service1-not-logged-in-inner-icons, .archive-service1-not-logged-in-inner-icons-wrapper, .archive-service1-not-logged-in-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-service1-not-logged-in-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 20%;
  font-size: 20px;
}

.archive-service1-not-logged-in-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
}

.archive-service1-not-logged-in-dots-vertical-container, .archive-service1-not-logged-in-frame-group, .archive-service1-not-logged-in-rectangle-container, .archive-service1-not-logged-in-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-service1-not-logged-in-dots-vertical-container, .archive-service1-not-logged-in-rectangle-container {
  flex-direction: row;
}

.archive-service1-not-logged-in-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-service1-not-logged-in-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-service1-not-logged-in-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-service1-not-logged-in-buttonsbutton-wrapper, .archive-service1-not-logged-in-frame-parent3, .archive-service1-not-logged-in-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-service1-not-logged-in-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-service1-not-logged-in-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-service1-not-logged-in-divider-parent, .archive-service1-not-logged-in-rectangle-group, .archive-service1-not-logged-in-rectangle-group1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-service1-not-logged-in-rectangle-group {
  box-sizing: border-box;
  color: #101828;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 100%;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
}

.archive-service1-not-logged-in-rectangle-group1 {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  position: absolute;
  top: 700px;
  bottom: -15px;
  right: 30px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton10 {
  left: 370px;
}

.archive-service1-not-logged-in-buttonsbutton10, .archive-service1-not-logged-in-buttonsbutton11, .archive-service1-not-logged-in-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-not-logged-in-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-service1-not-logged-in-buttonsbutton12 {
  right: 262px;
}

.archive-service1-not-logged-in-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 116px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-button, .archive-service1-not-logged-in-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-service1-not-logged-in-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-service1-not-logged-in-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-service1-not-logged-in-button, .archive-service1-not-logged-in-button1, .archive-service1-not-logged-in-text60 {
  align-self: stretch;
}

.archive-service1-not-logged-in-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
  margin: 0 !important;
}

.archive-service1-not-logged-in-divider-icon6, .archive-service1-not-logged-in-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-service1-not-logged-in-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  height: max-content;
  font-size: 14px;
}

.archive-service1-not-logged-in-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 70px;
  overflow: hidden;
}

.archive-service1-not-logged-in-divider-icon6, .archive-service1-not-logged-in-divider-icon7, .archive-service1-not-logged-in-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-service1-not-logged-in-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-service1-not-logged-in-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-service1-not-logged-in-text-group, .archive-service1-not-logged-in-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-service1-not-logged-in-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-service1-not-logged-in-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-last-active, .archive-service1-not-logged-in-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-service1-not-logged-in-name-container {
  gap: 16px;
}

.archive-service1-not-logged-in-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-applications, .archive-service1-not-logged-in-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-service1-not-logged-in-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-service1-not-logged-in-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-service1-not-logged-in-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-service1-not-logged-in-card-actions, .archive-service1-not-logged-in-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-service1-not-logged-in-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-service1-not-logged-in-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-service1-not-logged-in-price2, .archive-service1-not-logged-in-rate {
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-service1-not-logged-in-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-service1-not-logged-in-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-service1-not-logged-in-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-service1-not-logged-in-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-service1-not-logged-in-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-service1-not-logged-in-card-actions1, .archive-service1-not-logged-in-deal-container, .archive-service1-not-logged-in-listing-border-parent, .archive-service1-not-logged-in-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-service1-not-logged-in-listing-border-parent, .archive-service1-not-logged-in-listing-card-actions {
  box-sizing: border-box;
}

.archive-service1-not-logged-in-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-service1-not-logged-in-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-service1-not-logged-in-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-service1-not-logged-in-name3, .archive-service1-not-logged-in-role2 {
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-service1-not-logged-in-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-service1-not-logged-in-collapsed-name-details, .archive-service1-not-logged-in-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-service1-not-logged-in-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-service1-not-logged-in-collapsed-name-role, .archive-service1-not-logged-in-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-service1-not-logged-in-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-service1-not-logged-in-detail-header, .archive-service1-not-logged-in-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-service1-not-logged-in-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-service1-not-logged-in-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-service1-not-logged-in-detail-header1, .archive-service1-not-logged-in-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-service1-not-logged-in-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-service1-not-logged-in-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-service1-not-logged-in-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-service1-not-logged-in-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-service1-not-logged-in-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-service1-not-logged-in-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-badge16, .archive-service1-not-logged-in-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-service1-not-logged-in-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-location2, .archive-service1-not-logged-in-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-type-of-work3 {
  min-width: 109px;
}

.archive-service1-not-logged-in-location-content, .archive-service1-not-logged-in-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-service1-not-logged-in-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-service1-not-logged-in-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-badge17, .archive-service1-not-logged-in-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-service1-not-logged-in-badge18 {
  width: 76px;
}

.archive-service1-not-logged-in-badge-container, .archive-service1-not-logged-in-badge18, .archive-service1-not-logged-in-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-service1-not-logged-in-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-service1-not-logged-in-badge-name, .archive-service1-not-logged-in-buttonsbutton19, .archive-service1-not-logged-in-buttonsbutton20, .archive-service1-not-logged-in-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-service1-not-logged-in-buttonsbutton19, .archive-service1-not-logged-in-buttonsbutton20, .archive-service1-not-logged-in-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-service1-not-logged-in-buttonsbutton20, .archive-service1-not-logged-in-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-service1-not-logged-in-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-service1-not-logged-in-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-service1-not-logged-in-badge-details, .archive-service1-not-logged-in-buttonsbutton-parent, .archive-service1-not-logged-in-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-service1-not-logged-in-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-service1-not-logged-in-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-service1-not-logged-in-badge22, .archive-service1-not-logged-in-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-service1-not-logged-in-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-service1-not-logged-in-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-badge-list-item, .archive-service1-not-logged-in-badge22, .archive-service1-not-logged-in-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-service1-not-logged-in-location-item, .archive-service1-not-logged-in-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-service1-not-logged-in-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-service1-not-logged-in-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-badge24, .archive-service1-not-logged-in-buttonsbutton23, .archive-service1-not-logged-in-first-badge-details, .archive-service1-not-logged-in-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-buttonsbutton23, .archive-service1-not-logged-in-first-badge-details, .archive-service1-not-logged-in-work-item {
  flex: 1;
}

.archive-service1-not-logged-in-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-service1-not-logged-in-buttonsbutton23, .archive-service1-not-logged-in-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-service1-not-logged-in-first-badge-details {
  max-width: 100%;
}

.archive-service1-not-logged-in-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-service1-not-logged-in-buttonsbutton-group, .archive-service1-not-logged-in-second-badge-divider, .archive-service1-not-logged-in-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-service1-not-logged-in-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-service1-not-logged-in-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-service1-not-logged-in-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-service1-not-logged-in-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-service1-not-logged-in-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-service1-not-logged-in-location-summary, .archive-service1-not-logged-in-summary-details, .archive-service1-not-logged-in-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-service1-not-logged-in-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-service1-not-logged-in-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-service1-not-logged-in-badge25, .archive-service1-not-logged-in-frame-parent5, .archive-service1-not-logged-in-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-service1-not-logged-in-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-service1-not-logged-in-expanded-content, .archive-service1-not-logged-in-expanded-listing, .archive-service1-not-logged-in-first-badges, .archive-service1-not-logged-in-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-service1-not-logged-in-expanded-content, .archive-service1-not-logged-in-expanded-listing {
  max-width: 100%;
}

.archive-service1-not-logged-in-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-service1-not-logged-in-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-service1-not-logged-in-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-service1-not-logged-in-arrow-square-up-right-icon1, .archive-service1-not-logged-in-arrow-square-up-right-icon2, .archive-service1-not-logged-in-dots-vertical-icon3, .archive-service1-not-logged-in-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-not-logged-in-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-service1-not-logged-in-dots-vertical-icon3, .archive-service1-not-logged-in-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-service1-not-logged-in-dots-vertical-icon3 {
  top: 260px;
}

.archive-service1-not-logged-in-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-service1-not-logged-in-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-service1-not-logged-in-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-service1-not-logged-in-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-service1-not-logged-in-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-service1-not-logged-in-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-service1-not-logged-in-arrow-square-up-right-parent, .archive-service1-not-logged-in-frame-parent6, .archive-service1-not-logged-in-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-service1-not-logged-in-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-service1-not-logged-in-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-service1-not-logged-in-collapsed-content, .archive-service1-not-logged-in-collapsed-details, .archive-service1-not-logged-in-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-collapsed-content {
  position: relative;
}

.archive-service1-not-logged-in-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-service1-not-logged-in-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-not-logged-in-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-business-image, .archive-service1-not-logged-in-text83 {
  z-index: 1;
  position: relative;
}

.archive-service1-not-logged-in-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-service1-not-logged-in-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-service1-not-logged-in-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-service1-not-logged-in-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-service1-not-logged-in-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-service1-not-logged-in-span {
  font-weight: 500;
}

.archive-service1-not-logged-in-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-service1-not-logged-in-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-service1-not-logged-in-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-service1-not-logged-in-application-count, .archive-service1-not-logged-in-business-location, .archive-service1-not-logged-in-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-service1-not-logged-in-application-count, .archive-service1-not-logged-in-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-service1-not-logged-in-application-count {
  color: #fff;
  gap: 8px;
}

.archive-service1-not-logged-in-badge-one, .archive-service1-not-logged-in-badge-three, .archive-service1-not-logged-in-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-service1-not-logged-in-badge-three, .archive-service1-not-logged-in-badge-two {
  display: inline-block;
}

.archive-service1-not-logged-in-badge-two {
  min-width: 103px;
}

.archive-service1-not-logged-in-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-service1-not-logged-in-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-service1-not-logged-in-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-service1-not-logged-in-supporting-text23, .archive-service1-not-logged-in-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-supporting-text23 {
  min-width: 70.9px;
}

.archive-service1-not-logged-in-supporting-text24 {
  width: 104px;
}

.archive-service1-not-logged-in-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-service1-not-logged-in-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-service1-not-logged-in-badges-parent, .archive-service1-not-logged-in-business-details, .archive-service1-not-logged-in-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-service1-not-logged-in-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-service1-not-logged-in-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-business-actions, .archive-service1-not-logged-in-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-service1-not-logged-in-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-service1-not-logged-in-content6:hover {
  background-color: #40454f;
}

.archive-service1-not-logged-in-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-service1-not-logged-in-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-service1-not-logged-in-arrow-square-up-right-icon3, .archive-service1-not-logged-in-arrow-square-up-right-icon4, .archive-service1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-not-logged-in-arrow-square-up-right-icon4, .archive-service1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-service1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-service1-not-logged-in-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-service1-not-logged-in-frame-parent11, .archive-service1-not-logged-in-group-div, .archive-service1-not-logged-in-list-header, .archive-service1-not-logged-in-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-service1-not-logged-in-frame-parent11, .archive-service1-not-logged-in-group-div {
  gap: 7.3px;
}

.archive-service1-not-logged-in-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-service1-not-logged-in-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-service1-not-logged-in-divider-icon10, .archive-service1-not-logged-in-dots-vertical-icon7, .archive-service1-not-logged-in-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-service1-not-logged-in-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-service1-not-logged-in-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-dots-vertical-parent1, .archive-service1-not-logged-in-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-text-wrapper7 {
  flex: 1;
}

.archive-service1-not-logged-in-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-service1-not-logged-in-rectangle-textarea, .archive-service1-not-logged-in-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-service1-not-logged-in-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-service1-not-logged-in-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-service1-not-logged-in-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-contact-details, .archive-service1-not-logged-in-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-service1-not-logged-in-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-service1-not-logged-in-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton27, .archive-service1-not-logged-in-buttonsbutton28, .archive-service1-not-logged-in-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-buttonsbutton28, .archive-service1-not-logged-in-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-service1-not-logged-in-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-service1-not-logged-in-contact-details-parent, .archive-service1-not-logged-in-detail-item-parent, .archive-service1-not-logged-in-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-service1-not-logged-in-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-service1-not-logged-in-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton-wrapper2, .archive-service1-not-logged-in-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-service1-not-logged-in-frame-parent22, .archive-service1-not-logged-in-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-service1-not-logged-in-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-service1-not-logged-in-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-pair-container-parent, .archive-service1-not-logged-in-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-service1-not-logged-in-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-service1-not-logged-in-frame-parent19, .archive-service1-not-logged-in-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-service1-not-logged-in-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-service1-not-logged-in-price7, .archive-service1-not-logged-in-total {
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-service1-not-logged-in-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-service1-not-logged-in-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-service1-not-logged-in-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-service1-not-logged-in-pair-container-container, .archive-service1-not-logged-in-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-service1-not-logged-in-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-service1-not-logged-in-frame-parent24, .archive-service1-not-logged-in-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-service1-not-logged-in-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-service1-not-logged-in-fourth-listing, .archive-service1-not-logged-in-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-service1-not-logged-in-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-service1-not-logged-in-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-service1-not-logged-in-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-buttonsbutton30, .archive-service1-not-logged-in-expand-action, .archive-service1-not-logged-in-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-service1-not-logged-in-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-service1-not-logged-in-arrow-square-up-right-icon6, .archive-service1-not-logged-in-arrow-square-up-right-icon7, .archive-service1-not-logged-in-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-not-logged-in-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-service1-not-logged-in-arrow-square-up-right-icon7, .archive-service1-not-logged-in-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-service1-not-logged-in-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-service1-not-logged-in-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-service1-not-logged-in-text100, .archive-service1-not-logged-in-text101 {
  font-family: Inter;
  position: relative;
}

.archive-service1-not-logged-in-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-service1-not-logged-in-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-service1-not-logged-in-badge27, .archive-service1-not-logged-in-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-service1-not-logged-in-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-service1-not-logged-in-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-service1-not-logged-in-card-header, .archive-service1-not-logged-in-content7, .archive-service1-not-logged-in-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-service1-not-logged-in-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-service1-not-logged-in-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-service1-not-logged-in-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-button-group-base10, .archive-service1-not-logged-in-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-service1-not-logged-in-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-service1-not-logged-in-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-service1-not-logged-in-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-service1-not-logged-in-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-service1-not-logged-in-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-label3, .archive-service1-not-logged-in-supporting-text41, .archive-service1-not-logged-in-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-service1-not-logged-in-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-service1-not-logged-in-supporting-text41, .archive-service1-not-logged-in-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-service1-not-logged-in-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-service1-not-logged-in-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-service1-not-logged-in-content9, .archive-service1-not-logged-in-input-with-label2, .archive-service1-not-logged-in-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-service1-not-logged-in-input-with-label2, .archive-service1-not-logged-in-input2 {
  align-self: stretch;
}

.archive-service1-not-logged-in-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-service1-not-logged-in-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-service1-not-logged-in-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-service1-not-logged-in-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-actions2, .archive-service1-not-logged-in-button7, .archive-service1-not-logged-in-content8 {
  flex-direction: row;
  display: flex;
}

.archive-service1-not-logged-in-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-actions2, .archive-service1-not-logged-in-content8 {
  max-width: 100%;
}

.archive-service1-not-logged-in-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-service1-not-logged-in-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-service1-not-logged-in-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-service1-not-logged-in-card-header-parent, .archive-service1-not-logged-in-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-text117, .archive-service1-not-logged-in-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-service1-not-logged-in-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-service1-not-logged-in-badge28, .archive-service1-not-logged-in-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-service1-not-logged-in-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-service1-not-logged-in-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-button8, .archive-service1-not-logged-in-button9, .archive-service1-not-logged-in-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-service1-not-logged-in-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-service1-not-logged-in-button8, .archive-service1-not-logged-in-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-service1-not-logged-in-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-actions3, .archive-service1-not-logged-in-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-service1-not-logged-in-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-service1-not-logged-in-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-service1-not-logged-in-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-table-header-cell, .archive-service1-not-logged-in-table-header-cell-inner, .archive-service1-not-logged-in-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-service1-not-logged-in-table-header-cell, .archive-service1-not-logged-in-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-service1-not-logged-in-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-service1-not-logged-in-avatar-online-indicator, .archive-service1-not-logged-in-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-service1-not-logged-in-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-service1-not-logged-in-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-service1-not-logged-in-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-service1-not-logged-in-supporting-text43, .archive-service1-not-logged-in-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-service1-not-logged-in-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-service1-not-logged-in-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-supporting-text46, .archive-service1-not-logged-in-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-service1-not-logged-in-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-service1-not-logged-in-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-service1-not-logged-in-avatar5, .archive-service1-not-logged-in-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-service1-not-logged-in-avatar5 {
  background-color: #f2f4f7;
}

.archive-service1-not-logged-in-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-table-cell6, .archive-service1-not-logged-in-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-service1-not-logged-in-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-table-header, .archive-service1-not-logged-in-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-table-header {
  gap: 4px;
}

.archive-service1-not-logged-in-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-service1-not-logged-in-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-service1-not-logged-in-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-marker-pin-02-group, .archive-service1-not-logged-in-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-marker-pin-02-group {
  gap: 7px;
}

.archive-service1-not-logged-in-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-service1-not-logged-in-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-table-cell15, .archive-service1-not-logged-in-table-cell16, .archive-service1-not-logged-in-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-service1-not-logged-in-table-cell16, .archive-service1-not-logged-in-table-cell18 {
  width: 271px;
}

.archive-service1-not-logged-in-table-cell18 {
  width: 239px;
}

.archive-service1-not-logged-in-column, .archive-service1-not-logged-in-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-service1-not-logged-in-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-service1-not-logged-in-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-service1-not-logged-in-table-header-cell2, .archive-service1-not-logged-in-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-service1-not-logged-in-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-service1-not-logged-in-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-table-cell20, .archive-service1-not-logged-in-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-service1-not-logged-in-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-service1-not-logged-in-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-service1-not-logged-in-column1, .archive-service1-not-logged-in-table-cell25, .archive-service1-not-logged-in-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-service1-not-logged-in-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-service1-not-logged-in-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-table-cell30, .archive-service1-not-logged-in-table-header-cell3, .archive-service1-not-logged-in-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-service1-not-logged-in-table-cell30, .archive-service1-not-logged-in-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-service1-not-logged-in-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-service1-not-logged-in-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-service1-not-logged-in-column2, .archive-service1-not-logged-in-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-service1-not-logged-in-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-service1-not-logged-in-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-button-wrap, .archive-service1-not-logged-in-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-service1-not-logged-in-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-service1-not-logged-in-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-content11, .archive-service1-not-logged-in-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-service1-not-logged-in-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-service1-not-logged-in-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-content12, .archive-service1-not-logged-in-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-service1-not-logged-in-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-service1-not-logged-in-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-content13, .archive-service1-not-logged-in-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-content13 {
  padding: 10px 15px;
}

.archive-service1-not-logged-in-pagination-number-base2 {
  overflow: hidden;
}

.archive-service1-not-logged-in-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-service1-not-logged-in-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-content17, .archive-service1-not-logged-in-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-service1-not-logged-in-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-service1-not-logged-in-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-button-wrap1, .archive-service1-not-logged-in-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-service1-not-logged-in-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-service1-not-logged-in-next-page-button, .archive-service1-not-logged-in-page-navigation, .archive-service1-not-logged-in-pagination, .archive-service1-not-logged-in-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-service1-not-logged-in-pagination, .archive-service1-not-logged-in-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-service1-not-logged-in-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-service1-not-logged-in-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-service1-not-logged-in-text161, .archive-service1-not-logged-in-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-service1-not-logged-in-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-service1-not-logged-in-badge29, .archive-service1-not-logged-in-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-service1-not-logged-in-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-service1-not-logged-in-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-button-group-base18, .archive-service1-not-logged-in-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-service1-not-logged-in-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-service1-not-logged-in-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-service1-not-logged-in-button-group-base19 {
  background-color: #fff;
}

.archive-service1-not-logged-in-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-card-header-group, .archive-service1-not-logged-in-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-service1-not-logged-in-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-service1-not-logged-in-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-service1-not-logged-in-supporting-text55, .archive-service1-not-logged-in-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-service1-not-logged-in-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-service1-not-logged-in-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-service1-not-logged-in-content21, .archive-service1-not-logged-in-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-service1-not-logged-in-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-service1-not-logged-in-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-actions6, .archive-service1-not-logged-in-empty-state1 {
  justify-content: flex-start;
}

.archive-service1-not-logged-in-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-service1-not-logged-in-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-service1-not-logged-in-empty-state, .archive-service1-not-logged-in-empty-state1, .archive-service1-not-logged-in-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-service1-not-logged-in-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-service1-not-logged-in-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-service1-not-logged-in-supporting-text56, .archive-service1-not-logged-in-text181 {
  align-self: stretch;
  position: relative;
}

.archive-service1-not-logged-in-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-service1-not-logged-in-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-service1-not-logged-in-content22, .archive-service1-not-logged-in-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-service1-not-logged-in-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-service1-not-logged-in-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-empty-state2, .archive-service1-not-logged-in-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-service1-not-logged-in-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-service1-not-logged-in-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  font-family: Inter;
  font-size: 18px;
  display: flex;
}

.archive-service1-not-logged-in-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-service1-not-logged-in-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-service1-not-logged-in-frame-child6, .archive-service1-not-logged-in-rectangle-parent2, .archive-service1-not-logged-in-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-service1-not-logged-in-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-service1-not-logged-in-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-service1-not-logged-in-dots-vertical-icon22, .archive-service1-not-logged-in-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-service1-not-logged-in-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-service1-not-logged-in-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-service1-not-logged-in-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-service1-not-logged-in-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-service1-not-logged-in-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-service1-not-logged-in-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-service1-not-logged-in-frame-parent27, .archive-service1-not-logged-in-logomark, .archive-service1-not-logged-in-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-service1-not-logged-in-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-service1-not-logged-in-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-service1-not-logged-in-content23, .archive-service1-not-logged-in-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-service1-not-logged-in-container1, .archive-service1-not-logged-in-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-service1-not-logged-in-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-service1-not-logged-in-divider-icon14 {
  object-fit: contain;
  z-index: 4;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: -11px;
  right: 0;
  margin: 0 !important;
}

.archive-service1-not-logged-in-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-service1-not-logged-in-dot-icon10, .archive-service1-not-logged-in-dot-icon11, .archive-service1-not-logged-in-dot-icon7, .archive-service1-not-logged-in-dot-icon8, .archive-service1-not-logged-in-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-dot-icon10, .archive-service1-not-logged-in-dot-icon11, .archive-service1-not-logged-in-dot-icon8, .archive-service1-not-logged-in-dot-icon9 {
  z-index: 3;
}

.archive-service1-not-logged-in-dot-icon10, .archive-service1-not-logged-in-dot-icon11, .archive-service1-not-logged-in-dot-icon9 {
  z-index: 4;
}

.archive-service1-not-logged-in-dot-icon10, .archive-service1-not-logged-in-dot-icon11 {
  z-index: 5;
}

.archive-service1-not-logged-in-dot-icon11 {
  z-index: 6;
}

.archive-service1-not-logged-in-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-service1-not-logged-in-dot-icon12, .archive-service1-not-logged-in-dot-icon13, .archive-service1-not-logged-in-featured-icon1 {
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-service1-not-logged-in-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-service1-not-logged-in-supporting-text57, .archive-service1-not-logged-in-text184 {
  align-self: stretch;
  position: relative;
}

.archive-service1-not-logged-in-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-service1-not-logged-in-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-service1-not-logged-in-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-button-close-x, .archive-service1-not-logged-in-content24 {
  flex-direction: row;
  display: flex;
}

.archive-service1-not-logged-in-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-service1-not-logged-in-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-not-logged-in-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-service1-not-logged-in-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-service1-not-logged-in-frame-wrapper13, .archive-service1-not-logged-in-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-service1-not-logged-in-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-service1-not-logged-in-background, .archive-service1-not-logged-in-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-service1-not-logged-in-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-service1-not-logged-in-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-service1-not-logged-in-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-content25, .archive-service1-not-logged-in-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-service1-not-logged-in-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-service1-not-logged-in-control-handle, .archive-service1-not-logged-in-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-service1-not-logged-in-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-service1-not-logged-in-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-service1-not-logged-in-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-service1-not-logged-in-background-parent, .archive-service1-not-logged-in-content26, .archive-service1-not-logged-in-progress, .archive-service1-not-logged-in-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-service1-not-logged-in-background-parent, .archive-service1-not-logged-in-progress {
  position: relative;
}

.archive-service1-not-logged-in-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-service1-not-logged-in-background-parent {
  padding: 0 20px 0 0;
}

.archive-service1-not-logged-in-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-input-field, .archive-service1-not-logged-in-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-service1-not-logged-in-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-service1-not-logged-in-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-service1-not-logged-in-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-service1-not-logged-in-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-service1-not-logged-in-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-service1-not-logged-in-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-service1-not-logged-in-frame-parent31, .archive-service1-not-logged-in-frame-wrapper14, .archive-service1-not-logged-in-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-service1-not-logged-in-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-service1-not-logged-in-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-service1-not-logged-in-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-service1-not-logged-in-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-content-parent, .archive-service1-not-logged-in-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-service1-not-logged-in-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-service1-not-logged-in-content-parent {
  gap: 42px;
}

.archive-service1-not-logged-in-content-parent, .archive-service1-not-logged-in-input10, .archive-service1-not-logged-in-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-service1-not-logged-in-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-service1-not-logged-in-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-input-field2, .archive-service1-not-logged-in-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-service1-not-logged-in-section-parent {
  gap: 8px;
}

.archive-service1-not-logged-in-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-service1-not-logged-in-checkboxes1, .archive-service1-not-logged-in-section-wrapper, .archive-service1-not-logged-in-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-service1-not-logged-in-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-service1-not-logged-in-text203, .archive-service1-not-logged-in-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-text207 {
  min-width: 44px;
}

.archive-service1-not-logged-in-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-text208, .archive-service1-not-logged-in-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-text209 {
  min-width: 59px;
}

.archive-service1-not-logged-in-search-lg, .archive-service1-not-logged-in-text210 {
  z-index: 2;
  position: relative;
}

.archive-service1-not-logged-in-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-service1-not-logged-in-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-service1-not-logged-in-content37, .archive-service1-not-logged-in-input-fields2, .archive-service1-not-logged-in-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-service1-not-logged-in-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-service1-not-logged-in-input-fields2, .archive-service1-not-logged-in-input19 {
  align-self: stretch;
}

.archive-service1-not-logged-in-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-service1-not-logged-in-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-service1-not-logged-in-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-service1-not-logged-in-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-service1-not-logged-in-text212, .archive-service1-not-logged-in-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-service1-not-logged-in-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-service1-not-logged-in-frame-parent36, .archive-service1-not-logged-in-frame-parent37, .archive-service1-not-logged-in-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-not-logged-in-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-service1-not-logged-in-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-service1-not-logged-in-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-service1-not-logged-in-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-frame-parent28, .archive-service1-not-logged-in-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-service1-not-logged-in-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-service1-not-logged-in-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-service1-not-logged-in-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-not-logged-in-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-service1-not-logged-in-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-not-logged-in-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-not-logged-in-actions9, .archive-service1-not-logged-in-buttonsbutton39, .archive-service1-not-logged-in-content38 {
  flex-direction: row;
  display: flex;
}

.archive-service1-not-logged-in-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-service1-not-logged-in-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-service1-not-logged-in-divider-parent6, .archive-service1-not-logged-in-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-service1-not-logged-in-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-service1-not-logged-in-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-service1-not-logged-in-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-service1-not-logged-in-frame-parent41, .archive-service1-not-logged-in-rectangle-parent4, .archive-service1-not-logged-in-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-not-logged-in-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-service1-not-logged-in-slide-out {
  flex-direction: row;
  width: 25%;
  margin: 0 !important;
}

.archive-service1-not-logged-in-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-service1-not-logged-in-collapsed-listing, .archive-service1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-service1-not-logged-in-frame-form {
    padding-bottom: 272px;
  }

  .archive-service1-not-logged-in-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-service1-not-logged-in-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-service1-not-logged-in-fourth-listing {
    flex: 1;
  }

  .archive-service1-not-logged-in-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-frame-parent16 {
    gap: 140px;
  }

  .archive-service1-not-logged-in-content8 {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-service1-not-logged-in-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-service1-not-logged-in-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-service1-not-logged-in-navigation-parent {
    gap: 19px;
  }

  .archive-service1-not-logged-in-frame-parent {
    gap: 35px;
  }

  .archive-service1-not-logged-in-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-service1-not-logged-in-main {
    gap: 16px;
  }

  .archive-service1-not-logged-in-badges, .archive-service1-not-logged-in-dot-item-content, .archive-service1-not-logged-in-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-dots-vertical {
    min-width: 100%;
  }

  .archive-service1-not-logged-in-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-service1-not-logged-in-frame-div {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-frame-container {
    min-width: 100%;
  }

  .archive-service1-not-logged-in-frame-group {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-dots-vertical-container {
    min-width: 100%;
  }

  .archive-service1-not-logged-in-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-service1-not-logged-in-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-service1-not-logged-in-first-badge, .archive-service1-not-logged-in-location-content {
    flex: 1;
  }

  .archive-service1-not-logged-in-badge-name {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-badge-details {
    gap: 23px;
  }

  .archive-service1-not-logged-in-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-second-badge-list-parent {
    gap: 23px;
  }

  .archive-service1-not-logged-in-frame-parent5 {
    gap: 53px;
  }

  .archive-service1-not-logged-in-expanded-content {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-expanded-listing {
    min-width: 100%;
  }

  .archive-service1-not-logged-in-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-service1-not-logged-in-badge-support-parent, .archive-service1-not-logged-in-badges1, .archive-service1-not-logged-in-detail-item, .archive-service1-not-logged-in-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-second-listing-details {
    flex: 1;
  }

  .archive-service1-not-logged-in-listing-detail {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-frame-parent19 {
    gap: 54px;
  }

  .archive-service1-not-logged-in-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-service1-not-logged-in-fourth-listing {
    margin-left: 0;
  }

  .archive-service1-not-logged-in-frame-parent16 {
    gap: 70px;
  }

  .archive-service1-not-logged-in-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-service1-not-logged-in-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-service1-not-logged-in-actions2 {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-service1-not-logged-in-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-service1-not-logged-in-actions3 {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-service1-not-logged-in-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-service1-not-logged-in-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-service1-not-logged-in-empty-state3 {
    gap: 16px;
  }

  .archive-service1-not-logged-in-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-service1-not-logged-in-container1 {
    gap: 16px;
  }

  .archive-service1-not-logged-in-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-service1-not-logged-in-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-service1-not-logged-in-frame-parent {
    gap: 17px;
  }

  .archive-service1-not-logged-in-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-service1-not-logged-in-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-service1-not-logged-in-card-work {
    flex: 1;
  }

  .archive-service1-not-logged-in-provider-name {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-price2, .archive-service1-not-logged-in-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-service1-not-logged-in-badge-container, .archive-service1-not-logged-in-location-content {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-service1-not-logged-in-buttonsbutton-group, .archive-service1-not-logged-in-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-location-summary {
    flex: 1;
  }

  .archive-service1-not-logged-in-summary-details {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-frame-parent5 {
    gap: 27px;
  }

  .archive-service1-not-logged-in-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-service1-not-logged-in-price4, .archive-service1-not-logged-in-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-service1-not-logged-in-business-name-role, .archive-service1-not-logged-in-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-detail-item-parent {
    gap: 20px;
  }

  .archive-service1-not-logged-in-pair-container-parent {
    margin-left: 0;
  }

  .archive-service1-not-logged-in-frame-parent19 {
    gap: 27px;
  }

  .archive-service1-not-logged-in-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-service1-not-logged-in-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-frame-parent24 {
    gap: 126px;
  }

  .archive-service1-not-logged-in-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-service1-not-logged-in-content9, .archive-service1-not-logged-in-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-service1-not-logged-in-input-dropdown2 {
    max-width: 100%;
  }

  .archive-service1-not-logged-in-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-service1-not-logged-in-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-service1-not-logged-in-button-group2 {
    flex-wrap: wrap;
  }

  .archive-service1-not-logged-in-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-service1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-service1-not-logged-in-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-service1-not-logged-in-footer {
    gap: 16px;
  }

  .archive-service1-not-logged-in-listings-search-results-list {
    gap: 25px;
  }
}

.archive-software1-not-logged-in-buttonsbutton18-custom {
  right: 195px !important;
}

.archive-software1-not-logged-in-filter-selected-div {
  width: 100%;
  height: max-content;
}

.archive-software1-not-logged-in-listing-container {
  gap: 20px;
  width: 100%;
  padding: 10px;
  display: grid;
  overflow-y: auto;
}

.archive-software1-not-logged-in-content4, .archive-software1-not-logged-in-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-software1-not-logged-in-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-software1-not-logged-in-page-header1, .archive-software1-not-logged-in-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-software1-not-logged-in-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 100%;
  padding: 0 32px;
}

.archive-software1-not-logged-in-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-divider-icon2, .archive-software1-not-logged-in-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-magnifier-1-icon {
  object-fit: cover;
  cursor: pointer;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-radar-1-1-container {
  z-index: 2;
  cursor: pointer;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-software1-not-logged-in-listing-container, .archive-software1-not-logged-in-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-software1-not-logged-in-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-software1-not-logged-in-frame-parent41, .archive-software1-not-logged-in-rectangle-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-slide-out {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  max-width: 100%;
  display: flex;
  margin: 0 !important;
}

.archive-software1-not-logged-in-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-hiddenbutton-container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-software1-not-logged-in-button-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-software1-not-logged-in-sort-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  padding: 5px 32px 0;
  display: flex;
}

.archive-software1-not-logged-in-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-software1-not-logged-in-filter-selected-div {
  width: 100%;
}

.archive-software1-not-logged-in-listing-container {
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  height: max-content;
  padding: 25px 29px;
  display: flex;
  overflow-y: scroll;
}

.archive-software1-not-logged-in-listing-container::-webkit-scrollbar {
  display: none;
}

.archive-software1-not-logged-in-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-divider-icon7-cstm {
  position: initial !important;
}

.archive-software1-not-logged-in-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-software1-not-logged-in-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-software1-not-logged-in-logo, .archive-software1-not-logged-in-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-software1-not-logged-in-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-software1-not-logged-in-bar-chart-01-icon, .archive-software1-not-logged-in-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-software1-not-logged-in-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-software1-not-logged-in-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-software1-not-logged-in-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-software1-not-logged-in-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-software1-not-logged-in-text2, .archive-software1-not-logged-in-text3 {
  font-family: Inter;
  position: relative;
}

.archive-software1-not-logged-in-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-software1-not-logged-in-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-software1-not-logged-in-badge1, .archive-software1-not-logged-in-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-software1-not-logged-in-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-software1-not-logged-in-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-software1-not-logged-in-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-navigation, .archive-software1-not-logged-in-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-software1-not-logged-in-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-software1-not-logged-in-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-search-lg-icon, .archive-software1-not-logged-in-text6 {
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-software1-not-logged-in-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-software1-not-logged-in-content3, .archive-software1-not-logged-in-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-content3 {
  flex: 1;
  gap: 8px;
}

.archive-software1-not-logged-in-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-frame-parent, .archive-software1-not-logged-in-input-with-label, .archive-software1-not-logged-in-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-software1-not-logged-in-frame-parent, .archive-software1-not-logged-in-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-software1-not-logged-in-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-software1-not-logged-in-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-software1-not-logged-in-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-software1-not-logged-in-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-software1-not-logged-in-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-software1-not-logged-in-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-software1-not-logged-in-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-software1-not-logged-in-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-software1-not-logged-in-breadcrumb-button-base, .archive-software1-not-logged-in-rectangle-parent, .archive-software1-not-logged-in-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-software1-not-logged-in-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-software1-not-logged-in-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-software1-not-logged-in-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-software1-not-logged-in-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-software1-not-logged-in-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-software1-not-logged-in-tabs {
  gap: 8px;
}

.archive-software1-not-logged-in-breadcrumbs, .archive-software1-not-logged-in-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-software1-not-logged-in-container {
  padding: 0 32px;
}

.archive-software1-not-logged-in-container, .archive-software1-not-logged-in-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-main-child, .archive-software1-not-logged-in-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-software1-not-logged-in-main-item {
  height: 43px;
}

.archive-software1-not-logged-in-main, .archive-software1-not-logged-in-text11 {
  align-self: stretch;
}

.archive-software1-not-logged-in-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-software1-not-logged-in-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-breadcrumb-button-base6, .archive-software1-not-logged-in-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-software1-not-logged-in-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-software1-not-logged-in-breadcrumbs1, .archive-software1-not-logged-in-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-software1-not-logged-in-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-software1-not-logged-in-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-software1-not-logged-in-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-software1-not-logged-in-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-label1, .archive-software1-not-logged-in-text15 {
  position: relative;
}

.archive-software1-not-logged-in-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-software1-not-logged-in-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-software1-not-logged-in-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-software1-not-logged-in-content5, .archive-software1-not-logged-in-input-with-label1, .archive-software1-not-logged-in-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-software1-not-logged-in-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-software1-not-logged-in-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-software1-not-logged-in-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-software1-not-logged-in-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px 16px;
  max-width: 100%;
  font-size: 26px;
  display: flex;
}

.archive-software1-not-logged-in-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  height: max-content;
  display: flex;
}

.archive-software1-not-logged-in-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-software1-not-logged-in-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-software1-not-logged-in-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-software1-not-logged-in-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-software1-not-logged-in-button-group-base2, .archive-software1-not-logged-in-button-group-base3, .archive-software1-not-logged-in-button-group-base4, .archive-software1-not-logged-in-button-group-base5, .archive-software1-not-logged-in-button-group-base6, .archive-software1-not-logged-in-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-software1-not-logged-in-button-group-base3, .archive-software1-not-logged-in-button-group-base4, .archive-software1-not-logged-in-button-group-base5, .archive-software1-not-logged-in-button-group-base6, .archive-software1-not-logged-in-button-group-base7 {
  z-index: 6;
}

.archive-software1-not-logged-in-button-group-base4, .archive-software1-not-logged-in-button-group-base5, .archive-software1-not-logged-in-button-group-base6, .archive-software1-not-logged-in-button-group-base7 {
  z-index: 5;
}

.archive-software1-not-logged-in-button-group-base5, .archive-software1-not-logged-in-button-group-base6, .archive-software1-not-logged-in-button-group-base7 {
  z-index: 4;
}

.archive-software1-not-logged-in-button-group-base6, .archive-software1-not-logged-in-button-group-base7 {
  z-index: 3;
}

.archive-software1-not-logged-in-button-group-base7 {
  z-index: 2;
}

.archive-software1-not-logged-in-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-breadcrumb-button-base11, .archive-software1-not-logged-in-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-software1-not-logged-in-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-software1-not-logged-in-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-software1-not-logged-in-breadcrumb-button-base14, .archive-software1-not-logged-in-breadcrumbs2, .archive-software1-not-logged-in-button-group, .archive-software1-not-logged-in-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-software1-not-logged-in-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  position: absolute;
  bottom: -20px;
  right: -2px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  width: max-content;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-not-logged-in-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-software1-not-logged-in-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
}

.archive-software1-not-logged-in-divider-icon2, .archive-software1-not-logged-in-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
}

.archive-software1-not-logged-in-filter-items {
  position: absolute;
  margin: 0 !important;
}

.archive-software1-not-logged-in-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
}

.archive-software1-not-logged-in-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-software1-not-logged-in-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-software1-not-logged-in-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-software1-not-logged-in-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-software1-not-logged-in-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-software1-not-logged-in-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-software1-not-logged-in-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-dot-item-type-parent {
  gap: 8px;
}

.archive-software1-not-logged-in-completed, .archive-software1-not-logged-in-dot-item-content, .archive-software1-not-logged-in-dot-item-innermost, .archive-software1-not-logged-in-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-software1-not-logged-in-completed, .archive-software1-not-logged-in-dot-item-innermost {
  box-sizing: border-box;
}

.archive-software1-not-logged-in-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-software1-not-logged-in-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-software1-not-logged-in-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-software1-not-logged-in-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-software1-not-logged-in-badge4, .archive-software1-not-logged-in-completed-parent, .archive-software1-not-logged-in-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-software1-not-logged-in-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-badge5, .archive-software1-not-logged-in-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-software1-not-logged-in-badge6 {
  width: 76px;
}

.archive-software1-not-logged-in-badge7, .archive-software1-not-logged-in-badges {
  flex-direction: row;
  flex: 1;
}

.archive-software1-not-logged-in-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-badges {
  gap: 8px;
}

.archive-software1-not-logged-in-badges, .archive-software1-not-logged-in-badges-wrapper, .archive-software1-not-logged-in-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-software1-not-logged-in-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-software1-not-logged-in-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-dot-item-parent, .archive-software1-not-logged-in-dots-parent, .archive-software1-not-logged-in-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-software1-not-logged-in-dots-parent, .archive-software1-not-logged-in-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-software1-not-logged-in-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-software1-not-logged-in-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-software1-not-logged-in-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-software1-not-logged-in-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-deal-inner, .archive-software1-not-logged-in-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-software1-not-logged-in-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-software1-not-logged-in-card-deal, .archive-software1-not-logged-in-deal-details, .archive-software1-not-logged-in-deal-inner {
  justify-content: flex-start;
}

.archive-software1-not-logged-in-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-software1-not-logged-in-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-software1-not-logged-in-card-deal, .archive-software1-not-logged-in-frame-wrapper, .archive-software1-not-logged-in-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-software1-not-logged-in-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-software1-not-logged-in-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-software1-not-logged-in-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-close-icons, .archive-software1-not-logged-in-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-software1-not-logged-in-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-software1-not-logged-in-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-software1-not-logged-in-name, .archive-software1-not-logged-in-role {
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-software1-not-logged-in-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-software1-not-logged-in-inner-info {
  flex-direction: column;
}

.archive-software1-not-logged-in-inner-info, .archive-software1-not-logged-in-inner-info-wrapper, .archive-software1-not-logged-in-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-software1-not-logged-in-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-software1-not-logged-in-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-software1-not-logged-in-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-software1-not-logged-in-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-buttonsbutton2, .archive-software1-not-logged-in-buttonsbutton3, .archive-software1-not-logged-in-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-software1-not-logged-in-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-software1-not-logged-in-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 0 0;
  display: flex;
}

.archive-software1-not-logged-in-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-filter-items-parent, .archive-software1-not-logged-in-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-software1-not-logged-in-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-software1-not-logged-in-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-not-logged-in-price-value, .archive-software1-not-logged-in-text37 {
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-text37 {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

.archive-software1-not-logged-in-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-software1-not-logged-in-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-software1-not-logged-in-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-software1-not-logged-in-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-software1-not-logged-in-badge10, .archive-software1-not-logged-in-badge11, .archive-software1-not-logged-in-deal-type-parent, .archive-software1-not-logged-in-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-badge11, .archive-software1-not-logged-in-frame-parent1 {
  flex: 1;
}

.archive-software1-not-logged-in-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-software1-not-logged-in-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-badge-group, .archive-software1-not-logged-in-badge12, .archive-software1-not-logged-in-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-software1-not-logged-in-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-software1-not-logged-in-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-software1-not-logged-in-badge13, .archive-software1-not-logged-in-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-software1-not-logged-in-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-software1-not-logged-in-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-badge13, .archive-software1-not-logged-in-badge14, .archive-software1-not-logged-in-card-work, .archive-software1-not-logged-in-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-software1-not-logged-in-badge14, .archive-software1-not-logged-in-frame-div {
  flex-direction: row;
}

.archive-software1-not-logged-in-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-software1-not-logged-in-frame-container, .archive-software1-not-logged-in-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 80%;
  padding: 8px 0 0;
}

.archive-software1-not-logged-in-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-software1-not-logged-in-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-software1-not-logged-in-inner-icons, .archive-software1-not-logged-in-inner-icons-wrapper, .archive-software1-not-logged-in-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-software1-not-logged-in-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 20%;
  font-size: 20px;
}

.archive-software1-not-logged-in-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
}

.archive-software1-not-logged-in-dots-vertical-container, .archive-software1-not-logged-in-frame-group, .archive-software1-not-logged-in-rectangle-container, .archive-software1-not-logged-in-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-software1-not-logged-in-dots-vertical-container, .archive-software1-not-logged-in-rectangle-container {
  flex-direction: row;
}

.archive-software1-not-logged-in-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-software1-not-logged-in-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-software1-not-logged-in-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-software1-not-logged-in-buttonsbutton-wrapper, .archive-software1-not-logged-in-frame-parent3, .archive-software1-not-logged-in-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-software1-not-logged-in-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-software1-not-logged-in-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-software1-not-logged-in-divider-parent, .archive-software1-not-logged-in-rectangle-group, .archive-software1-not-logged-in-rectangle-group1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-software1-not-logged-in-rectangle-group {
  box-sizing: border-box;
  color: #101828;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 100%;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
}

.archive-software1-not-logged-in-rectangle-group1 {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  position: absolute;
  top: 700px;
  bottom: -15px;
  right: 30px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton10 {
  left: 370px;
}

.archive-software1-not-logged-in-buttonsbutton10, .archive-software1-not-logged-in-buttonsbutton11, .archive-software1-not-logged-in-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-not-logged-in-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-software1-not-logged-in-buttonsbutton12 {
  right: 262px;
}

.archive-software1-not-logged-in-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 116px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-button, .archive-software1-not-logged-in-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-software1-not-logged-in-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-software1-not-logged-in-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-software1-not-logged-in-button, .archive-software1-not-logged-in-button1, .archive-software1-not-logged-in-text60 {
  align-self: stretch;
}

.archive-software1-not-logged-in-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
  margin: 0 !important;
}

.archive-software1-not-logged-in-divider-icon6, .archive-software1-not-logged-in-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-software1-not-logged-in-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  height: max-content;
  font-size: 14px;
}

.archive-software1-not-logged-in-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 70px;
  overflow: hidden;
}

.archive-software1-not-logged-in-divider-icon6, .archive-software1-not-logged-in-divider-icon7, .archive-software1-not-logged-in-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-software1-not-logged-in-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-software1-not-logged-in-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-software1-not-logged-in-text-group, .archive-software1-not-logged-in-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-software1-not-logged-in-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-software1-not-logged-in-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-last-active, .archive-software1-not-logged-in-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-software1-not-logged-in-name-container {
  gap: 16px;
}

.archive-software1-not-logged-in-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-applications, .archive-software1-not-logged-in-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-software1-not-logged-in-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-software1-not-logged-in-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-software1-not-logged-in-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-software1-not-logged-in-card-actions, .archive-software1-not-logged-in-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-software1-not-logged-in-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-software1-not-logged-in-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-software1-not-logged-in-price2, .archive-software1-not-logged-in-rate {
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-software1-not-logged-in-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-software1-not-logged-in-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-software1-not-logged-in-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-software1-not-logged-in-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-software1-not-logged-in-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-software1-not-logged-in-card-actions1, .archive-software1-not-logged-in-deal-container, .archive-software1-not-logged-in-listing-border-parent, .archive-software1-not-logged-in-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-software1-not-logged-in-listing-border-parent, .archive-software1-not-logged-in-listing-card-actions {
  box-sizing: border-box;
}

.archive-software1-not-logged-in-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-software1-not-logged-in-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-software1-not-logged-in-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-software1-not-logged-in-name3, .archive-software1-not-logged-in-role2 {
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-software1-not-logged-in-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-software1-not-logged-in-collapsed-name-details, .archive-software1-not-logged-in-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-software1-not-logged-in-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-software1-not-logged-in-collapsed-name-role, .archive-software1-not-logged-in-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-software1-not-logged-in-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-software1-not-logged-in-detail-header, .archive-software1-not-logged-in-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-software1-not-logged-in-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-software1-not-logged-in-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-software1-not-logged-in-detail-header1, .archive-software1-not-logged-in-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-software1-not-logged-in-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-software1-not-logged-in-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-software1-not-logged-in-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-software1-not-logged-in-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-software1-not-logged-in-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-software1-not-logged-in-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-badge16, .archive-software1-not-logged-in-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-software1-not-logged-in-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-location2, .archive-software1-not-logged-in-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-type-of-work3 {
  min-width: 109px;
}

.archive-software1-not-logged-in-location-content, .archive-software1-not-logged-in-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-software1-not-logged-in-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-software1-not-logged-in-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-badge17, .archive-software1-not-logged-in-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-software1-not-logged-in-badge18 {
  width: 76px;
}

.archive-software1-not-logged-in-badge-container, .archive-software1-not-logged-in-badge18, .archive-software1-not-logged-in-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-software1-not-logged-in-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-software1-not-logged-in-badge-name, .archive-software1-not-logged-in-buttonsbutton19, .archive-software1-not-logged-in-buttonsbutton20, .archive-software1-not-logged-in-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-software1-not-logged-in-buttonsbutton19, .archive-software1-not-logged-in-buttonsbutton20, .archive-software1-not-logged-in-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-software1-not-logged-in-buttonsbutton20, .archive-software1-not-logged-in-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-software1-not-logged-in-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-software1-not-logged-in-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-software1-not-logged-in-badge-details, .archive-software1-not-logged-in-buttonsbutton-parent, .archive-software1-not-logged-in-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-software1-not-logged-in-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-software1-not-logged-in-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-software1-not-logged-in-badge22, .archive-software1-not-logged-in-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-software1-not-logged-in-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-software1-not-logged-in-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-badge-list-item, .archive-software1-not-logged-in-badge22, .archive-software1-not-logged-in-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-software1-not-logged-in-location-item, .archive-software1-not-logged-in-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-software1-not-logged-in-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-software1-not-logged-in-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-badge24, .archive-software1-not-logged-in-buttonsbutton23, .archive-software1-not-logged-in-first-badge-details, .archive-software1-not-logged-in-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-buttonsbutton23, .archive-software1-not-logged-in-first-badge-details, .archive-software1-not-logged-in-work-item {
  flex: 1;
}

.archive-software1-not-logged-in-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-software1-not-logged-in-buttonsbutton23, .archive-software1-not-logged-in-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-software1-not-logged-in-first-badge-details {
  max-width: 100%;
}

.archive-software1-not-logged-in-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-software1-not-logged-in-buttonsbutton-group, .archive-software1-not-logged-in-second-badge-divider, .archive-software1-not-logged-in-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-software1-not-logged-in-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-software1-not-logged-in-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-software1-not-logged-in-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-software1-not-logged-in-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-software1-not-logged-in-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-software1-not-logged-in-location-summary, .archive-software1-not-logged-in-summary-details, .archive-software1-not-logged-in-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-software1-not-logged-in-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-software1-not-logged-in-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-software1-not-logged-in-badge25, .archive-software1-not-logged-in-frame-parent5, .archive-software1-not-logged-in-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-software1-not-logged-in-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-software1-not-logged-in-expanded-content, .archive-software1-not-logged-in-expanded-listing, .archive-software1-not-logged-in-first-badges, .archive-software1-not-logged-in-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-software1-not-logged-in-expanded-content, .archive-software1-not-logged-in-expanded-listing {
  max-width: 100%;
}

.archive-software1-not-logged-in-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-software1-not-logged-in-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-software1-not-logged-in-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-software1-not-logged-in-arrow-square-up-right-icon1, .archive-software1-not-logged-in-arrow-square-up-right-icon2, .archive-software1-not-logged-in-dots-vertical-icon3, .archive-software1-not-logged-in-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-not-logged-in-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-software1-not-logged-in-dots-vertical-icon3, .archive-software1-not-logged-in-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-software1-not-logged-in-dots-vertical-icon3 {
  top: 260px;
}

.archive-software1-not-logged-in-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-software1-not-logged-in-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-software1-not-logged-in-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-software1-not-logged-in-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-software1-not-logged-in-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-software1-not-logged-in-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-software1-not-logged-in-arrow-square-up-right-parent, .archive-software1-not-logged-in-frame-parent6, .archive-software1-not-logged-in-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-software1-not-logged-in-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-software1-not-logged-in-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-software1-not-logged-in-collapsed-content, .archive-software1-not-logged-in-collapsed-details, .archive-software1-not-logged-in-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-collapsed-content {
  position: relative;
}

.archive-software1-not-logged-in-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-software1-not-logged-in-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-not-logged-in-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-business-image, .archive-software1-not-logged-in-text83 {
  z-index: 1;
  position: relative;
}

.archive-software1-not-logged-in-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-software1-not-logged-in-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-software1-not-logged-in-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-software1-not-logged-in-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-software1-not-logged-in-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-software1-not-logged-in-span {
  font-weight: 500;
}

.archive-software1-not-logged-in-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-software1-not-logged-in-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-software1-not-logged-in-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-software1-not-logged-in-application-count, .archive-software1-not-logged-in-business-location, .archive-software1-not-logged-in-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-software1-not-logged-in-application-count, .archive-software1-not-logged-in-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-software1-not-logged-in-application-count {
  color: #fff;
  gap: 8px;
}

.archive-software1-not-logged-in-badge-one, .archive-software1-not-logged-in-badge-three, .archive-software1-not-logged-in-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-software1-not-logged-in-badge-three, .archive-software1-not-logged-in-badge-two {
  display: inline-block;
}

.archive-software1-not-logged-in-badge-two {
  min-width: 103px;
}

.archive-software1-not-logged-in-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-software1-not-logged-in-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-software1-not-logged-in-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-software1-not-logged-in-supporting-text23, .archive-software1-not-logged-in-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-supporting-text23 {
  min-width: 70.9px;
}

.archive-software1-not-logged-in-supporting-text24 {
  width: 104px;
}

.archive-software1-not-logged-in-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-software1-not-logged-in-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-software1-not-logged-in-badges-parent, .archive-software1-not-logged-in-business-details, .archive-software1-not-logged-in-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-software1-not-logged-in-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-software1-not-logged-in-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-business-actions, .archive-software1-not-logged-in-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-software1-not-logged-in-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-software1-not-logged-in-content6:hover {
  background-color: #40454f;
}

.archive-software1-not-logged-in-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-software1-not-logged-in-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-software1-not-logged-in-arrow-square-up-right-icon3, .archive-software1-not-logged-in-arrow-square-up-right-icon4, .archive-software1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-not-logged-in-arrow-square-up-right-icon4, .archive-software1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-software1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-software1-not-logged-in-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-software1-not-logged-in-frame-parent11, .archive-software1-not-logged-in-group-div, .archive-software1-not-logged-in-list-header, .archive-software1-not-logged-in-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-software1-not-logged-in-frame-parent11, .archive-software1-not-logged-in-group-div {
  gap: 7.3px;
}

.archive-software1-not-logged-in-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-software1-not-logged-in-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-software1-not-logged-in-divider-icon10, .archive-software1-not-logged-in-dots-vertical-icon7, .archive-software1-not-logged-in-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-software1-not-logged-in-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-software1-not-logged-in-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-dots-vertical-parent1, .archive-software1-not-logged-in-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-text-wrapper7 {
  flex: 1;
}

.archive-software1-not-logged-in-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-software1-not-logged-in-rectangle-textarea, .archive-software1-not-logged-in-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-software1-not-logged-in-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-software1-not-logged-in-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-software1-not-logged-in-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-contact-details, .archive-software1-not-logged-in-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-software1-not-logged-in-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-software1-not-logged-in-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton27, .archive-software1-not-logged-in-buttonsbutton28, .archive-software1-not-logged-in-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-buttonsbutton28, .archive-software1-not-logged-in-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-software1-not-logged-in-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-software1-not-logged-in-contact-details-parent, .archive-software1-not-logged-in-detail-item-parent, .archive-software1-not-logged-in-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-software1-not-logged-in-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-software1-not-logged-in-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton-wrapper2, .archive-software1-not-logged-in-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-software1-not-logged-in-frame-parent22, .archive-software1-not-logged-in-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-software1-not-logged-in-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-software1-not-logged-in-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-pair-container-parent, .archive-software1-not-logged-in-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-software1-not-logged-in-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-software1-not-logged-in-frame-parent19, .archive-software1-not-logged-in-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-software1-not-logged-in-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-software1-not-logged-in-price7, .archive-software1-not-logged-in-total {
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-software1-not-logged-in-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-software1-not-logged-in-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-software1-not-logged-in-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-software1-not-logged-in-pair-container-container, .archive-software1-not-logged-in-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-software1-not-logged-in-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-software1-not-logged-in-frame-parent24, .archive-software1-not-logged-in-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-software1-not-logged-in-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-software1-not-logged-in-fourth-listing, .archive-software1-not-logged-in-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-software1-not-logged-in-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-software1-not-logged-in-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-software1-not-logged-in-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-buttonsbutton30, .archive-software1-not-logged-in-expand-action, .archive-software1-not-logged-in-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-software1-not-logged-in-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-software1-not-logged-in-arrow-square-up-right-icon6, .archive-software1-not-logged-in-arrow-square-up-right-icon7, .archive-software1-not-logged-in-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-not-logged-in-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-software1-not-logged-in-arrow-square-up-right-icon7, .archive-software1-not-logged-in-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-software1-not-logged-in-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-software1-not-logged-in-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-software1-not-logged-in-text100, .archive-software1-not-logged-in-text101 {
  font-family: Inter;
  position: relative;
}

.archive-software1-not-logged-in-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-software1-not-logged-in-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-software1-not-logged-in-badge27, .archive-software1-not-logged-in-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-software1-not-logged-in-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-software1-not-logged-in-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-software1-not-logged-in-card-header, .archive-software1-not-logged-in-content7, .archive-software1-not-logged-in-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-software1-not-logged-in-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-software1-not-logged-in-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-software1-not-logged-in-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-button-group-base10, .archive-software1-not-logged-in-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-software1-not-logged-in-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-software1-not-logged-in-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-software1-not-logged-in-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-software1-not-logged-in-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-software1-not-logged-in-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-label3, .archive-software1-not-logged-in-supporting-text41, .archive-software1-not-logged-in-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-software1-not-logged-in-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-software1-not-logged-in-supporting-text41, .archive-software1-not-logged-in-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-software1-not-logged-in-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-software1-not-logged-in-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-software1-not-logged-in-content9, .archive-software1-not-logged-in-input-with-label2, .archive-software1-not-logged-in-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-software1-not-logged-in-input-with-label2, .archive-software1-not-logged-in-input2 {
  align-self: stretch;
}

.archive-software1-not-logged-in-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-software1-not-logged-in-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-software1-not-logged-in-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-software1-not-logged-in-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-actions2, .archive-software1-not-logged-in-button7, .archive-software1-not-logged-in-content8 {
  flex-direction: row;
  display: flex;
}

.archive-software1-not-logged-in-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-actions2, .archive-software1-not-logged-in-content8 {
  max-width: 100%;
}

.archive-software1-not-logged-in-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-software1-not-logged-in-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-software1-not-logged-in-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-software1-not-logged-in-card-header-parent, .archive-software1-not-logged-in-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-text117, .archive-software1-not-logged-in-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-software1-not-logged-in-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-software1-not-logged-in-badge28, .archive-software1-not-logged-in-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-software1-not-logged-in-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-software1-not-logged-in-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-button8, .archive-software1-not-logged-in-button9, .archive-software1-not-logged-in-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-software1-not-logged-in-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-software1-not-logged-in-button8, .archive-software1-not-logged-in-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-software1-not-logged-in-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-actions3, .archive-software1-not-logged-in-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-software1-not-logged-in-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-software1-not-logged-in-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-software1-not-logged-in-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-table-header-cell, .archive-software1-not-logged-in-table-header-cell-inner, .archive-software1-not-logged-in-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-software1-not-logged-in-table-header-cell, .archive-software1-not-logged-in-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-software1-not-logged-in-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-software1-not-logged-in-avatar-online-indicator, .archive-software1-not-logged-in-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-software1-not-logged-in-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-software1-not-logged-in-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-software1-not-logged-in-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-software1-not-logged-in-supporting-text43, .archive-software1-not-logged-in-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-software1-not-logged-in-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-software1-not-logged-in-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-supporting-text46, .archive-software1-not-logged-in-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-software1-not-logged-in-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-software1-not-logged-in-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-software1-not-logged-in-avatar5, .archive-software1-not-logged-in-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-software1-not-logged-in-avatar5 {
  background-color: #f2f4f7;
}

.archive-software1-not-logged-in-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-table-cell6, .archive-software1-not-logged-in-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-software1-not-logged-in-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-table-header, .archive-software1-not-logged-in-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-table-header {
  gap: 4px;
}

.archive-software1-not-logged-in-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-software1-not-logged-in-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-software1-not-logged-in-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-marker-pin-02-group, .archive-software1-not-logged-in-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-marker-pin-02-group {
  gap: 7px;
}

.archive-software1-not-logged-in-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-software1-not-logged-in-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-table-cell15, .archive-software1-not-logged-in-table-cell16, .archive-software1-not-logged-in-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-software1-not-logged-in-table-cell16, .archive-software1-not-logged-in-table-cell18 {
  width: 271px;
}

.archive-software1-not-logged-in-table-cell18 {
  width: 239px;
}

.archive-software1-not-logged-in-column, .archive-software1-not-logged-in-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-software1-not-logged-in-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-software1-not-logged-in-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-software1-not-logged-in-table-header-cell2, .archive-software1-not-logged-in-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-software1-not-logged-in-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-software1-not-logged-in-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-table-cell20, .archive-software1-not-logged-in-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-software1-not-logged-in-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-software1-not-logged-in-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-software1-not-logged-in-column1, .archive-software1-not-logged-in-table-cell25, .archive-software1-not-logged-in-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-software1-not-logged-in-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-software1-not-logged-in-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-table-cell30, .archive-software1-not-logged-in-table-header-cell3, .archive-software1-not-logged-in-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-software1-not-logged-in-table-cell30, .archive-software1-not-logged-in-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-software1-not-logged-in-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-software1-not-logged-in-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-software1-not-logged-in-column2, .archive-software1-not-logged-in-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-software1-not-logged-in-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-software1-not-logged-in-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-button-wrap, .archive-software1-not-logged-in-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-software1-not-logged-in-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-software1-not-logged-in-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-content11, .archive-software1-not-logged-in-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-software1-not-logged-in-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-software1-not-logged-in-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-content12, .archive-software1-not-logged-in-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-software1-not-logged-in-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-software1-not-logged-in-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-content13, .archive-software1-not-logged-in-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-content13 {
  padding: 10px 15px;
}

.archive-software1-not-logged-in-pagination-number-base2 {
  overflow: hidden;
}

.archive-software1-not-logged-in-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-software1-not-logged-in-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-content17, .archive-software1-not-logged-in-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-software1-not-logged-in-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-software1-not-logged-in-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-button-wrap1, .archive-software1-not-logged-in-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-software1-not-logged-in-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-software1-not-logged-in-next-page-button, .archive-software1-not-logged-in-page-navigation, .archive-software1-not-logged-in-pagination, .archive-software1-not-logged-in-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-software1-not-logged-in-pagination, .archive-software1-not-logged-in-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-software1-not-logged-in-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-software1-not-logged-in-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-software1-not-logged-in-text161, .archive-software1-not-logged-in-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-software1-not-logged-in-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-software1-not-logged-in-badge29, .archive-software1-not-logged-in-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-software1-not-logged-in-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-software1-not-logged-in-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-button-group-base18, .archive-software1-not-logged-in-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-software1-not-logged-in-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-software1-not-logged-in-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-software1-not-logged-in-button-group-base19 {
  background-color: #fff;
}

.archive-software1-not-logged-in-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-card-header-group, .archive-software1-not-logged-in-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-software1-not-logged-in-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-software1-not-logged-in-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-software1-not-logged-in-supporting-text55, .archive-software1-not-logged-in-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-software1-not-logged-in-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-software1-not-logged-in-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-software1-not-logged-in-content21, .archive-software1-not-logged-in-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-software1-not-logged-in-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-software1-not-logged-in-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-actions6, .archive-software1-not-logged-in-empty-state1 {
  justify-content: flex-start;
}

.archive-software1-not-logged-in-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-software1-not-logged-in-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-software1-not-logged-in-empty-state, .archive-software1-not-logged-in-empty-state1, .archive-software1-not-logged-in-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-software1-not-logged-in-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-software1-not-logged-in-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-software1-not-logged-in-supporting-text56, .archive-software1-not-logged-in-text181 {
  align-self: stretch;
  position: relative;
}

.archive-software1-not-logged-in-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-software1-not-logged-in-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-software1-not-logged-in-content22, .archive-software1-not-logged-in-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-software1-not-logged-in-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-software1-not-logged-in-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-empty-state2, .archive-software1-not-logged-in-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-software1-not-logged-in-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-software1-not-logged-in-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  font-family: Inter;
  font-size: 18px;
  display: flex;
}

.archive-software1-not-logged-in-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-software1-not-logged-in-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-software1-not-logged-in-frame-child6, .archive-software1-not-logged-in-rectangle-parent2, .archive-software1-not-logged-in-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-software1-not-logged-in-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-software1-not-logged-in-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-software1-not-logged-in-dots-vertical-icon22, .archive-software1-not-logged-in-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-software1-not-logged-in-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-software1-not-logged-in-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-software1-not-logged-in-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-software1-not-logged-in-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-software1-not-logged-in-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-software1-not-logged-in-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-software1-not-logged-in-frame-parent27, .archive-software1-not-logged-in-logomark, .archive-software1-not-logged-in-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-software1-not-logged-in-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-software1-not-logged-in-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-software1-not-logged-in-content23, .archive-software1-not-logged-in-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-software1-not-logged-in-container1, .archive-software1-not-logged-in-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-software1-not-logged-in-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-software1-not-logged-in-divider-icon14 {
  object-fit: contain;
  z-index: 4;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: -11px;
  right: 0;
  margin: 0 !important;
}

.archive-software1-not-logged-in-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-software1-not-logged-in-dot-icon10, .archive-software1-not-logged-in-dot-icon11, .archive-software1-not-logged-in-dot-icon7, .archive-software1-not-logged-in-dot-icon8, .archive-software1-not-logged-in-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-dot-icon10, .archive-software1-not-logged-in-dot-icon11, .archive-software1-not-logged-in-dot-icon8, .archive-software1-not-logged-in-dot-icon9 {
  z-index: 3;
}

.archive-software1-not-logged-in-dot-icon10, .archive-software1-not-logged-in-dot-icon11, .archive-software1-not-logged-in-dot-icon9 {
  z-index: 4;
}

.archive-software1-not-logged-in-dot-icon10, .archive-software1-not-logged-in-dot-icon11 {
  z-index: 5;
}

.archive-software1-not-logged-in-dot-icon11 {
  z-index: 6;
}

.archive-software1-not-logged-in-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-software1-not-logged-in-dot-icon12, .archive-software1-not-logged-in-dot-icon13, .archive-software1-not-logged-in-featured-icon1 {
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-software1-not-logged-in-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-software1-not-logged-in-supporting-text57, .archive-software1-not-logged-in-text184 {
  align-self: stretch;
  position: relative;
}

.archive-software1-not-logged-in-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-software1-not-logged-in-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-software1-not-logged-in-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-button-close-x, .archive-software1-not-logged-in-content24 {
  flex-direction: row;
  display: flex;
}

.archive-software1-not-logged-in-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-software1-not-logged-in-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-not-logged-in-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-software1-not-logged-in-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-software1-not-logged-in-frame-wrapper13, .archive-software1-not-logged-in-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-software1-not-logged-in-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-software1-not-logged-in-background, .archive-software1-not-logged-in-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-software1-not-logged-in-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-software1-not-logged-in-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-software1-not-logged-in-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-content25, .archive-software1-not-logged-in-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-software1-not-logged-in-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-software1-not-logged-in-control-handle, .archive-software1-not-logged-in-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-software1-not-logged-in-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-software1-not-logged-in-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-software1-not-logged-in-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-software1-not-logged-in-background-parent, .archive-software1-not-logged-in-content26, .archive-software1-not-logged-in-progress, .archive-software1-not-logged-in-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-software1-not-logged-in-background-parent, .archive-software1-not-logged-in-progress {
  position: relative;
}

.archive-software1-not-logged-in-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-software1-not-logged-in-background-parent {
  padding: 0 20px 0 0;
}

.archive-software1-not-logged-in-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-input-field, .archive-software1-not-logged-in-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-software1-not-logged-in-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-software1-not-logged-in-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-software1-not-logged-in-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-software1-not-logged-in-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-software1-not-logged-in-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-software1-not-logged-in-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-software1-not-logged-in-frame-parent31, .archive-software1-not-logged-in-frame-wrapper14, .archive-software1-not-logged-in-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-software1-not-logged-in-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-software1-not-logged-in-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-software1-not-logged-in-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-software1-not-logged-in-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-content-parent, .archive-software1-not-logged-in-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-software1-not-logged-in-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-software1-not-logged-in-content-parent {
  gap: 42px;
}

.archive-software1-not-logged-in-content-parent, .archive-software1-not-logged-in-input10, .archive-software1-not-logged-in-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-software1-not-logged-in-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-software1-not-logged-in-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-input-field2, .archive-software1-not-logged-in-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-software1-not-logged-in-section-parent {
  gap: 8px;
}

.archive-software1-not-logged-in-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-software1-not-logged-in-checkboxes1, .archive-software1-not-logged-in-section-wrapper, .archive-software1-not-logged-in-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-software1-not-logged-in-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-software1-not-logged-in-text203, .archive-software1-not-logged-in-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-text207 {
  min-width: 44px;
}

.archive-software1-not-logged-in-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-text208, .archive-software1-not-logged-in-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-text209 {
  min-width: 59px;
}

.archive-software1-not-logged-in-search-lg, .archive-software1-not-logged-in-text210 {
  z-index: 2;
  position: relative;
}

.archive-software1-not-logged-in-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-software1-not-logged-in-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-software1-not-logged-in-content37, .archive-software1-not-logged-in-input-fields2, .archive-software1-not-logged-in-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-software1-not-logged-in-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-software1-not-logged-in-input-fields2, .archive-software1-not-logged-in-input19 {
  align-self: stretch;
}

.archive-software1-not-logged-in-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-software1-not-logged-in-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-software1-not-logged-in-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-software1-not-logged-in-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-software1-not-logged-in-text212, .archive-software1-not-logged-in-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-software1-not-logged-in-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-software1-not-logged-in-frame-parent36, .archive-software1-not-logged-in-frame-parent37, .archive-software1-not-logged-in-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-not-logged-in-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-software1-not-logged-in-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-software1-not-logged-in-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-software1-not-logged-in-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-frame-parent28, .archive-software1-not-logged-in-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-software1-not-logged-in-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-software1-not-logged-in-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-software1-not-logged-in-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-not-logged-in-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-software1-not-logged-in-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-not-logged-in-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-not-logged-in-actions9, .archive-software1-not-logged-in-buttonsbutton39, .archive-software1-not-logged-in-content38 {
  flex-direction: row;
  display: flex;
}

.archive-software1-not-logged-in-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-software1-not-logged-in-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-software1-not-logged-in-divider-parent6, .archive-software1-not-logged-in-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-software1-not-logged-in-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-software1-not-logged-in-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-software1-not-logged-in-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-software1-not-logged-in-frame-parent41, .archive-software1-not-logged-in-rectangle-parent4, .archive-software1-not-logged-in-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-not-logged-in-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-software1-not-logged-in-slide-out {
  flex-direction: row;
  width: 25%;
  margin: 0 !important;
}

.archive-software1-not-logged-in-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-software1-not-logged-in-collapsed-listing, .archive-software1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-software1-not-logged-in-frame-form {
    padding-bottom: 272px;
  }

  .archive-software1-not-logged-in-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-software1-not-logged-in-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-software1-not-logged-in-fourth-listing {
    flex: 1;
  }

  .archive-software1-not-logged-in-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-frame-parent16 {
    gap: 140px;
  }

  .archive-software1-not-logged-in-content8 {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-software1-not-logged-in-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-software1-not-logged-in-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-software1-not-logged-in-navigation-parent {
    gap: 19px;
  }

  .archive-software1-not-logged-in-frame-parent {
    gap: 35px;
  }

  .archive-software1-not-logged-in-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-software1-not-logged-in-main {
    gap: 16px;
  }

  .archive-software1-not-logged-in-badges, .archive-software1-not-logged-in-dot-item-content, .archive-software1-not-logged-in-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-dots-vertical {
    min-width: 100%;
  }

  .archive-software1-not-logged-in-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-software1-not-logged-in-frame-div {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-frame-container {
    min-width: 100%;
  }

  .archive-software1-not-logged-in-frame-group {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-dots-vertical-container {
    min-width: 100%;
  }

  .archive-software1-not-logged-in-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-software1-not-logged-in-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-software1-not-logged-in-first-badge, .archive-software1-not-logged-in-location-content {
    flex: 1;
  }

  .archive-software1-not-logged-in-badge-name {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-badge-details {
    gap: 23px;
  }

  .archive-software1-not-logged-in-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-second-badge-list-parent {
    gap: 23px;
  }

  .archive-software1-not-logged-in-frame-parent5 {
    gap: 53px;
  }

  .archive-software1-not-logged-in-expanded-content {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-expanded-listing {
    min-width: 100%;
  }

  .archive-software1-not-logged-in-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-software1-not-logged-in-badge-support-parent, .archive-software1-not-logged-in-badges1, .archive-software1-not-logged-in-detail-item, .archive-software1-not-logged-in-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-second-listing-details {
    flex: 1;
  }

  .archive-software1-not-logged-in-listing-detail {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-frame-parent19 {
    gap: 54px;
  }

  .archive-software1-not-logged-in-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-software1-not-logged-in-fourth-listing {
    margin-left: 0;
  }

  .archive-software1-not-logged-in-frame-parent16 {
    gap: 70px;
  }

  .archive-software1-not-logged-in-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-software1-not-logged-in-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-software1-not-logged-in-actions2 {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-software1-not-logged-in-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-software1-not-logged-in-actions3 {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-software1-not-logged-in-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-software1-not-logged-in-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-software1-not-logged-in-empty-state3 {
    gap: 16px;
  }

  .archive-software1-not-logged-in-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-software1-not-logged-in-container1 {
    gap: 16px;
  }

  .archive-software1-not-logged-in-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-software1-not-logged-in-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-software1-not-logged-in-frame-parent {
    gap: 17px;
  }

  .archive-software1-not-logged-in-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-software1-not-logged-in-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-software1-not-logged-in-card-work {
    flex: 1;
  }

  .archive-software1-not-logged-in-provider-name {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-price2, .archive-software1-not-logged-in-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-software1-not-logged-in-badge-container, .archive-software1-not-logged-in-location-content {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-software1-not-logged-in-buttonsbutton-group, .archive-software1-not-logged-in-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-location-summary {
    flex: 1;
  }

  .archive-software1-not-logged-in-summary-details {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-frame-parent5 {
    gap: 27px;
  }

  .archive-software1-not-logged-in-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-software1-not-logged-in-price4, .archive-software1-not-logged-in-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-software1-not-logged-in-business-name-role, .archive-software1-not-logged-in-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-detail-item-parent {
    gap: 20px;
  }

  .archive-software1-not-logged-in-pair-container-parent {
    margin-left: 0;
  }

  .archive-software1-not-logged-in-frame-parent19 {
    gap: 27px;
  }

  .archive-software1-not-logged-in-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-software1-not-logged-in-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-frame-parent24 {
    gap: 126px;
  }

  .archive-software1-not-logged-in-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-software1-not-logged-in-content9, .archive-software1-not-logged-in-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-software1-not-logged-in-input-dropdown2 {
    max-width: 100%;
  }

  .archive-software1-not-logged-in-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-software1-not-logged-in-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-software1-not-logged-in-button-group2 {
    flex-wrap: wrap;
  }

  .archive-software1-not-logged-in-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-software1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-software1-not-logged-in-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-software1-not-logged-in-footer {
    gap: 16px;
  }

  .archive-software1-not-logged-in-listings-search-results-list {
    gap: 25px;
  }
}

.archive-job-not-logged-inerror-text {
  color: red;
  z-index: 2;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.archive-job-not-logged-inframe-parent-31 {
  align-self: stretch;
}

.archive-job-not-logged-inframe-parent-28 {
  box-sizing: border-box;
  align-items: flex-start;
  padding: 0 1px 0 0;
}

.archive-job-not-logged-inbuttons-button7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job-not-logged-inbuttonsbutton17-custom {
  right: 325px !important;
}

.archive-job1-not-logged-in-buttonsbutton18-custom {
  right: 195px !important;
}

.archive-job-not-logged-inlisting-container-custom {
  justify-content: initial !important;
  flex-direction: column !important;
}

.archive-job-not-logged-infilter-cards-container {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 5px 32px;
  display: flex;
}

.archive-job-not-logged-ininput-fields2-custom {
  align-items: initial !important;
  flex-direction: column !important;
}

.archive-job-not-logged-insecond-badge-divider-custom, .archive-job-not-logged-insection-wrapper-custom {
  z-index: 1;
}

.archive-job-not-logged-intext47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job-not-logged-inbuttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job-not-logged-insliders-02-icon {
  cursor: pointer;
}

.archive-job1-not-logged-in-filter-selected-div {
  width: 100%;
  height: max-content;
}

.archive-job1-not-logged-in-listing-container {
  gap: 20px;
  width: 100%;
  padding: 10px;
  display: grid;
  overflow-y: auto;
}

.archive-job1-not-logged-in-content4, .archive-job1-not-logged-in-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-job1-not-logged-in-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-job1-not-logged-in-page-header1, .archive-job1-not-logged-in-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-job1-not-logged-in-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 100%;
  padding: 0 32px;
}

.archive-job1-not-logged-in-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-divider-icon2, .archive-job1-not-logged-in-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-magnifier-1-icon {
  object-fit: cover;
  cursor: pointer;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-listing-container, .archive-job1-not-logged-in-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-job1-not-logged-in-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-job1-not-logged-in-frame-parent41, .archive-job1-not-logged-in-rectangle-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-slide-out {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  max-width: 100%;
  display: flex;
  margin: 0 !important;
}

.archive-job1-not-logged-in-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-hiddenbutton-container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-job1-not-logged-in-button-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-job1-not-logged-in-sort-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  padding: 5px 32px 0;
  display: flex;
}

.archive-job-not-logged-insection-wrapper-custom {
  display: initial !important;
}

.archive-job1-not-logged-in-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-job1-not-logged-in-filter-selected-div {
  width: 100%;
}

.archive-job1-not-logged-in-listing-container {
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  height: max-content;
  padding: 25px 29px;
  display: flex;
  overflow-y: scroll;
}

.archive-job1-not-logged-in-listing-container::-webkit-scrollbar {
  display: none;
}

.archive-job1-not-logged-in-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-divider-icon7-cstm {
  position: initial !important;
}

.archive-job1-not-logged-in-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-job1-not-logged-in-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-job1-not-logged-in-logo, .archive-job1-not-logged-in-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-job1-not-logged-in-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-job1-not-logged-in-bar-chart-01-icon, .archive-job1-not-logged-in-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-job1-not-logged-in-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-job1-not-logged-in-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-job1-not-logged-in-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-job1-not-logged-in-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-job1-not-logged-in-text2, .archive-job1-not-logged-in-text3 {
  font-family: Inter;
  position: relative;
}

.archive-job1-not-logged-in-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-job1-not-logged-in-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-job1-not-logged-in-badge1, .archive-job1-not-logged-in-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-job1-not-logged-in-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-job1-not-logged-in-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-job1-not-logged-in-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-navigation, .archive-job1-not-logged-in-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-job1-not-logged-in-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-job1-not-logged-in-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-search-lg-icon, .archive-job1-not-logged-in-text6 {
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-job1-not-logged-in-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-job1-not-logged-in-content3, .archive-job1-not-logged-in-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-content3 {
  flex: 1;
  gap: 8px;
}

.archive-job1-not-logged-in-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-frame-parent, .archive-job1-not-logged-in-input-with-label, .archive-job1-not-logged-in-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-job1-not-logged-in-frame-parent, .archive-job1-not-logged-in-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-job1-not-logged-in-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-job1-not-logged-in-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-job1-not-logged-in-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-job1-not-logged-in-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-job1-not-logged-in-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-job1-not-logged-in-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-job1-not-logged-in-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-job1-not-logged-in-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-job1-not-logged-in-breadcrumb-button-base, .archive-job1-not-logged-in-rectangle-parent, .archive-job1-not-logged-in-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-job1-not-logged-in-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-job1-not-logged-in-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-job1-not-logged-in-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-job1-not-logged-in-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-job1-not-logged-in-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-job1-not-logged-in-tabs {
  gap: 8px;
}

.archive-job1-not-logged-in-breadcrumbs, .archive-job1-not-logged-in-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-job1-not-logged-in-container {
  padding: 0 32px;
}

.archive-job1-not-logged-in-container, .archive-job1-not-logged-in-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-main-child, .archive-job1-not-logged-in-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-job1-not-logged-in-main-item {
  height: 43px;
}

.archive-job1-not-logged-in-main, .archive-job1-not-logged-in-text11 {
  align-self: stretch;
}

.archive-job1-not-logged-in-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-job1-not-logged-in-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-breadcrumb-button-base6, .archive-job1-not-logged-in-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-job1-not-logged-in-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-job1-not-logged-in-breadcrumbs1, .archive-job1-not-logged-in-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-job1-not-logged-in-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-job1-not-logged-in-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-job1-not-logged-in-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-job1-not-logged-in-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-label1, .archive-job1-not-logged-in-text15 {
  position: relative;
}

.archive-job1-not-logged-in-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-job1-not-logged-in-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-job1-not-logged-in-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-job1-not-logged-in-content5, .archive-job1-not-logged-in-input-with-label1, .archive-job1-not-logged-in-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-job1-not-logged-in-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-job1-not-logged-in-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-job1-not-logged-in-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-job1-not-logged-in-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px 16px;
  max-width: 100%;
  font-size: 26px;
  display: flex;
}

.archive-job1-not-logged-in-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  height: max-content;
  display: flex;
}

.archive-job1-not-logged-in-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-job1-not-logged-in-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-job1-not-logged-in-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-job1-not-logged-in-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-job1-not-logged-in-button-group-base2, .archive-job1-not-logged-in-button-group-base3, .archive-job1-not-logged-in-button-group-base4, .archive-job1-not-logged-in-button-group-base5, .archive-job1-not-logged-in-button-group-base6, .archive-job1-not-logged-in-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-job1-not-logged-in-button-group-base3, .archive-job1-not-logged-in-button-group-base4, .archive-job1-not-logged-in-button-group-base5, .archive-job1-not-logged-in-button-group-base6, .archive-job1-not-logged-in-button-group-base7 {
  z-index: 6;
}

.archive-job1-not-logged-in-button-group-base4, .archive-job1-not-logged-in-button-group-base5, .archive-job1-not-logged-in-button-group-base6, .archive-job1-not-logged-in-button-group-base7 {
  z-index: 5;
}

.archive-job1-not-logged-in-button-group-base5, .archive-job1-not-logged-in-button-group-base6, .archive-job1-not-logged-in-button-group-base7 {
  z-index: 4;
}

.archive-job1-not-logged-in-button-group-base6, .archive-job1-not-logged-in-button-group-base7 {
  z-index: 3;
}

.archive-job1-not-logged-in-button-group-base7 {
  z-index: 2;
}

.archive-job1-not-logged-in-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-breadcrumb-button-base11, .archive-job1-not-logged-in-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-job1-not-logged-in-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-job1-not-logged-in-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-job1-not-logged-in-breadcrumb-button-base14, .archive-job1-not-logged-in-breadcrumbs2, .archive-job1-not-logged-in-button-group, .archive-job1-not-logged-in-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-job1-not-logged-in-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  position: absolute;
  bottom: -20px;
  right: -2px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  width: max-content;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-not-logged-in-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-job1-not-logged-in-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
}

.archive-job1-not-logged-in-divider-icon2, .archive-job1-not-logged-in-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
}

.archive-job1-not-logged-in-filter-items {
  position: absolute;
  margin: 0 !important;
}

.archive-job1-not-logged-in-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
}

.archive-job1-not-logged-in-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-job1-not-logged-in-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-job1-not-logged-in-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-job1-not-logged-in-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-job1-not-logged-in-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-job1-not-logged-in-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-job1-not-logged-in-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-dot-item-type-parent {
  gap: 8px;
}

.archive-job1-not-logged-in-completed, .archive-job1-not-logged-in-dot-item-content, .archive-job1-not-logged-in-dot-item-innermost, .archive-job1-not-logged-in-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-job1-not-logged-in-completed, .archive-job1-not-logged-in-dot-item-innermost {
  box-sizing: border-box;
}

.archive-job1-not-logged-in-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-job1-not-logged-in-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-job1-not-logged-in-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-job1-not-logged-in-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-job1-not-logged-in-badge4, .archive-job1-not-logged-in-completed-parent, .archive-job1-not-logged-in-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-job1-not-logged-in-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-badge5, .archive-job1-not-logged-in-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-job1-not-logged-in-badge6 {
  width: 76px;
}

.archive-job1-not-logged-in-badge7, .archive-job1-not-logged-in-badges {
  flex-direction: row;
  flex: 1;
}

.archive-job1-not-logged-in-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-badges {
  gap: 8px;
}

.archive-job1-not-logged-in-badges, .archive-job1-not-logged-in-badges-wrapper, .archive-job1-not-logged-in-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-job1-not-logged-in-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-job1-not-logged-in-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-dot-item-parent, .archive-job1-not-logged-in-dots-parent, .archive-job1-not-logged-in-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-job1-not-logged-in-dots-parent, .archive-job1-not-logged-in-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-job1-not-logged-in-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-job1-not-logged-in-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-job1-not-logged-in-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-job1-not-logged-in-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-deal-inner, .archive-job1-not-logged-in-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-job1-not-logged-in-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-job1-not-logged-in-card-deal, .archive-job1-not-logged-in-deal-details, .archive-job1-not-logged-in-deal-inner {
  justify-content: flex-start;
}

.archive-job1-not-logged-in-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-job1-not-logged-in-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-job1-not-logged-in-card-deal, .archive-job1-not-logged-in-frame-wrapper, .archive-job1-not-logged-in-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-job1-not-logged-in-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-job1-not-logged-in-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-job1-not-logged-in-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-close-icons, .archive-job1-not-logged-in-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-job1-not-logged-in-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-job1-not-logged-in-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-job1-not-logged-in-name, .archive-job1-not-logged-in-role {
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-job1-not-logged-in-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-job1-not-logged-in-inner-info {
  flex-direction: column;
}

.archive-job1-not-logged-in-inner-info, .archive-job1-not-logged-in-inner-info-wrapper, .archive-job1-not-logged-in-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-job1-not-logged-in-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-job1-not-logged-in-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-job1-not-logged-in-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-job1-not-logged-in-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-buttonsbutton2, .archive-job1-not-logged-in-buttonsbutton3, .archive-job1-not-logged-in-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-job1-not-logged-in-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-job1-not-logged-in-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 0 0;
  display: flex;
}

.archive-job1-not-logged-in-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-filter-items-parent, .archive-job1-not-logged-in-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-job1-not-logged-in-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-job1-not-logged-in-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-not-logged-in-price-value, .archive-job1-not-logged-in-text37 {
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-text37 {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

.archive-job1-not-logged-in-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-job1-not-logged-in-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-job1-not-logged-in-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-job1-not-logged-in-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-job1-not-logged-in-badge10, .archive-job1-not-logged-in-badge11, .archive-job1-not-logged-in-deal-type-parent, .archive-job1-not-logged-in-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-badge11, .archive-job1-not-logged-in-frame-parent1 {
  flex: 1;
}

.archive-job1-not-logged-in-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-job1-not-logged-in-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-badge-group, .archive-job1-not-logged-in-badge12, .archive-job1-not-logged-in-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-job1-not-logged-in-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-job1-not-logged-in-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-job1-not-logged-in-badge13, .archive-job1-not-logged-in-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-job1-not-logged-in-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-job1-not-logged-in-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-badge13, .archive-job1-not-logged-in-badge14, .archive-job1-not-logged-in-card-work, .archive-job1-not-logged-in-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-job1-not-logged-in-badge14, .archive-job1-not-logged-in-frame-div {
  flex-direction: row;
}

.archive-job1-not-logged-in-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-job1-not-logged-in-frame-container, .archive-job1-not-logged-in-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 80%;
  padding: 8px 0 0;
}

.archive-job1-not-logged-in-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-job1-not-logged-in-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-job1-not-logged-in-inner-icons, .archive-job1-not-logged-in-inner-icons-wrapper, .archive-job1-not-logged-in-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-job1-not-logged-in-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 20%;
  font-size: 20px;
}

.archive-job1-not-logged-in-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
}

.archive-job1-not-logged-in-dots-vertical-container, .archive-job1-not-logged-in-frame-group, .archive-job1-not-logged-in-rectangle-container, .archive-job1-not-logged-in-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-job1-not-logged-in-dots-vertical-container, .archive-job1-not-logged-in-rectangle-container {
  flex-direction: row;
}

.archive-job1-not-logged-in-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-job1-not-logged-in-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-job1-not-logged-in-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-job1-not-logged-in-buttonsbutton-wrapper, .archive-job1-not-logged-in-frame-parent3, .archive-job1-not-logged-in-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-job1-not-logged-in-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-job1-not-logged-in-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-job1-not-logged-in-divider-parent, .archive-job1-not-logged-in-rectangle-group, .archive-job1-not-logged-in-rectangle-group1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-job1-not-logged-in-rectangle-group {
  box-sizing: border-box;
  color: #101828;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 100%;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
}

.archive-job1-not-logged-in-rectangle-group1 {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  position: absolute;
  top: 700px;
  bottom: -15px;
  right: 30px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton10 {
  left: 370px;
}

.archive-job1-not-logged-in-buttonsbutton10, .archive-job1-not-logged-in-buttonsbutton11, .archive-job1-not-logged-in-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-not-logged-in-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-job1-not-logged-in-buttonsbutton12 {
  right: 262px;
}

.archive-job1-not-logged-in-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 116px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-button, .archive-job1-not-logged-in-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-job1-not-logged-in-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-job1-not-logged-in-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-job1-not-logged-in-button, .archive-job1-not-logged-in-button1, .archive-job1-not-logged-in-text60 {
  align-self: stretch;
}

.archive-job1-not-logged-in-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
  margin: 0 !important;
}

.archive-job1-not-logged-in-divider-icon6, .archive-job1-not-logged-in-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-job1-not-logged-in-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  height: max-content;
  font-size: 14px;
}

.archive-job1-not-logged-in-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 70px;
  overflow: hidden;
}

.archive-job1-not-logged-in-divider-icon6, .archive-job1-not-logged-in-divider-icon7, .archive-job1-not-logged-in-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-job1-not-logged-in-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-job1-not-logged-in-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-job1-not-logged-in-text-group, .archive-job1-not-logged-in-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-job1-not-logged-in-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-job1-not-logged-in-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-last-active, .archive-job1-not-logged-in-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-job1-not-logged-in-name-container {
  gap: 16px;
}

.archive-job1-not-logged-in-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-applications, .archive-job1-not-logged-in-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-job1-not-logged-in-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-job1-not-logged-in-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-job1-not-logged-in-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-job1-not-logged-in-card-actions, .archive-job1-not-logged-in-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-job1-not-logged-in-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-job1-not-logged-in-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-job1-not-logged-in-price2, .archive-job1-not-logged-in-rate {
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-job1-not-logged-in-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-job1-not-logged-in-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-job1-not-logged-in-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-job1-not-logged-in-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-job1-not-logged-in-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-job1-not-logged-in-card-actions1, .archive-job1-not-logged-in-deal-container, .archive-job1-not-logged-in-listing-border-parent, .archive-job1-not-logged-in-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-job1-not-logged-in-listing-border-parent, .archive-job1-not-logged-in-listing-card-actions {
  box-sizing: border-box;
}

.archive-job1-not-logged-in-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-job1-not-logged-in-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-job1-not-logged-in-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-job1-not-logged-in-name3, .archive-job1-not-logged-in-role2 {
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-job1-not-logged-in-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-job1-not-logged-in-collapsed-name-details, .archive-job1-not-logged-in-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-job1-not-logged-in-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-job1-not-logged-in-collapsed-name-role, .archive-job1-not-logged-in-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-job1-not-logged-in-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-job1-not-logged-in-detail-header, .archive-job1-not-logged-in-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-job1-not-logged-in-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-job1-not-logged-in-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-job1-not-logged-in-detail-header1, .archive-job1-not-logged-in-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-job1-not-logged-in-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-job1-not-logged-in-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-job1-not-logged-in-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-job1-not-logged-in-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-job1-not-logged-in-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-job1-not-logged-in-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-badge16, .archive-job1-not-logged-in-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-job1-not-logged-in-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-location2, .archive-job1-not-logged-in-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-type-of-work3 {
  min-width: 109px;
}

.archive-job1-not-logged-in-location-content, .archive-job1-not-logged-in-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-job1-not-logged-in-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-job1-not-logged-in-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-badge17, .archive-job1-not-logged-in-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-job1-not-logged-in-badge18 {
  width: 76px;
}

.archive-job1-not-logged-in-badge-container, .archive-job1-not-logged-in-badge18, .archive-job1-not-logged-in-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-job1-not-logged-in-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-job1-not-logged-in-badge-name, .archive-job1-not-logged-in-buttonsbutton19, .archive-job1-not-logged-in-buttonsbutton20, .archive-job1-not-logged-in-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-job1-not-logged-in-buttonsbutton19, .archive-job1-not-logged-in-buttonsbutton20, .archive-job1-not-logged-in-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-job1-not-logged-in-buttonsbutton20, .archive-job1-not-logged-in-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-job1-not-logged-in-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-job1-not-logged-in-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-job1-not-logged-in-badge-details, .archive-job1-not-logged-in-buttonsbutton-parent, .archive-job1-not-logged-in-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-job1-not-logged-in-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-job1-not-logged-in-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-job1-not-logged-in-badge22, .archive-job1-not-logged-in-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-job1-not-logged-in-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-job1-not-logged-in-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-badge-list-item, .archive-job1-not-logged-in-badge22, .archive-job1-not-logged-in-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-job1-not-logged-in-location-item, .archive-job1-not-logged-in-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-job1-not-logged-in-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-job1-not-logged-in-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-badge24, .archive-job1-not-logged-in-buttonsbutton23, .archive-job1-not-logged-in-first-badge-details, .archive-job1-not-logged-in-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-buttonsbutton23, .archive-job1-not-logged-in-first-badge-details, .archive-job1-not-logged-in-work-item {
  flex: 1;
}

.archive-job1-not-logged-in-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-job1-not-logged-in-buttonsbutton23, .archive-job1-not-logged-in-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-job1-not-logged-in-first-badge-details {
  max-width: 100%;
}

.archive-job1-not-logged-in-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-job1-not-logged-in-buttonsbutton-group, .archive-job1-not-logged-in-second-badge-divider, .archive-job1-not-logged-in-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-job1-not-logged-in-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-job1-not-logged-in-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-job1-not-logged-in-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-job1-not-logged-in-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-job1-not-logged-in-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-job1-not-logged-in-location-summary, .archive-job1-not-logged-in-summary-details, .archive-job1-not-logged-in-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-job1-not-logged-in-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-job1-not-logged-in-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-job1-not-logged-in-badge25, .archive-job1-not-logged-in-frame-parent5, .archive-job1-not-logged-in-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-job1-not-logged-in-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-job1-not-logged-in-expanded-content, .archive-job1-not-logged-in-expanded-listing, .archive-job1-not-logged-in-first-badges, .archive-job1-not-logged-in-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-job1-not-logged-in-expanded-content, .archive-job1-not-logged-in-expanded-listing {
  max-width: 100%;
}

.archive-job1-not-logged-in-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-job1-not-logged-in-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-job1-not-logged-in-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-job1-not-logged-in-arrow-square-up-right-icon1, .archive-job1-not-logged-in-arrow-square-up-right-icon2, .archive-job1-not-logged-in-dots-vertical-icon3, .archive-job1-not-logged-in-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-not-logged-in-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-job1-not-logged-in-dots-vertical-icon3, .archive-job1-not-logged-in-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-job1-not-logged-in-dots-vertical-icon3 {
  top: 260px;
}

.archive-job1-not-logged-in-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-job1-not-logged-in-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-job1-not-logged-in-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-job1-not-logged-in-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-job1-not-logged-in-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-job1-not-logged-in-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-job1-not-logged-in-arrow-square-up-right-parent, .archive-job1-not-logged-in-frame-parent6, .archive-job1-not-logged-in-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-job1-not-logged-in-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-job1-not-logged-in-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-job1-not-logged-in-collapsed-content, .archive-job1-not-logged-in-collapsed-details, .archive-job1-not-logged-in-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-collapsed-content {
  position: relative;
}

.archive-job1-not-logged-in-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-job1-not-logged-in-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-not-logged-in-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-business-image, .archive-job1-not-logged-in-text83 {
  z-index: 1;
  position: relative;
}

.archive-job1-not-logged-in-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-job1-not-logged-in-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-job1-not-logged-in-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-job1-not-logged-in-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-job1-not-logged-in-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-job1-not-logged-in-span {
  font-weight: 500;
}

.archive-job1-not-logged-in-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-job1-not-logged-in-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-job1-not-logged-in-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-job1-not-logged-in-application-count, .archive-job1-not-logged-in-business-location, .archive-job1-not-logged-in-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-job1-not-logged-in-application-count, .archive-job1-not-logged-in-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-job1-not-logged-in-application-count {
  color: #fff;
  gap: 8px;
}

.archive-job1-not-logged-in-badge-one, .archive-job1-not-logged-in-badge-three, .archive-job1-not-logged-in-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-job1-not-logged-in-badge-three, .archive-job1-not-logged-in-badge-two {
  display: inline-block;
}

.archive-job1-not-logged-in-badge-two {
  min-width: 103px;
}

.archive-job1-not-logged-in-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-job1-not-logged-in-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-job1-not-logged-in-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-job1-not-logged-in-supporting-text23, .archive-job1-not-logged-in-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-supporting-text23 {
  min-width: 70.9px;
}

.archive-job1-not-logged-in-supporting-text24 {
  width: 104px;
}

.archive-job1-not-logged-in-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-job1-not-logged-in-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-job1-not-logged-in-badges-parent, .archive-job1-not-logged-in-business-details, .archive-job1-not-logged-in-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-job1-not-logged-in-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-job1-not-logged-in-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-business-actions, .archive-job1-not-logged-in-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-job1-not-logged-in-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-job1-not-logged-in-content6:hover {
  background-color: #40454f;
}

.archive-job1-not-logged-in-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-job1-not-logged-in-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-job1-not-logged-in-arrow-square-up-right-icon3, .archive-job1-not-logged-in-arrow-square-up-right-icon4, .archive-job1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-not-logged-in-arrow-square-up-right-icon4, .archive-job1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-job1-not-logged-in-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-job1-not-logged-in-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-job1-not-logged-in-frame-parent11, .archive-job1-not-logged-in-group-div, .archive-job1-not-logged-in-list-header, .archive-job1-not-logged-in-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-job1-not-logged-in-frame-parent11, .archive-job1-not-logged-in-group-div {
  gap: 7.3px;
}

.archive-job1-not-logged-in-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-job1-not-logged-in-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-job1-not-logged-in-divider-icon10, .archive-job1-not-logged-in-dots-vertical-icon7, .archive-job1-not-logged-in-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-job1-not-logged-in-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-job1-not-logged-in-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-dots-vertical-parent1, .archive-job1-not-logged-in-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-text-wrapper7 {
  flex: 1;
}

.archive-job1-not-logged-in-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-job1-not-logged-in-rectangle-textarea, .archive-job1-not-logged-in-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-job1-not-logged-in-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-job1-not-logged-in-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-job1-not-logged-in-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-contact-details, .archive-job1-not-logged-in-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-job1-not-logged-in-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-job1-not-logged-in-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton27, .archive-job1-not-logged-in-buttonsbutton28, .archive-job1-not-logged-in-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-buttonsbutton28, .archive-job1-not-logged-in-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-job1-not-logged-in-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-job1-not-logged-in-contact-details-parent, .archive-job1-not-logged-in-detail-item-parent, .archive-job1-not-logged-in-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-job1-not-logged-in-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-job1-not-logged-in-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton-wrapper2, .archive-job1-not-logged-in-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-job1-not-logged-in-frame-parent22, .archive-job1-not-logged-in-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-job1-not-logged-in-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-job1-not-logged-in-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-pair-container-parent, .archive-job1-not-logged-in-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-job1-not-logged-in-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-job1-not-logged-in-frame-parent19, .archive-job1-not-logged-in-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-job1-not-logged-in-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-job1-not-logged-in-price7, .archive-job1-not-logged-in-total {
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-job1-not-logged-in-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-job1-not-logged-in-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-job1-not-logged-in-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-job1-not-logged-in-pair-container-container, .archive-job1-not-logged-in-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-job1-not-logged-in-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-job1-not-logged-in-frame-parent24, .archive-job1-not-logged-in-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-job1-not-logged-in-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-job1-not-logged-in-fourth-listing, .archive-job1-not-logged-in-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-job1-not-logged-in-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-job1-not-logged-in-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-job1-not-logged-in-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-buttonsbutton30, .archive-job1-not-logged-in-expand-action, .archive-job1-not-logged-in-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-job1-not-logged-in-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-job1-not-logged-in-arrow-square-up-right-icon6, .archive-job1-not-logged-in-arrow-square-up-right-icon7, .archive-job1-not-logged-in-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-not-logged-in-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-job1-not-logged-in-arrow-square-up-right-icon7, .archive-job1-not-logged-in-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-job1-not-logged-in-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-job1-not-logged-in-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-job1-not-logged-in-text100, .archive-job1-not-logged-in-text101 {
  font-family: Inter;
  position: relative;
}

.archive-job1-not-logged-in-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-job1-not-logged-in-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-job1-not-logged-in-badge27, .archive-job1-not-logged-in-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-job1-not-logged-in-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-job1-not-logged-in-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-job1-not-logged-in-card-header, .archive-job1-not-logged-in-content7, .archive-job1-not-logged-in-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-job1-not-logged-in-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-job1-not-logged-in-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-job1-not-logged-in-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-button-group-base10, .archive-job1-not-logged-in-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-job1-not-logged-in-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-job1-not-logged-in-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-job1-not-logged-in-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-job1-not-logged-in-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-job1-not-logged-in-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-label3, .archive-job1-not-logged-in-supporting-text41, .archive-job1-not-logged-in-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-job1-not-logged-in-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-job1-not-logged-in-supporting-text41, .archive-job1-not-logged-in-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-job1-not-logged-in-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-job1-not-logged-in-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-job1-not-logged-in-content9, .archive-job1-not-logged-in-input-with-label2, .archive-job1-not-logged-in-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-job1-not-logged-in-input-with-label2, .archive-job1-not-logged-in-input2 {
  align-self: stretch;
}

.archive-job1-not-logged-in-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-job1-not-logged-in-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-job1-not-logged-in-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-job1-not-logged-in-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-actions2, .archive-job1-not-logged-in-button7, .archive-job1-not-logged-in-content8 {
  flex-direction: row;
  display: flex;
}

.archive-job1-not-logged-in-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-actions2, .archive-job1-not-logged-in-content8 {
  max-width: 100%;
}

.archive-job1-not-logged-in-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-job1-not-logged-in-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-job1-not-logged-in-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-job1-not-logged-in-card-header-parent, .archive-job1-not-logged-in-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-text117, .archive-job1-not-logged-in-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-job1-not-logged-in-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-job1-not-logged-in-badge28, .archive-job1-not-logged-in-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-job1-not-logged-in-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-job1-not-logged-in-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-button8, .archive-job1-not-logged-in-button9, .archive-job1-not-logged-in-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-job1-not-logged-in-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-job1-not-logged-in-button8, .archive-job1-not-logged-in-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-job1-not-logged-in-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-actions3, .archive-job1-not-logged-in-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-job1-not-logged-in-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-job1-not-logged-in-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-job1-not-logged-in-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-table-header-cell, .archive-job1-not-logged-in-table-header-cell-inner, .archive-job1-not-logged-in-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-job1-not-logged-in-table-header-cell, .archive-job1-not-logged-in-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-job1-not-logged-in-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-job1-not-logged-in-avatar-online-indicator, .archive-job1-not-logged-in-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-job1-not-logged-in-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-job1-not-logged-in-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-job1-not-logged-in-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-job1-not-logged-in-supporting-text43, .archive-job1-not-logged-in-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-job1-not-logged-in-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-job1-not-logged-in-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-supporting-text46, .archive-job1-not-logged-in-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-job1-not-logged-in-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-job1-not-logged-in-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-job1-not-logged-in-avatar5, .archive-job1-not-logged-in-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-job1-not-logged-in-avatar5 {
  background-color: #f2f4f7;
}

.archive-job1-not-logged-in-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-table-cell6, .archive-job1-not-logged-in-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-job1-not-logged-in-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-table-header, .archive-job1-not-logged-in-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-table-header {
  gap: 4px;
}

.archive-job1-not-logged-in-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-job1-not-logged-in-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-job1-not-logged-in-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-marker-pin-02-group, .archive-job1-not-logged-in-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-marker-pin-02-group {
  gap: 7px;
}

.archive-job1-not-logged-in-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-job1-not-logged-in-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-table-cell15, .archive-job1-not-logged-in-table-cell16, .archive-job1-not-logged-in-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-job1-not-logged-in-table-cell16, .archive-job1-not-logged-in-table-cell18 {
  width: 271px;
}

.archive-job1-not-logged-in-table-cell18 {
  width: 239px;
}

.archive-job1-not-logged-in-column, .archive-job1-not-logged-in-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-job1-not-logged-in-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-job1-not-logged-in-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-job1-not-logged-in-table-header-cell2, .archive-job1-not-logged-in-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-job1-not-logged-in-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-job1-not-logged-in-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-table-cell20, .archive-job1-not-logged-in-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-job1-not-logged-in-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-job1-not-logged-in-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-job1-not-logged-in-column1, .archive-job1-not-logged-in-table-cell25, .archive-job1-not-logged-in-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-job1-not-logged-in-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-job1-not-logged-in-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-table-cell30, .archive-job1-not-logged-in-table-header-cell3, .archive-job1-not-logged-in-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-job1-not-logged-in-table-cell30, .archive-job1-not-logged-in-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-job1-not-logged-in-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-job1-not-logged-in-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-job1-not-logged-in-column2, .archive-job1-not-logged-in-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-job1-not-logged-in-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-job1-not-logged-in-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-button-wrap, .archive-job1-not-logged-in-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-job1-not-logged-in-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-job1-not-logged-in-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-content11, .archive-job1-not-logged-in-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-job1-not-logged-in-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-job1-not-logged-in-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-content12, .archive-job1-not-logged-in-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-job1-not-logged-in-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-job1-not-logged-in-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-content13, .archive-job1-not-logged-in-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-content13 {
  padding: 10px 15px;
}

.archive-job1-not-logged-in-pagination-number-base2 {
  overflow: hidden;
}

.archive-job1-not-logged-in-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-job1-not-logged-in-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-content17, .archive-job1-not-logged-in-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-job1-not-logged-in-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-job1-not-logged-in-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-button-wrap1, .archive-job1-not-logged-in-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-job1-not-logged-in-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-job1-not-logged-in-next-page-button, .archive-job1-not-logged-in-page-navigation, .archive-job1-not-logged-in-pagination, .archive-job1-not-logged-in-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-job1-not-logged-in-pagination, .archive-job1-not-logged-in-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-job1-not-logged-in-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-job1-not-logged-in-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-job1-not-logged-in-text161, .archive-job1-not-logged-in-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-job1-not-logged-in-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-job1-not-logged-in-badge29, .archive-job1-not-logged-in-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-job1-not-logged-in-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-job1-not-logged-in-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-button-group-base18, .archive-job1-not-logged-in-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-job1-not-logged-in-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-job1-not-logged-in-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-job1-not-logged-in-button-group-base19 {
  background-color: #fff;
}

.archive-job1-not-logged-in-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-card-header-group, .archive-job1-not-logged-in-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-job1-not-logged-in-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-job1-not-logged-in-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-job1-not-logged-in-supporting-text55, .archive-job1-not-logged-in-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-job1-not-logged-in-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-job1-not-logged-in-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-job1-not-logged-in-content21, .archive-job1-not-logged-in-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-job1-not-logged-in-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-job1-not-logged-in-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-actions6, .archive-job1-not-logged-in-empty-state1 {
  justify-content: flex-start;
}

.archive-job1-not-logged-in-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-job1-not-logged-in-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-job1-not-logged-in-empty-state, .archive-job1-not-logged-in-empty-state1, .archive-job1-not-logged-in-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-job1-not-logged-in-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-job1-not-logged-in-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-job1-not-logged-in-supporting-text56, .archive-job1-not-logged-in-text181 {
  align-self: stretch;
  position: relative;
}

.archive-job1-not-logged-in-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-job1-not-logged-in-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-job1-not-logged-in-content22, .archive-job1-not-logged-in-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-job1-not-logged-in-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-job1-not-logged-in-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-empty-state2, .archive-job1-not-logged-in-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-job1-not-logged-in-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-job1-not-logged-in-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  font-family: Inter;
  font-size: 18px;
  display: flex;
}

.archive-job1-not-logged-in-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-job1-not-logged-in-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-job1-not-logged-in-frame-child6, .archive-job1-not-logged-in-rectangle-parent2, .archive-job1-not-logged-in-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-job1-not-logged-in-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-job1-not-logged-in-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-job1-not-logged-in-dots-vertical-icon22, .archive-job1-not-logged-in-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-job1-not-logged-in-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-job1-not-logged-in-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-job1-not-logged-in-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-job1-not-logged-in-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-job1-not-logged-in-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-job1-not-logged-in-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-job1-not-logged-in-frame-parent27, .archive-job1-not-logged-in-logomark, .archive-job1-not-logged-in-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-job1-not-logged-in-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-job1-not-logged-in-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-job1-not-logged-in-content23, .archive-job1-not-logged-in-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-job1-not-logged-in-container1, .archive-job1-not-logged-in-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-job1-not-logged-in-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-job1-not-logged-in-divider-icon14 {
  object-fit: contain;
  z-index: 4;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: -11px;
  right: 0;
  margin: 0 !important;
}

.archive-job1-not-logged-in-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-job1-not-logged-in-dot-icon10, .archive-job1-not-logged-in-dot-icon11, .archive-job1-not-logged-in-dot-icon7, .archive-job1-not-logged-in-dot-icon8, .archive-job1-not-logged-in-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-dot-icon10, .archive-job1-not-logged-in-dot-icon11, .archive-job1-not-logged-in-dot-icon8, .archive-job1-not-logged-in-dot-icon9 {
  z-index: 3;
}

.archive-job1-not-logged-in-dot-icon10, .archive-job1-not-logged-in-dot-icon11, .archive-job1-not-logged-in-dot-icon9 {
  z-index: 4;
}

.archive-job1-not-logged-in-dot-icon10, .archive-job1-not-logged-in-dot-icon11 {
  z-index: 5;
}

.archive-job1-not-logged-in-dot-icon11 {
  z-index: 6;
}

.archive-job1-not-logged-in-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-job1-not-logged-in-dot-icon12, .archive-job1-not-logged-in-dot-icon13, .archive-job1-not-logged-in-featured-icon1 {
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-job1-not-logged-in-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-job1-not-logged-in-supporting-text57, .archive-job1-not-logged-in-text184 {
  align-self: stretch;
  position: relative;
}

.archive-job1-not-logged-in-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-job1-not-logged-in-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-job1-not-logged-in-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-button-close-x, .archive-job1-not-logged-in-content24 {
  flex-direction: row;
  display: flex;
}

.archive-job1-not-logged-in-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-job1-not-logged-in-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-not-logged-in-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-job1-not-logged-in-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-job1-not-logged-in-frame-wrapper13, .archive-job1-not-logged-in-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-job1-not-logged-in-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-job1-not-logged-in-background, .archive-job1-not-logged-in-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-job1-not-logged-in-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-job1-not-logged-in-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-job1-not-logged-in-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-content25, .archive-job1-not-logged-in-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-job1-not-logged-in-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-job1-not-logged-in-control-handle, .archive-job1-not-logged-in-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-job1-not-logged-in-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-job1-not-logged-in-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-job1-not-logged-in-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-job1-not-logged-in-background-parent, .archive-job1-not-logged-in-content26, .archive-job1-not-logged-in-progress, .archive-job1-not-logged-in-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-job1-not-logged-in-background-parent, .archive-job1-not-logged-in-progress {
  position: relative;
}

.archive-job1-not-logged-in-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-job1-not-logged-in-background-parent {
  padding: 0 20px 0 0;
}

.archive-job1-not-logged-in-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-input-field, .archive-job1-not-logged-in-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-job1-not-logged-in-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-job1-not-logged-in-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-job1-not-logged-in-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-job1-not-logged-in-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-job1-not-logged-in-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-job1-not-logged-in-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-job1-not-logged-in-frame-parent31, .archive-job1-not-logged-in-frame-wrapper14, .archive-job1-not-logged-in-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-job1-not-logged-in-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-job1-not-logged-in-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-job1-not-logged-in-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-job1-not-logged-in-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-content-parent, .archive-job1-not-logged-in-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-job1-not-logged-in-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-job1-not-logged-in-content-parent {
  gap: 42px;
}

.archive-job1-not-logged-in-content-parent, .archive-job1-not-logged-in-input10, .archive-job1-not-logged-in-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-job1-not-logged-in-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-job1-not-logged-in-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-input-field2, .archive-job1-not-logged-in-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-job1-not-logged-in-section-parent {
  gap: 8px;
}

.archive-job1-not-logged-in-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-job1-not-logged-in-checkboxes1, .archive-job1-not-logged-in-section-wrapper, .archive-job1-not-logged-in-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-job1-not-logged-in-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-job1-not-logged-in-text203, .archive-job1-not-logged-in-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-text207 {
  min-width: 44px;
}

.archive-job1-not-logged-in-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-text208, .archive-job1-not-logged-in-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-text209 {
  min-width: 59px;
}

.archive-job1-not-logged-in-search-lg, .archive-job1-not-logged-in-text210 {
  z-index: 2;
  position: relative;
}

.archive-job1-not-logged-in-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-job1-not-logged-in-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-job1-not-logged-in-content37, .archive-job1-not-logged-in-input-fields2, .archive-job1-not-logged-in-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-job1-not-logged-in-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-job1-not-logged-in-input-fields2, .archive-job1-not-logged-in-input19 {
  align-self: stretch;
}

.archive-job1-not-logged-in-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-job1-not-logged-in-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-job1-not-logged-in-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-job1-not-logged-in-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-job1-not-logged-in-text212, .archive-job1-not-logged-in-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-job1-not-logged-in-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-job1-not-logged-in-frame-parent36, .archive-job1-not-logged-in-frame-parent37, .archive-job1-not-logged-in-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-not-logged-in-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-job1-not-logged-in-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-job1-not-logged-in-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-job1-not-logged-in-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-frame-parent28, .archive-job1-not-logged-in-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-job1-not-logged-in-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-job1-not-logged-in-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-job1-not-logged-in-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-not-logged-in-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-job1-not-logged-in-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-not-logged-in-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-not-logged-in-actions9, .archive-job1-not-logged-in-buttonsbutton39, .archive-job1-not-logged-in-content38 {
  flex-direction: row;
  display: flex;
}

.archive-job1-not-logged-in-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-job1-not-logged-in-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-job1-not-logged-in-divider-parent6, .archive-job1-not-logged-in-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-job1-not-logged-in-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-job1-not-logged-in-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-job1-not-logged-in-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-job1-not-logged-in-frame-parent41, .archive-job1-not-logged-in-rectangle-parent4, .archive-job1-not-logged-in-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-not-logged-in-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-job1-not-logged-in-slide-out {
  flex-direction: row;
  width: 25%;
  margin: 0 !important;
}

.archive-job1-not-logged-in-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-job1-not-logged-in-collapsed-listing, .archive-job1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-job1-not-logged-in-frame-form {
    padding-bottom: 272px;
  }

  .archive-job1-not-logged-in-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-job1-not-logged-in-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-job1-not-logged-in-fourth-listing {
    flex: 1;
  }

  .archive-job1-not-logged-in-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-frame-parent16 {
    gap: 140px;
  }

  .archive-job1-not-logged-in-content8 {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-job1-not-logged-in-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-job1-not-logged-in-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-job1-not-logged-in-navigation-parent {
    gap: 19px;
  }

  .archive-job1-not-logged-in-frame-parent {
    gap: 35px;
  }

  .archive-job1-not-logged-in-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-job1-not-logged-in-main {
    gap: 16px;
  }

  .archive-job1-not-logged-in-badges, .archive-job1-not-logged-in-dot-item-content, .archive-job1-not-logged-in-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-dots-vertical {
    min-width: 100%;
  }

  .archive-job1-not-logged-in-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-job1-not-logged-in-frame-div {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-frame-container {
    min-width: 100%;
  }

  .archive-job1-not-logged-in-frame-group {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-dots-vertical-container {
    min-width: 100%;
  }

  .archive-job1-not-logged-in-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-job1-not-logged-in-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-job1-not-logged-in-first-badge, .archive-job1-not-logged-in-location-content {
    flex: 1;
  }

  .archive-job1-not-logged-in-badge-name {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-badge-details {
    gap: 23px;
  }

  .archive-job1-not-logged-in-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-second-badge-list-parent {
    gap: 23px;
  }

  .archive-job1-not-logged-in-frame-parent5 {
    gap: 53px;
  }

  .archive-job1-not-logged-in-expanded-content {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-expanded-listing {
    min-width: 100%;
  }

  .archive-job1-not-logged-in-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-job1-not-logged-in-badge-support-parent, .archive-job1-not-logged-in-badges1, .archive-job1-not-logged-in-detail-item, .archive-job1-not-logged-in-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-second-listing-details {
    flex: 1;
  }

  .archive-job1-not-logged-in-listing-detail {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-frame-parent19 {
    gap: 54px;
  }

  .archive-job1-not-logged-in-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-job1-not-logged-in-fourth-listing {
    margin-left: 0;
  }

  .archive-job1-not-logged-in-frame-parent16 {
    gap: 70px;
  }

  .archive-job1-not-logged-in-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-job1-not-logged-in-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-job1-not-logged-in-actions2 {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-job1-not-logged-in-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-job1-not-logged-in-actions3 {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-job1-not-logged-in-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-job1-not-logged-in-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-job1-not-logged-in-empty-state3 {
    gap: 16px;
  }

  .archive-job1-not-logged-in-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-job1-not-logged-in-container1 {
    gap: 16px;
  }

  .archive-job1-not-logged-in-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-job1-not-logged-in-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-job1-not-logged-in-frame-parent {
    gap: 17px;
  }

  .archive-job1-not-logged-in-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-job1-not-logged-in-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-job1-not-logged-in-card-work {
    flex: 1;
  }

  .archive-job1-not-logged-in-provider-name {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-price2, .archive-job1-not-logged-in-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-job1-not-logged-in-badge-container, .archive-job1-not-logged-in-location-content {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-job1-not-logged-in-buttonsbutton-group, .archive-job1-not-logged-in-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-location-summary {
    flex: 1;
  }

  .archive-job1-not-logged-in-summary-details {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-frame-parent5 {
    gap: 27px;
  }

  .archive-job1-not-logged-in-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-job1-not-logged-in-price4, .archive-job1-not-logged-in-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-job1-not-logged-in-business-name-role, .archive-job1-not-logged-in-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-detail-item-parent {
    gap: 20px;
  }

  .archive-job1-not-logged-in-pair-container-parent {
    margin-left: 0;
  }

  .archive-job1-not-logged-in-frame-parent19 {
    gap: 27px;
  }

  .archive-job1-not-logged-in-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-job1-not-logged-in-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-frame-parent24 {
    gap: 126px;
  }

  .archive-job1-not-logged-in-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-job1-not-logged-in-content9, .archive-job1-not-logged-in-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-job1-not-logged-in-input-dropdown2 {
    max-width: 100%;
  }

  .archive-job1-not-logged-in-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-job1-not-logged-in-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-job1-not-logged-in-button-group2 {
    flex-wrap: wrap;
  }

  .archive-job1-not-logged-in-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-job1-not-logged-in-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-job1-not-logged-in-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-job1-not-logged-in-footer {
    gap: 16px;
  }

  .archive-job1-not-logged-in-listings-search-results-list {
    gap: 25px;
  }
}

.archive-device-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-device-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

@media screen and (width <= 1275px) {
  .archive-device-collapsed-listing, .archive-device-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-device-frame-form {
    padding-bottom: 272px;
  }

  .archive-device-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-device-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-device-fourth-listing {
    flex: 1;
  }

  .archive-device-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-device-frame-parent16 {
    gap: 140px;
  }

  .archive-device-content8 {
    flex-wrap: wrap;
  }

  .archive-device-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-device-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-device-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-device-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-device-navigation-parent {
    gap: 19px;
  }

  .archive-device-frame-parent {
    gap: 35px;
  }

  .archive-device-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-device-main {
    gap: 16px;
  }

  .archive-device-badges, .archive-device-dot-item-content, .archive-device-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-device-dots-vertical {
    min-width: 100%;
  }

  .archive-device-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-device-frame-div {
    flex-wrap: wrap;
  }

  .archive-device-frame-container {
    min-width: 100%;
  }

  .archive-device-frame-group {
    flex-wrap: wrap;
  }

  .archive-device-dots-vertical-container {
    min-width: 100%;
  }

  .archive-device-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-device-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-device-first-badge, .archive-device-location-content {
    flex: 1;
  }

  .archive-device-badge-name {
    flex-wrap: wrap;
  }

  .archive-device-badge-details {
    gap: 23px;
  }

  .archive-device-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-device-second-badge-list-parent {
    gap: 23px;
  }

  .archive-device-frame-parent5 {
    gap: 53px;
  }

  .archive-device-expanded-content {
    flex-wrap: wrap;
  }

  .archive-device-expanded-listing {
    min-width: 100%;
  }

  .archive-device-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-device-badge-support-parent, .archive-device-badges1, .archive-device-detail-item, .archive-device-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-device-second-listing-details {
    flex: 1;
  }

  .archive-device-listing-detail {
    flex-wrap: wrap;
  }

  .archive-device-frame-parent19 {
    gap: 54px;
  }

  .archive-device-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-device-fourth-listing {
    margin-left: 0;
  }

  .archive-device-frame-parent16 {
    gap: 70px;
  }

  .archive-device-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-device-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-device-actions2 {
    flex-wrap: wrap;
  }

  .archive-device-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-device-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-device-actions3 {
    flex-wrap: wrap;
  }

  .archive-device-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-device-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-device-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-device-empty-state3 {
    gap: 16px;
  }

  .archive-device-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-device-container1 {
    gap: 16px;
  }

  .archive-device-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-device-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-device-frame-parent {
    gap: 17px;
  }

  .archive-device-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-device-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device-card-work {
    flex: 1;
  }

  .archive-device-provider-name {
    flex-wrap: wrap;
  }

  .archive-device-price2, .archive-device-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device-badge-container, .archive-device-location-content {
    flex-wrap: wrap;
  }

  .archive-device-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-device-buttonsbutton-group, .archive-device-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-device-location-summary {
    flex: 1;
  }

  .archive-device-summary-details {
    flex-wrap: wrap;
  }

  .archive-device-frame-parent5 {
    gap: 27px;
  }

  .archive-device-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-device-price4, .archive-device-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device-business-name-role, .archive-device-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-device-detail-item-parent {
    gap: 20px;
  }

  .archive-device-pair-container-parent {
    margin-left: 0;
  }

  .archive-device-frame-parent19 {
    gap: 27px;
  }

  .archive-device-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-device-frame-parent24 {
    gap: 126px;
  }

  .archive-device-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-device-content9, .archive-device-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device-input-dropdown2 {
    max-width: 100%;
  }

  .archive-device-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-device-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device-button-group2 {
    flex-wrap: wrap;
  }

  .archive-device-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-device-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-device-footer {
    gap: 16px;
  }

  .archive-device-listings-search-results-list {
    gap: 25px;
  }
}

.landing-page-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.landing-page-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-page-tab-name, .landing-page-text48, .landing-page-text49, .landing-page-text50, .landing-page-text51 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

@media screen and (width <= 1100px) {
  .landing-page-listings-search-results-list {
    height: auto;
  }

  .landing-page-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }
}

@media screen and (width <= 750px) {
  .landing-page-listings-search-results-list {
    gap: 49px;
  }

  .landing-page-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }
}

@media screen and (width <= 450px) {
  .landing-page-listings-search-results-list {
    gap: 25px;
  }
}

.skeleton-container {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

.skeleton-card-wrapper {
  position: relative;
  overflow: hidden;
}

.skeleton-card-container {
  background-color: #f0f0f0;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  width: 340px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.skeleton-card-shimmer {
  z-index: 1;
  pointer-events: none;
  opacity: .6;
  background-color: #f0f0f0;
  animation: 2s ease-in-out infinite pulse;
  position: absolute;
  inset: 0;
}

@keyframes pulse {
  0% {
    opacity: .3;
    transform: scale(1);
  }

  50% {
    opacity: .1;
    transform: scale(1.05);
  }

  100% {
    opacity: 0;
    transform: scale(1);
  }
}

.skeleton-card-image {
  background-color: #d0d0d0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 100%;
  height: 192px;
}

.skeleton-card-badges {
  z-index: 2;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
}

.skeleton-badge {
  background-color: #d0d0d0;
  border-radius: 4px;
  padding: 4px 8px;
}

.skeleton-badge-inner {
  background-color: #0000;
  width: 48px;
  height: 12px;
}

.skeleton-card-content {
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.skeleton-location {
  align-items: center;
  gap: 6px;
  display: flex;
}

.skeleton-dot {
  background-color: #d0d0d0;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.skeleton-location-bar {
  background-color: #d0d0d0;
  border-radius: 4px;
  width: 120px;
  height: 12px;
}

.skeleton-title-lines {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.skeleton-line {
  background-color: #d0d0d0;
  border-radius: 4px;
  height: 16px;
}

.skeleton-line.full {
  width: 100%;
}

.skeleton-line.medium {
  width: 85%;
}

.skeleton-line.short {
  width: 70%;
}

.landing-page-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-family: Inter;
  display: flex;
}

.landing-page-hero-section-text-wrapper {
  justify-content: center;
  max-width: 62rem;
  margin-top: 4rem;
  display: flex;
}

.landing-page-hero-section-text {
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
}

.landing-page-search-section {
  width: 100%;
  max-width: 56rem;
  padding: .75rem 1rem 2rem;
}

.landing-page-search-section-sub {
  margin-bottom: 2rem;
  transition: opacity .5s, transform .5s;
  position: relative;
}

.landing-page-search-section-sub .search-results-container {
  z-index: 999999 !important;
  position: absolute !important;
}

.landing-page-search-section {
  z-index: 9;
  position: relative;
}

.visible-fade {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.hidden-fade {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
}

.landing-page-search-section-search-wrapper {
  position: relative;
}

.landing-page-search-input {
  background-color: #f3f4f6;
  border: 2px solid #e5e7eb;
  border-radius: 9999px;
  align-items: center;
  width: 100%;
  min-height: 4rem;
  padding-left: 1rem;
  padding-right: 8rem;
  transition-property: background-color, border-color;
  transition-duration: .2s;
  display: flex;
}

.landing-page-search-input:hover {
  background-color: #f9fafb;
  border-color: #a855f7;
}

.landing-page-search-input:focus-within {
  border-color: #a855f7;
}

.landing-page-search-input-sub {
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.landing-page-search-custom-input {
  background-color: #0000;
  border: none;
  outline: none;
  flex: 1;
  min-width: 0;
  font-size: 1.125rem;
}

.landing-page-search-custom-input::placeholder {
  color: #6b7280;
}

.landing-page-search-input-right-wrapper {
  align-items: center;
  gap: .5rem;
  display: flex;
  position: absolute;
  top: 50%;
  right: .5rem;
  transform: translateY(-50%);
}

.landing-page-search-input-right-button {
  color: #fff;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  box-shadow: none;
  background-color: #a855f7;
  border: 2px solid #0000;
  border-radius: 50%;
  transition: background-color .2s;
}

.landing-page-search-input-right-button:hover {
  background-color: #9333ea;
}

.landing-page-category-section-wrapper {
  text-align: center;
  margin-top: -1.5rem;
  margin-bottom: 1.5rem;
}

.landing-page-category-section-text {
  color: #4b5563;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem;
}

.landing-page-category-tab-section {
  justify-content: center;
  width: 100%;
  max-width: 1800px;
  margin-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
}

.landing-page-category-tab-section-wrapper {
  border-color: #0000;
  border-bottom-width: 1px;
  gap: .75rem;
  margin-left: 2rem;
  display: flex;
}

.landing-page-category-button {
  cursor: pointer;
  background-color: #fff;
  border: none;
  padding-bottom: .75rem;
  padding-left: .6rem;
  padding-right: .6rem;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.875rem;
  transition: all .2s;
}

.landing-page-category-button.active {
  color: #9333ea;
  background-color: #0000;
  border-bottom: 2px solid #9333ea;
}

.landing-page-category-button.inactive {
  color: #000;
  transition: color .2s;
}

.landing-page-category-button.inactive:hover {
  color: #374151;
}

.landing-page-card-wrapper {
  z-index: 1;
  width: 100%;
  max-width: 1800px;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

@media (width >= 768px) {
  .landing-page-content-wrapper {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.landing-page-divider-icon {
  object-fit: cover;
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  height: 1px;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.landing-page-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.landing-page-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.landing-page-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: visible;
}

.landing-page-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.landing-page-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  max-width: 100%;
  height: max-content;
  font-size: 14px;
}

.landing-page-listing-container {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  max-width: 1524px;
  margin: 0 auto;
  padding: 10px;
  display: flex;
  overflow-y: auto;
}

.landing-page-divider-icon6 {
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.landing-page-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 1px;
  position: absolute;
  bottom: 127px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.landing-page-divider-icon7-cstm {
  position: initial !important;
}

.landing-page-horizontal-tabs-wrapper {
  box-sizing: border-box;
  color: #667085;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 20px 0 24px 32px;
  display: flex;
}

.landing-page-horizontal-tabs {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.landing-page-tabs2 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  max-width: 100%;
  padding: 0 20px 0 0;
  display: flex;
  overflow-x: auto;
}

.landing-page-tab-button-base {
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.landing-page-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  transition: color .3s, border-bottom .3s;
  display: flex;
}

.landing-page-tab-button-base1:hover .landing-page-tab-icon {
  transform: scale(1.1);
}

.landing-page-tab-button-base1:hover {
  color: #7e56d9;
  cursor: pointer;
  border-bottom: 3px solid #dcd6f7;
}

.landing-page-tab-name, .landing-page-text48, .landing-page-text49, .landing-page-text50, .landing-page-text51 {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.landing-page-tab-icon {
  width: 30px;
  height: 30px;
  padding: 4px;
  transition: transform .2s ease-in-out;
}

.landing-page-tab-icon-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

@media screen and (width <= 1100px) {
  .landing-page-listings-search-results-list {
    height: auto;
  }

  .landing-page-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }
}

@media screen and (width <= 750px) {
  .landing-page-listings-search-results-list {
    gap: 49px;
  }

  .landing-page-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }
}

@media screen and (width <= 450px) {
  .landing-page-listings-search-results-list {
    gap: 25px;
  }
}

.landing-header-section {
  width: 100%;
  margin-bottom: 1rem;
}

.landing-header-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.landing-category-title {
  color: #1f2937;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  transition: color .3s;
}

.landing-category-title:hover {
  color: #3b82f6;
}

.landing-view-all-wrapper {
  align-items: center;
  display: flex;
}

.landing-view-all-link {
  color: #6b7280;
  font-size: .875rem;
  text-decoration: none;
  transition: color .3s;
}

.landing-view-all-link:hover {
  color: #3b82f6;
}

.landing-divider-section {
  width: 100%;
  margin-bottom: 1.5rem;
}

.landing-divider-icon {
  width: 100%;
  height: auto;
}

.landing-cards-section {
  width: 100%;
}

.landing-cards-container {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
  display: grid;
}

.medical-card-wrapper {
  cursor: pointer;
  border-radius: 1rem;
  width: 100%;
  height: 30rem;
  transition: transform .3s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 15px #0000001a;
}

.medical-card-wrapper:hover {
  transform: scale(1.05);
}

.medical-card-image-wrapper {
  position: absolute;
  inset: 0;
}

.medical-card-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.medical-card-image-shadow {
  background-color: #0006;
  position: absolute;
  inset: 0;
}

.medical-card-gradient-overlay {
  background: linear-gradient(to top, #000000e6 0%, #0003 50%, #0000 100%);
  position: absolute;
  inset: 0;
}

.medical-card-content {
  z-index: 10;
  color: #fff;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.medical-card-top-section {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.medical-card-id-badge {
  background-color: #00000080;
  border-radius: 9999px;
  padding: .5rem .75rem;
  font-size: .75rem;
  font-weight: 500;
}

.medical-card-sale-badge {
  border-radius: .5rem;
  padding: .5rem .75rem;
  font-size: .875rem;
  font-weight: 500;
}

.sale {
  background-color: #15b79e;
}

.rent-lease {
  background-color: #e31b54;
}

.exchange {
  background-color: #0ba5ec;
}

.medical-card-bottom-section {
  position: relative;
}

.medical-card-basic-content, .medical-card-hover-content {
  transition: all .3s;
}

.medical-card-basic-content.hidden, .medical-card-hover-content.hidden {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(1rem);
}

.medical-card-basic-content.visible, .medical-card-hover-content.visible {
  opacity: 1;
  transform: translateY(0);
}

.medical-card-location-date {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
}

.medical-card-location, .medical-card-date {
  align-items: center;
  gap: .25rem;
  display: flex;
}

.medical-card-location span, .medical-card-date span {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 250px;
  display: inline-block;
  overflow: hidden;
}

.medical-card-location {
  flex: 2;
  min-width: 0;
}

.medical-card-date {
  flex: 1;
  min-width: 0;
}

.medical-card-location-icon, .medical-card-date-icon {
  width: .875rem;
  height: .875rem;
}

.medical-card-title {
  color: #fff;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration: none;
  display: -webkit-box;
  overflow: hidden;
}

.medical-card-title:hover {
  color: #e5e7eb;
}

.starting-from-text {
  color: #d1d5db;
  margin-top: 13px;
  margin-bottom: -8px;
  font-size: .75rem;
  font-weight: 400;
  text-decoration: none;
}

.medical-card-hover-header {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: .75rem;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
}

.medical-card-hover-header .medical-card-location span, .medical-card-hover-header .medical-card-date span {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 250px;
  display: inline-block;
  overflow: hidden;
}

.medical-card-hover-header .medical-card-date {
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.medical-card-price-rating {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: .5rem;
  margin-bottom: 1rem;
  display: flex;
}

.medical-card-price {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.875rem;
}

.medical-card-unit {
  color: #d1d5db;
  white-space: normal;
  overflow-wrap: break-word;
  max-width: 100px;
  font-size: .625rem;
}

.medical-card-rating-section {
  text-align: right;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.medical-card-rating-badge {
  background-color: #fbbf24;
  border-radius: .375rem;
  justify-content: center;
  align-items: center;
  gap: .125rem;
  padding: .25rem .85rem;
  display: flex;
}

.medical-card-rating-number {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.medical-card-rating-max {
  color: #fff;
  font-size: .625rem;
}

.medical-card-reviews {
  color: #d1d5db;
  font-size: .625rem;
}

.medical-card-divider {
  object-fit: cover;
  width: 100%;
  height: 1px;
  margin: .75rem 0;
}

.medical-card-user-section {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.medical-card-user-info {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.medical-card-user-avatar {
  z-index: 1;
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 45px;
  height: 45px;
  position: relative;
}

.medical-card-user-name {
  font-size: .875rem;
  font-weight: 500;
}

.medical-card-user-company {
  color: #d1d5db;
  font-size: .75rem;
  font-weight: 400;
  text-decoration: none;
}

.medical-card-user-company:hover {
  color: #9ca3af;
}

.medical-card-action-icon {
  width: 1.25rem;
  height: 1.25rem;
  transition: opacity .3s;
  color: #f5f5f5 !important;
}

.medical-card-action-icon:hover {
  opacity: .7;
}

.landing-counter-card {
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30rem;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 15px #0000001a;
}

.landing-counter-card:hover {
  transform: scale(1.05);
}

.landing-counter-content {
  text-align: center;
}

.landing-counter-number {
  margin-bottom: .5rem;
  font-size: 3rem;
  font-weight: bold;
}

.landing-counter-category {
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.landing-counter-view-all {
  opacity: .8;
  font-size: .875rem;
}

@media (width >= 768px) {
  .landing-cards-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 1024px) {
  .landing-cards-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (width >= 1280px) {
  .landing-cards-container {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.navbar-rectangle-parent {
  box-sizing: border-box;
  z-index: 9999;
  color: #344054;
  background-color: #fff;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  padding: 14px 64px 14px 31px;
  display: flex;
  position: sticky;
  top: 0;
  align-items: center !important;
}

.navbar-top-header, .navbar-top-header-right-landing {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
  align-items: center !important;
}

.navbar-top-header-right-landing {
  flex: 1;
  gap: 38px;
  transition: gap .3s ease-in-out;
  align-items: center !important;
}

.navbar-top-header-right-landing.with-search {
  gap: 4px;
  align-items: center !important;
}

.navbar-nav-item-button:hover {
  background-color: #f9fafb;
}

.navbar-nav-item-base {
  background-color: #fff;
  border-radius: 9px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 90px;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
}

.navbar-nav-item-base:hover {
  background-color: #f9fafb;
}

.sell-button {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9 !important;
  border: 1px solid #7e56d9 !important;
  border-radius: 8px !important;
  transition: background-color .3s, border .3s, color .3s !important;
}

.sell-button {
  position: relative;
}

.sell-dropdown-wrapper {
  z-index: 1000;
  margin-top: 8px;
  position: absolute;
  top: 100%;
  left: 0;
}

.navbar-dot-icon {
  background-color: red;
  width: 10px;
  height: 10px;
  position: relative;
}

.navbar-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  display: none;
  position: relative;
  overflow: hidden;
}

.navbar-text {
  text-align: center;
  min-width: 40px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.navbar-text4 {
  text-align: center;
  min-width: 40px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.navbar-input-with-label-landing {
  opacity: 0;
  z-index: 10001;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 0;
  transition: all .3s ease-in-out, max-width .3s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateX(20px);
}

.navbar-input-with-label-landing.show-search {
  opacity: 1;
  z-index: 999998;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 500px;
  max-width: 500px;
  display: flex;
  transform: translateX(0);
}

.navbar-input-with-label-landing {
  z-index: 1;
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
}

.navbar-location-column-inner:hover {
  background-color: #f9fafb;
}

.navbar-avatar {
  z-index: 1;
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.new-dropdown-wrapper {
  z-index: 1;
  position: absolute;
  top: 60px;
}

@media screen and (width <= 750px) {
  .navbar-top-header-right-landing {
    gap: 19px;
  }

  .navbar-top-header {
    gap: 35px;
  }

  .navbar-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .navbar-input-with-label-landing.show-search {
    max-width: 350px;
  }
}

@media screen and (width <= 450px) {
  .navbar-top-header {
    gap: 17px;
  }

  .navbar-input-with-label-landing.show-search {
    max-width: 280px;
  }
}

.navbar-input-with-label-landing {
  z-index: 999997;
  transition: all .3s ease-in-out, max-width .3s ease-in-out;
  position: relative;
}

.navbar-input-with-label-landing.show-search {
  z-index: 999998 !important;
}

.navbar-input-with-label-landing .search-results-container {
  z-index: 999999 !important;
  position: absolute !important;
}

.navbar-rectangle-parent {
  overflow: visible !important;
}

.navbar-rectangle-parent.with-sticky-search {
  align-items: center;
  overflow: visible !important;
}

.navbar-rectangle-parent .navbar-input-with-label-landing .search-results-container {
  z-index: 999999 !important;
  margin-top: .5rem !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

.navbar-top-header-right-landing, .navbar-top-header-right-landing.with-search {
  overflow: visible !important;
}

.navbar-rectangle-parent.with-sticky-search {
  z-index: 9999;
  position: sticky;
  top: 0;
  overflow: visible;
}

.navbar-rectangle-parent.with-sticky-search .navbar-input-with-label-landing.show-search {
  z-index: 999998;
  position: relative;
  overflow: visible;
}

.navbar-rectangle-parent.with-sticky-search .search-results-container {
  z-index: 999999;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  margin-top: .5rem;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  box-shadow: 0 10px 15px #0000001a;
}

.navbar-input-with-label-landing .search-results-container {
  z-index: 999999 !important;
}

.navbar-input-with-label-landing.show-search, .navbar-rectangle-parent {
  overflow: visible;
}

.navbar-input-with-label-landing .landing-page-search-input {
  align-items: center;
  width: 100%;
  display: flex;
}

.navbar-input-with-label-landing .landing-page-search-custom-input::placeholder {
  color: #6b7280;
  opacity: 1;
}

.detailed-footer-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.detailed-footer-divider-icon29, .detailed-footer-section {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.detailed-footer-section {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  padding: 64px 0 48px;
  font-family: Inter;
  display: flex;
}

.detailed-footer-container, .detailed-footer-content8, .detailed-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.detailed-footer-container {
  flex: 1;
  max-width: 1280px;
}

.detailed-footer-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.detailed-footer-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.detailed-footer-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.detailed-footer-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.detailed-footer-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.detailed-footer-supporting-text44 {
  color: #475467;
  align-self: stretch;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.detailed-footer-breadcrumb-items {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 320px;
  display: flex;
  overflow: hidden;
}

.detailed-footer-linkedin-logo-2-icon {
  object-fit: cover;
  color: #686868;
  width: 30px;
  height: 30px;
  min-height: 30px;
  position: relative;
}

.detailed-footer-anchor:hover .detailed-footer-linkedin-logo-2-icon:hover {
  color: #000 !important;
}

.detailed-footer-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.detailed-footer-email-capture, .detailed-footer-links-and-newsletter, .detailed-footer-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-footer-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.detailed-footer-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.detailed-footer-footer-links2, .detailed-footer-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-footer-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.detailed-footer-heading40, .detailed-footer-text123 {
  font-weight: 600;
  position: relative;
}

.detailed-footer-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.detailed-footer-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.detailed-footer-buttonsbutton27, .detailed-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-footer-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.detailed-footer-link1 {
  color: #7e56d9;
  justify-content: flex-start;
}

.detailed-footer-link1:hover {
  color: #6941c6;
}

.detailed-footer-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-footer-text124, .detailed-footer-text125, .detailed-footer-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-footer-text125, .detailed-footer-text126 {
  min-width: 68px;
}

.detailed-footer-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.detailed-footer-badge36, .detailed-footer-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-footer-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.detailed-footer-text127, .detailed-footer-text128, .detailed-footer-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-footer-text128, .detailed-footer-text129 {
  min-width: 97px;
}

.detailed-footer-text129 {
  min-width: 81px;
}

.detailed-footer-links-column, .detailed-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.detailed-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.detailed-footer-text130, .detailed-footer-text131, .detailed-footer-text132, .detailed-footer-text133, .detailed-footer-text134, .detailed-footer-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-footer-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.detailed-footer-input-with-label6, .detailed-footer-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.detailed-footer-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-footer-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-footer-help-icon, .detailed-footer-label6 {
  display: none;
  position: relative;
}

.detailed-footer-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-footer-button-wrap, .detailed-footer-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-footer-button-wrap {
  justify-content: flex-start;
}

.detailed-footer-placeholder, .detailed-footer-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.detailed-footer-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  margin: 0;
  padding-top: 3px;
  padding-bottom: 3px;
}

.detailed-footer-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-footer-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-footer-buttonsbutton39:hover {
  cursor: pointer;
  background-color: #6941c6;
}

.detailed-footer-buttonsbutton1, .detailed-footer-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.detailed-footer-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-footer-footer1, .detailed-footer-listings-detailed-page-devic, .detailed-footer-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.detailed-footer-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.detailed-footer-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.detailed-footer-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.detailed-footer-content10, .detailed-footer-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-footer-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.detailed-footer-text {
  color: #475467;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
}

.detailed-footer-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.detailed-footer-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.detailed-text {
  color: #475467;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
}

.detailed-footer-logomark, .detailed-footer-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-footer-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

@media screen and (width <= 1275px) {
  .detailed-footer-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .detailed-footer-breadcrumb-controls1 {
    flex: 1;
  }

  .detailed-footer-breadcrumb-container {
    flex-wrap: wrap;
  }

  .detailed-footer-service-card {
    flex: 1;
  }

  .detailed-footer-listing-content {
    flex-wrap: wrap;
  }

  .detailed-footer-container, .detailed-footer-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .detailed-footer-client-review, .detailed-footer-content4, .detailed-footer-description-columns-first, .detailed-footer-download-items, .detailed-footer-gallery-images, .detailed-footer-rectangle-group, .detailed-footer-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .detailed-footer-description-block-parent {
    min-width: 100%;
  }

  .detailed-footer-client-feedback, .detailed-footer-client-message, .detailed-footer-listing-image-grid, .detailed-footer-listing-image-grid1, .detailed-footer-pagination-wrapper, .detailed-footer-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-footer-heading-parent3 {
    flex-wrap: wrap;
  }

  .detailed-footer-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .detailed-footer-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .detailed-footer-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .detailed-footer-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .detailed-footer-actions, .detailed-footer-file-upload-item-base {
    flex-wrap: wrap;
  }

  .detailed-footer-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .detailed-footer-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .detailed-footer-review-stars {
    min-width: 100%;
  }

  .detailed-footer-review-container, .detailed-footer-review-stars {
    flex-wrap: wrap;
  }

  .detailed-footer-client-review-header {
    min-width: 100%;
  }

  .detailed-footer-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-footer-service-card {
    min-width: 100%;
  }

  .detailed-footer-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-footer-feedback-header {
    min-width: 100%;
  }

  .detailed-footer-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .detailed-footer-frame-parent3 {
    flex-wrap: wrap;
  }

  .detailed-footer-textarea-input-field {
    max-width: 100%;
  }

  .detailed-footer-content6 {
    gap: 16px;
  }

  .detailed-footer-textarea-input-field1 {
    max-width: 100%;
  }

  .detailed-footer-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-footer-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .detailed-footer-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .detailed-footer-links {
    flex: 1;
  }

  .detailed-footer-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .detailed-footer-container {
    gap: 24px;
  }

  .detailed-footer-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-footer-footer {
    gap: 24px;
    height: auto;
  }

  .detailed-footer-container1 {
    gap: 16px;
  }

  .detailed-footer-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .detailed-footer-header-container {
    gap: 17px;
  }

  .detailed-footer-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .detailed-footer-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-footer-button-row, .detailed-footer-contact-details {
    flex-wrap: wrap;
  }

  .detailed-footer-gallery-images-container, .detailed-footer-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .detailed-footer-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .detailed-footer-input-dropdown {
    max-width: 100%;
  }

  .detailed-footer-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .detailed-footer-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .detailed-footer-rectangle-parent1 {
    flex: 1;
  }

  .detailed-footer-review-container {
    gap: 16px;
  }

  .detailed-footer-price {
    font-size: 21px;
    line-height: 26px;
  }

  .detailed-footer-header-content1, .detailed-footer-professional-details, .detailed-footer-testimonial-item {
    flex-wrap: wrap;
  }

  .detailed-footer-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .detailed-footer-review-form {
    gap: 25px;
  }

  .detailed-footer-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .detailed-footer-links, .detailed-footer-logo-and-supporting-text {
    gap: 16px;
  }

  .detailed-footer-email-capture {
    flex-wrap: wrap;
  }

  .detailed-footer-section {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .detailed-footer-footer1 {
    gap: 16px;
  }
}

.sales-iq-detail-spare-main-custom {
  width: 100% !important;
}

.sales-iq-detail-spare-search-lg-icon-custom {
  cursor: pointer;
}

.sales-iq-detail-spare-sales-iq-detail-spare-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-spare-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-badge1, .sales-iq-detail-spare-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sales-iq-detail-spare-navigation, .sales-iq-detail-spare-search-input {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.sales-iq-detail-spare-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-content3, .sales-iq-detail-spare-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-content3 {
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-spare-divider-icon, .sales-iq-detail-spare-home-line-icon {
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.sales-iq-detail-spare-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sales-iq-detail-spare-content12, .sales-iq-detail-spare-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.sales-iq-detail-spare-content5, .sales-iq-detail-spare-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.sales-iq-detail-spare-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.sales-iq-detail-spare-supporting-text, .sales-iq-detail-spare-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-title {
  font-weight: 600;
}

.sales-iq-detail-spare-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.sales-iq-detail-spare-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.sales-iq-detail-spare-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.sales-iq-detail-spare-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.sales-iq-detail-spare-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.sales-iq-detail-spare-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-breadcrumb-button-base4 {
  color: #344054;
  background-color: #0000;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.sales-iq-detail-spare-tabs {
  gap: 8px;
}

.sales-iq-detail-spare-breadcrumbs, .sales-iq-detail-spare-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-heading, .sales-iq-detail-spare-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.sales-iq-detail-spare-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-detail-spare-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.sales-iq-detail-spare-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-spare-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-spare-button, .sales-iq-detail-spare-button1, .sales-iq-detail-spare-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-spare-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.sales-iq-detail-spare-button1, .sales-iq-detail-spare-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.sales-iq-detail-spare-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.sales-iq-detail-spare-actions, .sales-iq-detail-spare-button2, .sales-iq-detail-spare-button3 {
  flex-direction: row;
  align-items: center;
}

.sales-iq-detail-spare-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.sales-iq-detail-spare-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-button4, .sales-iq-detail-spare-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.sales-iq-detail-spare-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-button6, .sales-iq-detail-spare-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-spare-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-content13, .sales-iq-detail-spare-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.sales-iq-detail-spare-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.sales-iq-detail-spare-content13, .sales-iq-detail-spare-divider-icon1, .sales-iq-detail-spare-page-header {
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-spare-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-spare-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-spare-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-button-group-base1, .sales-iq-detail-spare-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-spare-button-group-base2 {
  width: 77px;
}

.sales-iq-detail-spare-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-button-group-base3, .sales-iq-detail-spare-button-group-base4, .sales-iq-detail-spare-button-group-base5, .sales-iq-detail-spare-button-group-base6, .sales-iq-detail-spare-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.sales-iq-detail-spare-button-group-base4, .sales-iq-detail-spare-button-group-base5, .sales-iq-detail-spare-button-group-base6, .sales-iq-detail-spare-button-group-base7 {
  z-index: 4;
}

.sales-iq-detail-spare-button-group-base5, .sales-iq-detail-spare-button-group-base6, .sales-iq-detail-spare-button-group-base7 {
  z-index: 3;
}

.sales-iq-detail-spare-button-group-base6, .sales-iq-detail-spare-button-group-base7 {
  z-index: 2;
}

.sales-iq-detail-spare-button-group-base7 {
  z-index: 1;
}

.sales-iq-detail-spare-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-button-group, .sales-iq-detail-spare-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-spare-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.sales-iq-detail-spare-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-actions2, .sales-iq-detail-spare-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.sales-iq-detail-spare-container, .sales-iq-detail-spare-header-section, .sales-iq-detail-spare-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.sales-iq-detail-spare-container, .sales-iq-detail-spare-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.sales-iq-detail-spare-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.sales-iq-detail-spare-header-section {
  flex-shrink: 0;
}

.sales-iq-detail-spare-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-spare-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.sales-iq-detail-spare-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-spare-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-spare-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-color2, .sales-iq-detail-spare-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-spare-color3 {
  background-color: #17b26a;
}

.sales-iq-detail-spare-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.sales-iq-detail-spare-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-spare-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.sales-iq-detail-spare-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-spare-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-spare-divider, .sales-iq-detail-spare-y-axis-line, .sales-iq-detail-spare-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-spare-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.sales-iq-detail-spare-y-axis-line, .sales-iq-detail-spare-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.sales-iq-detail-spare-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.sales-iq-detail-spare-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.sales-iq-detail-spare-y-axis, .sales-iq-detail-spare-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-spare-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.sales-iq-detail-spare-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.sales-iq-detail-spare-jan, .sales-iq-detail-spare-jul, .sales-iq-detail-spare-jun, .sales-iq-detail-spare-mar, .sales-iq-detail-spare-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-jul, .sales-iq-detail-spare-jun, .sales-iq-detail-spare-mar, .sales-iq-detail-spare-may {
  min-width: 23px;
}

.sales-iq-detail-spare-jul, .sales-iq-detail-spare-jun, .sales-iq-detail-spare-may {
  min-width: 25px;
}

.sales-iq-detail-spare-jul, .sales-iq-detail-spare-jun {
  min-width: 22px;
}

.sales-iq-detail-spare-jul {
  min-width: 17px;
}

.sales-iq-detail-spare-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-spare-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.sales-iq-detail-spare-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-spare-line-and-bar-chart, .sales-iq-detail-spare-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-line-and-bar-chart {
  flex: 1;
}

.sales-iq-detail-spare-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.sales-iq-detail-spare-heading1, .sales-iq-detail-spare-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-spare-number {
  white-space: nowrap;
  line-height: 38px;
}

.sales-iq-detail-spare-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-change-and-text, .sales-iq-detail-spare-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-spare-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.sales-iq-detail-spare-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.sales-iq-detail-spare-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-spare-dropdown, .sales-iq-detail-spare-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.sales-iq-detail-spare-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-detail-spare-change-and-text1, .sales-iq-detail-spare-container1, .sales-iq-detail-spare-metric-group, .sales-iq-detail-spare-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sales-iq-detail-spare-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-spare-container1, .sales-iq-detail-spare-metric-group, .sales-iq-detail-spare-section {
  align-items: flex-start;
  max-width: 100%;
}

.sales-iq-detail-spare-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.sales-iq-detail-spare-container1, .sales-iq-detail-spare-section {
  flex-direction: column;
}

.sales-iq-detail-spare-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.sales-iq-detail-spare-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.sales-iq-detail-spare-separator, .sales-iq-detail-spare-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.sales-iq-detail-spare-separator1 {
  height: 43px;
}

.sales-iq-detail-spare-main, .sales-iq-detail-spare-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.sales-iq-detail-spare-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.sales-iq-detail-spare-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-breadcrumb-button-base6, .sales-iq-detail-spare-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.sales-iq-detail-spare-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.sales-iq-detail-spare-breadcrumbs1, .sales-iq-detail-spare-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sales-iq-detail-spare-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.sales-iq-detail-spare-breadcrumbs1 {
  width: 278px;
  display: none;
}

.sales-iq-detail-spare-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.sales-iq-detail-spare-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.sales-iq-detail-spare-content16, .sales-iq-detail-spare-input-with-label1, .sales-iq-detail-spare-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sales-iq-detail-spare-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sales-iq-detail-spare-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.sales-iq-detail-spare-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.sales-iq-detail-spare-content15, .sales-iq-detail-spare-page-header-wrapper, .sales-iq-detail-spare-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.sales-iq-detail-spare-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.sales-iq-detail-spare-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-spare-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.sales-iq-detail-spare-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.sales-iq-detail-spare-text49, .sales-iq-detail-spare-text50, .sales-iq-detail-spare-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-text50, .sales-iq-detail-spare-text51 {
  min-width: 62px;
}

.sales-iq-detail-spare-text51 {
  min-width: 34px;
}

.sales-iq-detail-spare-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.sales-iq-detail-spare-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.sales-iq-detail-spare-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sales-iq-detail-spare-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-spare-tab-button-base7, .sales-iq-detail-spare-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.sales-iq-detail-spare-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.sales-iq-detail-spare-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.sales-iq-detail-spare-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.sales-iq-detail-spare-horizontal-tabs, .sales-iq-detail-spare-horizontal-tabs-wrapper, .sales-iq-detail-spare-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-spare-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.sales-iq-detail-spare-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.sales-iq-detail-spare-dropdown3, .sales-iq-detail-spare-metric-card, .sales-iq-detail-spare-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.sales-iq-detail-spare-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.sales-iq-detail-spare-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-spare-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.sales-iq-detail-spare-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.sales-iq-detail-spare-frame-inner, .sales-iq-detail-spare-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.sales-iq-detail-spare-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.sales-iq-detail-spare-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-heading5, .sales-iq-detail-spare-number4 {
  z-index: 1;
  position: relative;
}

.sales-iq-detail-spare-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-spare-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.sales-iq-detail-spare-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.sales-iq-detail-spare-badge12, .sales-iq-detail-spare-frame-container, .sales-iq-detail-spare-heading-parent, .sales-iq-detail-spare-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.sales-iq-detail-spare-frame-container, .sales-iq-detail-spare-rectangle-container {
  box-sizing: border-box;
}

.sales-iq-detail-spare-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.sales-iq-detail-spare-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.sales-iq-detail-spare-heading-group {
  gap: 8px;
  width: 153px;
}

.sales-iq-detail-spare-dropdown7, .sales-iq-detail-spare-heading-container, .sales-iq-detail-spare-heading-group, .sales-iq-detail-spare-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-heading-container {
  gap: 8px;
  width: 163px;
}

.sales-iq-detail-spare-dropdown7, .sales-iq-detail-spare-heading-parent1 {
  flex-shrink: 0;
}

.sales-iq-detail-spare-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.sales-iq-detail-spare-dropdown7 {
  z-index: 1;
}

.sales-iq-detail-spare-frame-group, .sales-iq-detail-spare-frame-wrapper, .sales-iq-detail-spare-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.sales-iq-detail-spare-frame-group, .sales-iq-detail-spare-frame-wrapper {
  max-width: 100%;
}

.sales-iq-detail-spare-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.sales-iq-detail-spare-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.sales-iq-detail-spare-text62, .sales-iq-detail-spare-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-text63 {
  min-width: 74px;
}

.sales-iq-detail-spare-buttonsbutton4, .sales-iq-detail-spare-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.sales-iq-detail-spare-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-dropdowns, .sales-iq-detail-spare-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.sales-iq-detail-spare-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-input-dropdown2, .sales-iq-detail-spare-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.sales-iq-detail-spare-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.sales-iq-detail-spare-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.sales-iq-detail-spare-content17, .sales-iq-detail-spare-filters-bar, .sales-iq-detail-spare-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.sales-iq-detail-spare-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.sales-iq-detail-spare-frame-child3, .sales-iq-detail-spare-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.sales-iq-detail-spare-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.sales-iq-detail-spare-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.sales-iq-detail-spare-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-spare-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.sales-iq-detail-spare-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-spare-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-detail-spare-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-location-badge, .sales-iq-detail-spare-location-badge-number, .sales-iq-detail-spare-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.sales-iq-detail-spare-location-badge, .sales-iq-detail-spare-type-number {
  box-sizing: border-box;
}

.sales-iq-detail-spare-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.sales-iq-detail-spare-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.sales-iq-detail-spare-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.sales-iq-detail-spare-location-elements, .sales-iq-detail-spare-type-badge-elements, .sales-iq-detail-spare-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.sales-iq-detail-spare-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.sales-iq-detail-spare-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-spare-badge-elements, .sales-iq-detail-spare-badge-elements-wrapper, .sales-iq-detail-spare-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.sales-iq-detail-spare-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.sales-iq-detail-spare-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-action-fields, .sales-iq-detail-spare-card-elements, .sales-iq-detail-spare-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.sales-iq-detail-spare-action-fields, .sales-iq-detail-spare-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.sales-iq-detail-spare-input-elements {
  align-self: stretch;
  gap: 16px;
}

.sales-iq-detail-spare-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.sales-iq-detail-spare-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-spare-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-frame-wrapper3, .sales-iq-detail-spare-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-spare-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.sales-iq-detail-spare-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.sales-iq-detail-spare-dropdown-elements, .sales-iq-detail-spare-dropdown-options-parent, .sales-iq-detail-spare-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.sales-iq-detail-spare-price-parent {
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-spare-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.sales-iq-detail-spare-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-detail-spare-content-actions, .sales-iq-detail-spare-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.sales-iq-detail-spare-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.sales-iq-detail-spare-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.sales-iq-detail-spare-name, .sales-iq-detail-spare-role {
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.sales-iq-detail-spare-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.sales-iq-detail-spare-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-detail-spare-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.sales-iq-detail-spare-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.sales-iq-detail-spare-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-buttonsbutton8, .sales-iq-detail-spare-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-spare-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.sales-iq-detail-spare-buttonsbutton-parent, .sales-iq-detail-spare-primary-table, .sales-iq-detail-spare-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.sales-iq-detail-spare-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.sales-iq-detail-spare-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.sales-iq-detail-spare-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-content-items, .sales-iq-detail-spare-help-avatar, .sales-iq-detail-spare-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.sales-iq-detail-spare-content-items, .sales-iq-detail-spare-rectangle-parent3 {
  box-sizing: border-box;
}

.sales-iq-detail-spare-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.sales-iq-detail-spare-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.sales-iq-detail-spare-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-spare-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-spare-badge-parent, .sales-iq-detail-spare-badge23, .sales-iq-detail-spare-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.sales-iq-detail-spare-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-spare-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-badge23, .sales-iq-detail-spare-badge24, .sales-iq-detail-spare-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.sales-iq-detail-spare-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.sales-iq-detail-spare-badge24, .sales-iq-detail-spare-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-badge-elements-copy, .sales-iq-detail-spare-badge25, .sales-iq-detail-spare-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.sales-iq-detail-spare-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.sales-iq-detail-spare-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-spare-badge26, .sales-iq-detail-spare-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.sales-iq-detail-spare-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-badge27, .sales-iq-detail-spare-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.sales-iq-detail-spare-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.sales-iq-detail-spare-frame-parent1, .sales-iq-detail-spare-frame-parent2, .sales-iq-detail-spare-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.sales-iq-detail-spare-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.sales-iq-detail-spare-frame-child5, .sales-iq-detail-spare-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.sales-iq-detail-spare-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.sales-iq-detail-spare-frame-child7, .sales-iq-detail-spare-text78 {
  z-index: 2;
  position: relative;
}

.sales-iq-detail-spare-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.sales-iq-detail-spare-text78 {
  font-weight: 600;
  line-height: 28px;
}

.sales-iq-detail-spare-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-location3, .sales-iq-detail-spare-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-type-of-work2 {
  min-width: 109px;
}

.sales-iq-detail-spare-frame-parent12, .sales-iq-detail-spare-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.sales-iq-detail-spare-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.sales-iq-detail-spare-badge29, .sales-iq-detail-spare-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.sales-iq-detail-spare-badge30 {
  width: 76px;
}

.sales-iq-detail-spare-badge-container, .sales-iq-detail-spare-badge30, .sales-iq-detail-spare-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.sales-iq-detail-spare-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-spare-badge-container, .sales-iq-detail-spare-badge32, .sales-iq-detail-spare-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.sales-iq-detail-spare-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.sales-iq-detail-spare-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-spare-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge33, .sales-iq-detail-spare-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-spare-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.sales-iq-detail-spare-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-price2, .sales-iq-detail-spare-text83 {
  position: relative;
}

.sales-iq-detail-spare-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.sales-iq-detail-spare-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-spare-radar-1-1-container, .sales-iq-detail-spare-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.sales-iq-detail-spare-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.sales-iq-detail-spare-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.sales-iq-detail-spare-name2, .sales-iq-detail-spare-role2 {
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.sales-iq-detail-spare-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.sales-iq-detail-spare-buttonsbutton13, .sales-iq-detail-spare-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-spare-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.sales-iq-detail-spare-buttonsbutton14, .sales-iq-detail-spare-buttonsbutton15, .sales-iq-detail-spare-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.sales-iq-detail-spare-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.sales-iq-detail-spare-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.sales-iq-detail-spare-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.sales-iq-detail-spare-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-frame-wrapper16, .sales-iq-detail-spare-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.sales-iq-detail-spare-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.sales-iq-detail-spare-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.sales-iq-detail-spare-divider-icon5, .sales-iq-detail-spare-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.sales-iq-detail-spare-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-spare-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-spare-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.sales-iq-detail-spare-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge34, .sales-iq-detail-spare-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.sales-iq-detail-spare-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-spare-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-badge36, .sales-iq-detail-spare-badge37, .sales-iq-detail-spare-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.sales-iq-detail-spare-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-spare-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.sales-iq-detail-spare-badge38, .sales-iq-detail-spare-frame-parent26, .sales-iq-detail-spare-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.sales-iq-detail-spare-badge39, .sales-iq-detail-spare-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.sales-iq-detail-spare-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-element-details-child, .sales-iq-detail-spare-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.sales-iq-detail-spare-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.sales-iq-detail-spare-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-detail-spare-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.sales-iq-detail-spare-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-spare-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-detail-spare-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-spare-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-date-icon, .sales-iq-detail-spare-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-type-label {
  color: #101828;
  font-size: 14px;
}

.sales-iq-detail-spare-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.sales-iq-detail-spare-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-spare-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-work-type-icon, .sales-iq-detail-spare-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.sales-iq-detail-spare-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.sales-iq-detail-spare-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.sales-iq-detail-spare-action-icons, .sales-iq-detail-spare-calendar-icon6, .sales-iq-detail-spare-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.sales-iq-detail-spare-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.sales-iq-detail-spare-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.sales-iq-detail-spare-element-actions, .sales-iq-detail-spare-element-details-parent, .sales-iq-detail-spare-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.sales-iq-detail-spare-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.sales-iq-detail-spare-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.sales-iq-detail-spare-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-spare-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.sales-iq-detail-spare-frame-parent32, .sales-iq-detail-spare-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.sales-iq-detail-spare-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.sales-iq-detail-spare-dropdown-parent1, .sales-iq-detail-spare-frame-parent31, .sales-iq-detail-spare-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.sales-iq-detail-spare-dropdown-parent1, .sales-iq-detail-spare-frame-parent31 {
  align-items: flex-end;
}

.sales-iq-detail-spare-frame-parent31 {
  flex: 1;
}

.sales-iq-detail-spare-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.sales-iq-detail-spare-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.sales-iq-detail-spare-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-detail-spare-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.sales-iq-detail-spare-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-spare-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.sales-iq-detail-spare-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.sales-iq-detail-spare-span {
  font-weight: 500;
}

.sales-iq-detail-spare-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.sales-iq-detail-spare-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-spare-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-frame-parent36, .sales-iq-detail-spare-frame-parent37, .sales-iq-detail-spare-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-spare-frame-parent37, .sales-iq-detail-spare-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.sales-iq-detail-spare-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.sales-iq-detail-spare-text105, .sales-iq-detail-spare-text106, .sales-iq-detail-spare-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-spare-text105, .sales-iq-detail-spare-text106 {
  display: inline-block;
}

.sales-iq-detail-spare-text105 {
  min-width: 103px;
}

.sales-iq-detail-spare-text106 {
  flex-shrink: 0;
  width: 151px;
}

.sales-iq-detail-spare-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.sales-iq-detail-spare-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.sales-iq-detail-spare-supporting-text20, .sales-iq-detail-spare-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-supporting-text20 {
  min-width: 70.9px;
}

.sales-iq-detail-spare-supporting-text21 {
  width: 104px;
}

.sales-iq-detail-spare-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-spare-frame-parent33, .sales-iq-detail-spare-frame-parent34, .sales-iq-detail-spare-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.sales-iq-detail-spare-frame-parent33, .sales-iq-detail-spare-frame-parent34 {
  flex: 1;
}

.sales-iq-detail-spare-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.sales-iq-detail-spare-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.sales-iq-detail-spare-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-buttonsbutton-wrapper, .sales-iq-detail-spare-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.sales-iq-detail-spare-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-dropdown-parent2, .sales-iq-detail-spare-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.sales-iq-detail-spare-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.sales-iq-detail-spare-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.sales-iq-detail-spare-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-spare-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.sales-iq-detail-spare-content-items5, .sales-iq-detail-spare-frame-child16, .sales-iq-detail-spare-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.sales-iq-detail-spare-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-spare-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-spare-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.sales-iq-detail-spare-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-spare-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-spare-frame-parent39, .sales-iq-detail-spare-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.sales-iq-detail-spare-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.sales-iq-detail-spare-dropdown14, .sales-iq-detail-spare-text112 {
  z-index: 1;
  position: absolute;
}

.sales-iq-detail-spare-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.sales-iq-detail-spare-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.sales-iq-detail-spare-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-spare-price6, .sales-iq-detail-spare-text113 {
  z-index: 1;
  position: relative;
}

.sales-iq-detail-spare-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-spare-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.sales-iq-detail-spare-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.sales-iq-detail-spare-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.sales-iq-detail-spare-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-spare-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.sales-iq-detail-spare-frame-parent46, .sales-iq-detail-spare-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.sales-iq-detail-spare-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.sales-iq-detail-spare-frame-parent45, .sales-iq-detail-spare-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.sales-iq-detail-spare-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.sales-iq-detail-spare-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.sales-iq-detail-spare-card-container-child, .sales-iq-detail-spare-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.sales-iq-detail-spare-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.sales-iq-detail-spare-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-spare-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-detail-spare-dropdown15, .sales-iq-detail-spare-item-title {
  z-index: 2;
  position: absolute;
}

.sales-iq-detail-spare-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.sales-iq-detail-spare-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.sales-iq-detail-spare-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-spare-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-spare-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.sales-iq-detail-spare-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.sales-iq-detail-spare-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-spare-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.sales-iq-detail-spare-card-container, .sales-iq-detail-spare-card-list, .sales-iq-detail-spare-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.sales-iq-detail-spare-card-container, .sales-iq-detail-spare-card-list {
  align-items: flex-start;
}

.sales-iq-detail-spare-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.sales-iq-detail-spare-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.sales-iq-detail-spare-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.sales-iq-detail-spare-frame-wrapper37, .sales-iq-detail-spare-price-wrapper, .sales-iq-detail-spare-text-wrapper18, .sales-iq-detail-spare-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.sales-iq-detail-spare-frame-wrapper37, .sales-iq-detail-spare-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.sales-iq-detail-spare-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.sales-iq-detail-spare-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.sales-iq-detail-spare-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.sales-iq-detail-spare-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.sales-iq-detail-spare-buttonsbutton-frame, .sales-iq-detail-spare-frame-parent64, .sales-iq-detail-spare-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.sales-iq-detail-spare-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.sales-iq-detail-spare-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.sales-iq-detail-spare-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-spare-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-change7, .sales-iq-detail-spare-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-change7 {
  min-width: 38px;
  display: inline-block;
}

.sales-iq-detail-spare-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.sales-iq-detail-spare-change-and-text3, .sales-iq-detail-spare-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-spare-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.sales-iq-detail-spare-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-spare-dropdown19, .sales-iq-detail-spare-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-detail-spare-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-buttonsbutton25, .sales-iq-detail-spare-buttonsbutton26, .sales-iq-detail-spare-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.sales-iq-detail-spare-buttonsbutton25, .sales-iq-detail-spare-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-spare-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-spare-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.sales-iq-detail-spare-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.sales-iq-detail-spare-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-arrow-square-up-right-wrapper1, .sales-iq-detail-spare-buttonsbutton-parent1, .sales-iq-detail-spare-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.sales-iq-detail-spare-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.sales-iq-detail-spare-divider-container1, .sales-iq-detail-spare-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.sales-iq-detail-spare-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.sales-iq-detail-spare-buttonsbutton-wrapper1, .sales-iq-detail-spare-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.sales-iq-detail-spare-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-spare-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sales-iq-detail-spare-badge46, .sales-iq-detail-spare-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-spare-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.sales-iq-detail-spare-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-actions3, .sales-iq-detail-spare-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.sales-iq-detail-spare-content20, .sales-iq-detail-spare-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-spare-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-spare-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-card-header, .sales-iq-detail-spare-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.sales-iq-detail-spare-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.sales-iq-detail-spare-button-group-base9, .sales-iq-detail-spare-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-spare-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.sales-iq-detail-spare-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.sales-iq-detail-spare-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-spare-button-group-base10, .sales-iq-detail-spare-button-group-base11, .sales-iq-detail-spare-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.sales-iq-detail-spare-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.sales-iq-detail-spare-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-spare-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-content22, .sales-iq-detail-spare-input-with-label3, .sales-iq-detail-spare-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.sales-iq-detail-spare-input-with-label3, .sales-iq-detail-spare-input3 {
  align-self: stretch;
}

.sales-iq-detail-spare-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.sales-iq-detail-spare-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sales-iq-detail-spare-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.sales-iq-detail-spare-actions4, .sales-iq-detail-spare-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.sales-iq-detail-spare-content-items9, .sales-iq-detail-spare-content21, .sales-iq-detail-spare-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.sales-iq-detail-spare-content-items9, .sales-iq-detail-spare-filters-bar1 {
  justify-content: flex-start;
}

.sales-iq-detail-spare-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-spare-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.sales-iq-detail-spare-badge-number1, .sales-iq-detail-spare-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.sales-iq-detail-spare-badge47, .sales-iq-detail-spare-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-spare-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.sales-iq-detail-spare-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-spare-actions5, .sales-iq-detail-spare-card-header1, .sales-iq-detail-spare-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.sales-iq-detail-spare-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.sales-iq-detail-spare-card-header1, .sales-iq-detail-spare-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.sales-iq-detail-spare-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.sales-iq-detail-spare-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-spare-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.sales-iq-detail-spare-checkbox-wrapper, .sales-iq-detail-spare-sub-nav-items-wrapper, .sales-iq-detail-spare-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.sales-iq-detail-spare-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.sales-iq-detail-spare-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-avatar2, .sales-iq-detail-spare-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.sales-iq-detail-spare-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.sales-iq-detail-spare-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.sales-iq-detail-spare-account-button, .sales-iq-detail-spare-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-account-button {
  min-width: 75px;
  font-weight: 500;
}

.sales-iq-detail-spare-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.sales-iq-detail-spare-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-spare-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-spare-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-spare-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-spare-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-spare-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-contrast-border6, .sales-iq-detail-spare-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.sales-iq-detail-spare-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.sales-iq-detail-spare-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-spare-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.sales-iq-detail-spare-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-button-upload, .sales-iq-detail-spare-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-spare-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-spare-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-spare-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-spare-table-cell6, .sales-iq-detail-spare-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-spare-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.sales-iq-detail-spare-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-spare-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-spare-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-spare-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-spare-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-spare-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-table-cell15, .sales-iq-detail-spare-table-cell16, .sales-iq-detail-spare-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-spare-table-cell16, .sales-iq-detail-spare-table-cell18 {
  width: 271px;
}

.sales-iq-detail-spare-table-cell18 {
  width: 239px;
}

.sales-iq-detail-spare-column, .sales-iq-detail-spare-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-spare-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.sales-iq-detail-spare-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.sales-iq-detail-spare-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-spare-user-cell2, .sales-iq-detail-spare-user-cell3, .sales-iq-detail-spare-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-user-cell3, .sales-iq-detail-spare-user-cell4 {
  min-width: 84px;
}

.sales-iq-detail-spare-user-cell4 {
  min-width: 82px;
}

.sales-iq-detail-spare-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-spare-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.sales-iq-detail-spare-user-cell5, .sales-iq-detail-spare-user-cell6, .sales-iq-detail-spare-user-cell7 {
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.sales-iq-detail-spare-user-cell7 {
  white-space: nowrap;
}

.sales-iq-detail-spare-column1, .sales-iq-detail-spare-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.sales-iq-detail-spare-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.sales-iq-detail-spare-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-column2, .sales-iq-detail-spare-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.sales-iq-detail-spare-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-spare-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-button-wrap, .sales-iq-detail-spare-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.sales-iq-detail-spare-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.sales-iq-detail-spare-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-content24, .sales-iq-detail-spare-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-content24 {
  padding: 10px 16px;
}

.sales-iq-detail-spare-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.sales-iq-detail-spare-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-content25, .sales-iq-detail-spare-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-content25 {
  padding: 10px 15px;
}

.sales-iq-detail-spare-pagination-number-base1 {
  overflow: hidden;
}

.sales-iq-detail-spare-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-content26, .sales-iq-detail-spare-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-content26 {
  padding: 10px 15px;
}

.sales-iq-detail-spare-pagination-number-base2 {
  overflow: hidden;
}

.sales-iq-detail-spare-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.sales-iq-detail-spare-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-content30, .sales-iq-detail-spare-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.sales-iq-detail-spare-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.sales-iq-detail-spare-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-button-wrap1, .sales-iq-detail-spare-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.sales-iq-detail-spare-pagination, .sales-iq-detail-spare-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.sales-iq-detail-spare-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-spare-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.sales-iq-detail-spare-content-items10, .sales-iq-detail-spare-content-items11, .sales-iq-detail-spare-table-cell41, .sales-iq-detail-spare-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.sales-iq-detail-spare-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-spare-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-spare-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.sales-iq-detail-spare-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-spare-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-table-cell50, .sales-iq-detail-spare-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.sales-iq-detail-spare-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.sales-iq-detail-spare-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.sales-iq-detail-spare-column3, .sales-iq-detail-spare-table-cell52, .sales-iq-detail-spare-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.sales-iq-detail-spare-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.sales-iq-detail-spare-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.sales-iq-detail-spare-marker-pin-02-group, .sales-iq-detail-spare-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-marker-pin-02-group {
  gap: 7px;
}

.sales-iq-detail-spare-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.sales-iq-detail-spare-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.sales-iq-detail-spare-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.sales-iq-detail-spare-column-wrapper, .sales-iq-detail-spare-column4, .sales-iq-detail-spare-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.sales-iq-detail-spare-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-spare-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.sales-iq-detail-spare-column5, .sales-iq-detail-spare-column6, .sales-iq-detail-spare-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.sales-iq-detail-spare-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.sales-iq-detail-spare-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-spare-column-parent, .sales-iq-detail-spare-frame-parent74, .sales-iq-detail-spare-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.sales-iq-detail-spare-frame-parent74, .sales-iq-detail-spare-pagination1 {
  align-self: stretch;
}

.sales-iq-detail-spare-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.sales-iq-detail-spare-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.sales-iq-detail-spare-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-badge50, .sales-iq-detail-spare-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-spare-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.sales-iq-detail-spare-content-items14, .sales-iq-detail-spare-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.sales-iq-detail-spare-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.sales-iq-detail-spare-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-button-group-base27, .sales-iq-detail-spare-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-spare-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.sales-iq-detail-spare-button-group-base28 {
  background-color: #fff;
}

.sales-iq-detail-spare-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.sales-iq-detail-spare-filter-bar-container, .sales-iq-detail-spare-frame-parent, .sales-iq-detail-spare-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.sales-iq-detail-spare-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.sales-iq-detail-spare-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-spare-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.sales-iq-detail-spare-buttonsbutton33, .sales-iq-detail-spare-content45, .sales-iq-detail-spare-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.sales-iq-detail-spare-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-actions11, .sales-iq-detail-spare-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-spare-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.sales-iq-detail-spare-empty-state, .sales-iq-detail-spare-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.sales-iq-detail-spare-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.sales-iq-detail-spare-empty-state-wrapper, .sales-iq-detail-spare-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.sales-iq-detail-spare-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.sales-iq-detail-spare-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-spare-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.sales-iq-detail-spare-content46, .sales-iq-detail-spare-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.sales-iq-detail-spare-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.sales-iq-detail-spare-add, .sales-iq-detail-spare-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-learn-more {
  min-width: 88px;
}

.sales-iq-detail-spare-actions12, .sales-iq-detail-spare-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-spare-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.sales-iq-detail-spare-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.sales-iq-detail-spare-empty-state-container, .sales-iq-detail-spare-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.sales-iq-detail-spare-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.sales-iq-detail-spare-sales-iq-detail-spare-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.sales-iq-detail-spare-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.sales-iq-detail-spare-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-spare-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.sales-iq-detail-spare-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-spare-display-form-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-spare-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-display-toggle-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-spare-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-spare-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-spare-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-spare-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-spare-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-spare-table-header-title {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-divider-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-content {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-spare-table-row {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-spare-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 6px 20px 5.5px;
  display: flex;
}

.sales-iq-detail-spare-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-spare-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-spare-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 15px 27px;
  display: flex;
}

.sales-iq-detail-spare-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-spare-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell30 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 15px 27px;
  display: flex;
}

.sales-iq-detail-spare-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell40 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 15px 50px 8.5px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-spare-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-spare-table-header-cell-parent:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sales-iq-detail-spare-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-display-form-content-wrapper-Viewed {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-spare-display-form-content-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-display-toggle-header-parent-Viewed {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-spare-display-toggle-header-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-display-toggle-title-Viewed {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-spare-display-divider-container-Viewed {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-spare-display-divider-icon3-Viewed {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-Viewed {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-spare-card-header1-Viewed {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-content4-Viewed {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-spare-text-and-supporting-text2-Viewed {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-spare-text-and-badge1-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-spare-table-header-title-Viewed {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-dropdown-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-dots-vertical-icon-Viewed {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-divider-icon-Viewed {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-content-Viewed {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-spare-table-row-Viewed {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-spare-table-header-cell1-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell10-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-spare-checkbox-wrapper-Viewed {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-spare-table-header-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-spare-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-arrow-down-icon1-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-header-cell2-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell20-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-help-icon-Viewed {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-spare-table-header-cell3-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell30-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-header-cell4-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell40-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-header2-Viewed {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-spare-action-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-arrow-down-icon2-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-header-cell-parent-Viewed {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-spare-cell-content-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-display-form-content-wrapper-Added-to-Radar {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-spare-display-form-content-Added-to-Radar {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-display-toggle-header-parent-Added-to-Radar {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-spare-display-toggle-header-Added-to-Radar {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-display-toggle-title-Added-to-Radar {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-spare-display-divider-container-Added-to-Radar {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-spare-display-divider-icon3-Added-to-Radar {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-Added-to-Radar {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-spare-card-header1-Added-to-Radar {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-content4-Added-to-Radar {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-spare-text-and-supporting-text2-Added-to-Radar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-spare-text-and-badge1-Added-to-Radar {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-spare-table-header-title-Added-to-Radar {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-dropdown-Added-to-Radar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-dots-vertical-icon-Added-to-Radar {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-divider-icon-Added-to-Radar {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-content-Added-to-Radar {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-spare-table-row-Added-to-Radar {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-spare-table-header-cell1-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell10-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-spare-checkbox-wrapper-Added-to-Radar {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-spare-table-header-Added-to-Radar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-spare-column-title-Added-to-Radar {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-arrow-down-icon1-Added-to-Radar {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-header-cell2-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell20-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-help-icon-Added-to-Radar {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-spare-table-header-cell3-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell30-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-header-cell4-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell40-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-header2-Added-to-Radar {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-spare-action-column-title-Added-to-Radar {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-arrow-down-icon2-Added-to-Radar {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-header-cell-parent-Added-to-Radar {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-spare-cell-content-Added-to-Radar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-display-form-content-wrapper-Searched {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-spare-display-form-content-Searched {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-display-toggle-header-parent-Searched {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-spare-display-toggle-header-Searched {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-display-toggle-title-Searched {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-spare-display-divider-container-Searched {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-spare-display-divider-icon3-Searched {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-Searched {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-spare-card-header1-Searched {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-content4-Searched {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-spare-text-and-supporting-text2-Searched {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-spare-text-and-badge1-Searched {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-spare-table-header-title-Searched {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-dropdown-Searched {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-dots-vertical-icon-Searched {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-divider-icon-Searched {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-content-Searched {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-spare-table-row-Searched {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-spare-table-header-cell1-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell10-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-spare-checkbox-wrapper-Searched {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-spare-table-header-Searched {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-spare-column-title-Searched {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-arrow-down-icon1-Searched {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-header-cell2-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell20-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-help-icon-Searched {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-spare-table-header-cell3-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell30-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-header-cell4-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-cell40-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-spare-table-header2-Searched {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-spare-action-column-title-Searched {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-arrow-down-icon2-Searched {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-table-header-cell-parent-Searched {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-spare-cell-content-Searched {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-spare-table-data-custom-main-container {
  flex-direction: column;
  max-height: 420px;
  display: flex;
}

.sales-iq-detail-spare-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.sales-iq-detail-spare-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.sales-iq-detail-spare-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.sales-iq-detail-spare-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-detail-spare-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

@media screen and (width <= 1275px) {
  .sales-iq-detail-spare-all, .sales-iq-detail-spare-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .sales-iq-detail-spare-all {
    padding-bottom: 67px;
  }

  .sales-iq-detail-spare-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .sales-iq-detail-spare-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .sales-iq-detail-spare-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .sales-iq-detail-spare-content-elements-parent, .sales-iq-detail-spare-content17, .sales-iq-detail-spare-frame-group, .sales-iq-detail-spare-rectangle-parent10, .sales-iq-detail-spare-rectangle-parent5, .sales-iq-detail-spare-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .sales-iq-detail-spare-frame-wrapper31 {
    flex: 1;
  }

  .sales-iq-detail-spare-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-list-item-parent {
    flex: 1;
  }

  .sales-iq-detail-spare-card-list, .sales-iq-detail-spare-content20, .sales-iq-detail-spare-content21, .sales-iq-detail-spare-metric-item-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .sales-iq-detail-spare-content23, .sales-iq-detail-spare-frame-parent73, .sales-iq-detail-spare-frame-parent74 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .sales-iq-detail-spare-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-detail-spare-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-spare-content13 {
    gap: 17px;
  }

  .sales-iq-detail-spare-tabs-and-filters {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-jul {
    width: 100%;
    height: 17px;
  }

  .sales-iq-detail-spare-x-axis {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-number {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-spare-main {
    gap: 16px;
  }

  .sales-iq-detail-spare-number3, .sales-iq-detail-spare-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .sales-iq-detail-spare-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .sales-iq-detail-spare-badge-elements, .sales-iq-detail-spare-card-elements, .sales-iq-detail-spare-dropdowns, .sales-iq-detail-spare-location-badge-number {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-action-fields {
    min-width: 100%;
  }

  .sales-iq-detail-spare-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-spare-frame-parent2, .sales-iq-detail-spare-primary-table {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-spare-frame-parent17, .sales-iq-detail-spare-frame-parent18, .sales-iq-detail-spare-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-element-details, .sales-iq-detail-spare-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .sales-iq-detail-spare-action-icons, .sales-iq-detail-spare-element-details-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-icon-button {
    gap: 17px;
  }

  .sales-iq-detail-spare-icon-button, .sales-iq-detail-spare-sidebar1 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-spare-rectangle-parent11 {
    gap: 16px;
  }

  .sales-iq-detail-spare-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .sales-iq-detail-spare-frame-parent39 {
    min-width: 100%;
  }

  .sales-iq-detail-spare-frame-wrapper31 {
    margin-left: 0;
  }

  .sales-iq-detail-spare-card-row {
    min-width: 100%;
  }

  .sales-iq-detail-spare-list-item-parent {
    margin-left: 0;
  }

  .sales-iq-detail-spare-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .sales-iq-detail-spare-text-and-supporting-text2 {
    min-width: 100%;
  }

  .sales-iq-detail-spare-actions4 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .sales-iq-detail-spare-text-and-supporting-text3 {
    min-width: 100%;
  }

  .sales-iq-detail-spare-actions5, .sales-iq-detail-spare-table-cell51, .sales-iq-detail-spare-table-cell52 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .sales-iq-detail-spare-frame-parent, .sales-iq-detail-spare-text-and-supporting-text16 {
    min-width: 100%;
  }

  .sales-iq-detail-spare-empty-state3 {
    gap: 16px;
  }

  .sales-iq-detail-spare-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .sales-iq-detail-spare-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-detail-spare-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .sales-iq-detail-spare-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .sales-iq-detail-spare-actions {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-number {
    font-size: 18px;
    line-height: 23px;
  }

  .sales-iq-detail-spare-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sales-iq-detail-spare-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .sales-iq-detail-spare-number3, .sales-iq-detail-spare-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .sales-iq-detail-spare-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-spare-price {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-spare-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-date-elements-parent {
    flex: 1;
  }

  .sales-iq-detail-spare-badge-container, .sales-iq-detail-spare-frame-parent12 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-badge-group {
    height: auto;
    min-height: 104px;
  }

  .sales-iq-detail-spare-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-spare-work-type-icon {
    flex: 1;
  }

  .sales-iq-detail-spare-calendar-icon6 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-work-type-label {
    margin-left: 0;
  }

  .sales-iq-detail-spare-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-spare-frame-parent36, .sales-iq-detail-spare-frame-parent42 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-price5, .sales-iq-detail-spare-price6, .sales-iq-detail-spare-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-spare-frame-parent64 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .sales-iq-detail-spare-content22, .sales-iq-detail-spare-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-spare-input-dropdown3 {
    max-width: 100%;
  }

  .sales-iq-detail-spare-table-cell50, .sales-iq-detail-spare-table-cell53 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .sales-iq-detail-spare-column5, .sales-iq-detail-spare-column6 {
    flex: 1;
  }

  .sales-iq-detail-spare-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .sales-iq-detail-spare-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-spare-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .sales-iq-detail-spare-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .sales-iq-detail-spare-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.sales-iq-detail-spare-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px 29px;
  display: flex;
  overflow-y: scroll;
}

.sales-iq-detail-spare-component-listing-container::-webkit-scrollbar {
  display: none;
}

.sales-iq-detail-spare-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.sales-iq-detail-spare-component-sales-iq-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.sales-iq-detail-spare-component-sales-iq-text78:hover {
  text-decoration: underline;
}

.sales-iq-detail-spare-component-sales-iq-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-component-sales-iq-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-component-sales-iq-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-spare-component-sales-iq-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-component-sales-iq-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-detail-spare-component-sales-iq-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-component-sales-iq-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-component-sales-iq-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-component-sales-iq-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-detail-spare-component-sales-iq-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-component-sales-iq-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-component-sales-iq-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.sales-iq-detail-spare-component-sales-iq-metric-item3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-component-sales-iq-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-detail-spare-component-sales-iq-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-upload-04-icon {
  flex-shrink: 0;
  width: 21px;
  height: 21px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-component-sales-iq-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-component-sales-iq-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-detail-spare-component-sales-iq-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 5px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-component-sales-iq-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-component-sales-iq-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-buttonsbutton25, .sales-iq-detail-spare-component-sales-iq-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-component-sales-iq-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-spare-component-sales-iq-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 7px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-spare-component-sales-iq-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-spare-component-sales-iq-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.sales-iq-detail-spare-component-sales-iq-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.sales-iq-detail-spare-component-sales-iq-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.sales-iq-detail-spare-component-sales-iq-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.sales-iq-detail-spare-component-sales-iq-arrow-square-up-right-icon1 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-spare-component-sales-iq-detail-small-card {
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

@media screen and (width <= 1100px) {
  .sales-iq-detail-spare-component-sales-iq-rectangle-parent5, .sales-iq-detail-spare-component-sales-iq-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-detail-spare-component-sales-iq-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-spare-component-sales-iq-action-fields {
    min-width: 100%;
  }

  .sales-iq-detail-spare-component-sales-iq-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-component-sales-iq-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-spare-component-sales-iq-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-detail-spare-component-sales-iq-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-spare-component-sales-iq-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-detail-spare-component-sales-iq-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.skeleton-table-loader {
  grid-gap: .2rem;
  grid-template-rows: repeat(1, 1fr);
  width: 100%;
  display: grid;
}

.skeleton-table-item {
  background-color: #f0f0f0;
  height: 40px;
  animation: 1s linear infinite shimmer;
}

.start-campaign-featured-icon2 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  padding-top: 3px;
  position: relative;
}

.start-campaign-supporting-text91, .start-campaign-title9 {
  white-space: nowrap;
  align-self: stretch;
  position: relative;
}

.start-campaign-custom-align {
  flex-direction: column !important;
}

.start-campaign-title9 {
  color: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.start-campaign-supporting-text91 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.start-campaign-content71, .start-campaign-text-and-supporting-text26 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.start-campaign-content71 {
  flex-direction: row;
  gap: 16px;
  position: absolute;
  top: 24px;
  left: 24px;
  margin: 0 !important;
}

.start-campaign-button-close-x6, .start-campaign-slide-out-menu-header {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.start-campaign-button-close-x6 {
  z-index: 1;
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 8px 0;
  position: absolute;
  top: 27px;
  right: 26px;
  overflow: hidden;
  margin: 0 !important;
}

.start-campaign-slide-out-menu-header {
  text-align: left;
  color: #101828;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  height: 78px;
  padding: 0 24px;
  font-family: Inter;
  font-size: 20px;
  position: relative;
}

.start-campaign-label9 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.start-campaign-content72 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 194px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.start-campaign-help-icon2 {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
}

.start-campaign-input6 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.start-campaign-input6:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.start-campaign-input6:hover {
  border-color: #7e56d9;
}

.start-campaign-input6a {
  box-sizing: border-box;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"%3E%3Cpath fill=\"gray\" d=\"M10 12l-6-6h12z\"/%3E%3C/svg%3E");
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: none;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.start-campaign-input6a:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.start-campaign-input6a:hover {
  border-color: #7e56d9;
}

.start-campaign-hint-text6 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.start-campaign-input-field {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.start-campaign-label10 {
  min-width: 94px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.start-campaign-mail-01-icon, .start-campaign-text274 {
  position: relative;
  overflow: hidden;
}

.start-campaign-mail-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.start-campaign-text274 {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 80%;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.start-campaign-content73 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.start-campaign-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.start-campaign-form, .start-campaign-input-field1, .start-campaign-input7 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.start-campaign-input7 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 50%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.start-campaign-email-domain {
  color: #475467;
  width: 50%;
  padding: 9px 0 0 8px;
  line-height: 20px;
  position: relative;
}

.start-campaign-email-card {
  flex-direction: row;
  display: flex;
}

.start-campaign-form, .start-campaign-input-field1 {
  flex-direction: column;
}

.start-campaign-input-field1 {
  align-items: flex-start;
  gap: 6px;
}

.start-campaign-form {
  align-items: flex-end;
}

.start-campaign-label11, .start-campaign-label12 {
  min-width: 108px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.start-campaign-label12 {
  min-width: 69px;
}

.start-campaign-section2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.start-campaign-divider12, .start-campaign-section-container {
  align-self: stretch;
  max-width: 100%;
}

.start-campaign-section-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.start-campaign-divider12 {
  background-color: #eaecf0;
  flex: 1;
  display: none;
  position: relative;
}

.start-campaign-divider-wrapper, .start-campaign-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.start-campaign-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  height: 1px;
  padding: 0 24px;
}

.start-campaign-slide-out-menu-header-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  gap: 24px;
  font-family: Inter;
  font-size: 14px;
}

.start-campaign-placeholder-icon91 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.start-campaign-text275 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.start-campaign-buttonsbutton49, .start-campaign-text-padding51 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.start-campaign-buttonsbutton49 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.start-campaign-buttonsbutton49:hover {
  background-color: #f9fafb;
}

.start-campaign-text276 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.start-campaign-actions19, .start-campaign-buttonsbutton50 {
  flex-direction: row;
  display: flex;
}

.start-campaign-buttonsbutton50 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.start-campaign-buttonsbutton50:hover {
  background-color: #6941c6;
}

.start-campaign-actions19 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: max-content;
}

.start-campaign-content76, .start-campaign-footer2 {
  align-self: stretch;
  align-items: center;
  display: flex;
}

.start-campaign-content76 {
  flex-direction: row;
  justify-content: flex-end;
  padding: 16px 24px;
}

.start-campaign-footer2 {
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
}

.start-campaign-panel {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 24px -4px #10182814, 0 8px 8px -4px #10182808;
}

.start-campaign-slide-out-menu {
  letter-spacing: normal;
  box-sizing: border-box;
  z-index: 3;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 100%;
  line-height: normal;
  transition: transform .3s ease-in-out;
  display: flex;
  position: absolute;
  top: 120px;
  right: 3px;
}

.start-campaign-slide-out-menu.open {
  transform: translateX(0);
}

.start-campaign-searchbox-container {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  margin: 0 23px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.start-campaign-searchbox {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  height: 24px;
  display: flex;
}

.start-campaign-searchbox-input-field {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 2.5px;
  display: flex;
}

.start-campaign-searchbox-search-icon {
  width: 20px;
  height: 20px;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.start-campaign-searchbox-placeholder {
  color: #667085;
  background-color: #0000;
  border: none;
  outline: none;
  padding: 0 8px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.start-campaign-contact-header {
  color: #344054;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
}

.start-campaign-contact-container {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  height: 196px;
  display: flex;
}

.start-campaign-contact-container-menu {
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: inline-flex;
}

.start-campaign-contact-main {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.start-campaign-contact-avatar-menu {
  background: url("https://via.placeholder.com/40x40");
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.start-campaign-contact-avatar {
  border: .75px solid #00000014;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}

.start-campaign-contact-avatar-online-indicator {
  background: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 30px;
  left: 30px;
}

.start-campaign-contact-name-and-work-title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}

.start-campaign-contact-name {
  color: #344054;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 220px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

.start-campaign-contact-work-title {
  color: #475467;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 220px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
}

.start-campaign-contact-checkbox-container {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.start-campaign-contact-checkbox {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 3.33px 1.67px;
  display: flex;
}

.start-campaign-input-field-container {
  align-self: stretch;
  margin: 0 23px;
  padding: 10px 3px;
  overflow: hidden;
}

@media screen and (width <= 400px) {
  .start-campaign-panel {
    gap: 216px;
  }
}

.no-popup-data-display-button-link {
  align-items: center;
  display: flex;
}

.no-popup-data-display-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 150px;
  max-width: 100%;
  height: 150px;
  max-height: 100%;
  position: relative;
  left: 20px;
}

.no-popup-data-display-supporting-text, .no-popup-data-display-title {
  align-self: stretch;
  position: relative;
}

.no-popup-data-display-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}

.no-popup-data-display-supporting-text {
  color: #475467;
  font-size: 11px;
  line-height: 24px;
}

.no-popup-data-display-content, .no-popup-data-display-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-popup-data-display-text-and-supporting-text {
  padding-left: 16px;
}

.no-popup-data-display-content {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 40px;
}

.no-popup-data-display-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-popup-data-display-text {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-popup-data-display-buttonsbutton, .no-popup-data-display-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-popup-data-display-buttonsbutton {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-popup-data-display-plus-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-popup-data-display-text1 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-popup-data-display-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-popup-data-display-buttonsbutton1:hover {
  background-color: #6941c6;
}

.no-popup-data-display-actions, .no-popup-data-display-empty-state1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-popup-data-display-actions {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 0 20px;
}

.no-popup-data-display-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
}

.no-popup-data-display-empty-state, .no-popup-data-display-no-popup-data-display {
  background-color: #fff;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.no-popup-data-display-empty-state {
  box-sizing: border-box;
  text-align: center;
  color: #101828;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  font-family: Inter;
  font-size: 20px;
}

.no-popup-data-display-no-popup-data-display {
  letter-spacing: normal;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 550px) {
  .no-popup-data-display-empty-state1 {
    gap: 16px;
  }

  .no-popup-data-display-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-popup-data-display-title {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (width <= 1275px) {
  .add-spare-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-spare-progress-steps {
    display: none;
  }

  .add-spare-main {
    height: auto;
  }

  .add-spare-content23 {
    flex-wrap: wrap;
  }

  .add-spare-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-spare-content5 {
    max-width: 100%;
  }

  .add-spare-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-spare-frame-group {
    gap: 19px;
  }

  .add-spare-frame-parent {
    gap: 35px;
  }

  .add-spare-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-spare-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-spare-main {
    gap: 16px;
  }

  .add-spare-content22, .add-spare-content39 {
    min-width: 100%;
  }

  .add-spare-textarea-input-field {
    max-width: 100%;
  }

  .add-spare-content42 {
    gap: 16px;
  }

  .add-spare-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-spare-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-spare-frame-parent {
    gap: 17px;
  }

  .add-spare-step-two, .add-spare-step-two-details, .add-spare-steps {
    gap: 19px;
  }

  .add-spare-form-parent {
    gap: 350px;
  }

  .add-spare-action, .add-spare-first-upload-item-content, .add-spare-input1, .add-spare-input10, .add-spare-input9, .add-spare-progress-bar {
    flex-wrap: wrap;
  }

  .add-spare-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-spare-progress-container-parent {
    gap: 49px;
  }
}

.add-form-header-header-section {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-form-header-container {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 32px;
  display: flex;
}

.add-form-header-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-form-header-breadcrumb-button-base4, .add-form-header-breadcrumbs, .add-form-header-tabs {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-form-header-breadcrumb-button-base4 {
  white-space: nowrap;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  padding: 4px 8px;
}

.add-form-header-breadcrumbs, .add-form-header-tabs {
  justify-content: flex-start;
}

.add-form-header-tabs {
  flex: 1;
  gap: 8px;
}

.add-form-header-breadcrumbs {
  width: 276px;
}

.add-form-header-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-form-header-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.add-form-header-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.add-form-header-text17 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-form-header-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.add-form-header-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-form-header-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.add-form-header-text19 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-form-header-text20 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-form-header-content6 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 70px;
  max-width: 100%;
  padding: 0;
  display: flex;
}

.add-form-header-text-and-supporting-text4 {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 26px;
  display: flex;
}

.add-form-header-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.add-form-header-supporting-text12 {
  color: #475467;
  align-self: stretch;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.add-form-header-actions {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.add-form-header-button {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
}

.add-form-header-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-form-header-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  display: flex;
}

.add-form-header-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-form-header-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.add-form-header-button6, .add-form-header-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-form-header-button6 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-form-header-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.add-form-header-text27 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-form-header-button7 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.add-form-header-text28 {
  color: #fff;
  text-align: left;
  min-width: 73px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-form-header-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1100px) {
  .add-form-header-content6 {
    flex-wrap: wrap;
    gap: 35px;
  }
}

@media screen and (width <= 750px) {
  .add-form-header-content6 {
    gap: 17px;
  }
}

@media screen and (width <= 450px) {
  .add-form-header-title {
    font-size: 21px;
    line-height: 30px;
  }

  .add-form-header-actions {
    flex-wrap: wrap;
  }
}

.progress-step-step-one {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  width: 85%;
  height: 374px;
  display: flex;
}

.progress-step-form-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.progress-step-form-title {
  z-index: 1;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.progress-step-arrow-narrow-left-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  display: none;
  position: relative;
  overflow: hidden;
}

.progress-step-steps {
  z-index: 1;
  color: #344054;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 38px;
  font-size: 14px;
  display: flex;
}

.progress-step-step-base1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  padding: 0 0 4px;
  display: flex;
}

.progress-step-step-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.progress-step-step-icon-base1 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.progress-step-text-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.progress-step-step-three-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.progress-step-step-supporting {
  color: #475467;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23px;
  margin-top: -2px;
  padding: 0 0 0 11px;
  font-size: 12px;
  display: flex;
}

.progress-step-step-connector {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.progress-step-connector {
  background-color: #eaecf0;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.progress-step-connector4 {
  background-color: #7e56d9;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.progress-step-supporting-text1 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.progress-step-connector-wrap, .progress-step-connector-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.progress-step-connector-wrapper {
  flex-direction: row;
  flex: 1;
  padding: 0 11px;
}

.progress-step-connector-wrap {
  flex-direction: column;
  align-self: stretch;
  gap: 4px;
  padding: 0 0 4px;
}

.progress-step-step-icon-base {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.progress-step-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 24px;
  display: flex;
}

@media screen and (width <= 450px) {
  .progress-step-steps {
    gap: 19px;
  }
}

.add-spare-step-input-field13 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-spare-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-spare-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-spare-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-spare-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-spare-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-spare-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-spare-step-first-upload-item-content, .add-spare-step-action, .add-spare-step-input1, .add-spare-step-input10, .add-spare-step-input9 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 1025px) {
  .add-spare-step3-actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .add-spare-step3-actions6 {
    flex-wrap: wrap;
  }

  .add-spare-step3-section-header-group {
    min-width: 100%;
  }

  .add-spare-step3-add-spare-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .add-spare-step3-textarea-input-field7 {
    max-width: 100%;
  }

  .add-spare-step3-content62, .add-spare-step3-content68 {
    gap: 16px;
  }

  .add-spare-step3-actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .add-spare-step3-step-base15 {
    gap: 19px;
  }

  .add-spare-step3-action5, .add-spare-step3-file-type-icon-parent, .add-spare-step3-progress-bar8 {
    flex-wrap: wrap;
  }

  .add-spare-step3-actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-spare-step3-add-spare-step-3 {
    gap: 32px;
  }
}

.no-business-found-buttonsbutton:hover {
  background-color: #f7f7f7;
}

@media screen and (width <= 550px) {
  .no-business-found-empty-state1 {
    gap: 16px;
  }

  .no-business-found-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-business-found-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.no-access-upgrade-plan-button-link {
  align-items: center;
  display: flex;
}

.no-access-upgrade-plan-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.no-access-upgrade-plan-supporting-text, .no-access-upgrade-plan-title {
  align-self: stretch;
  position: relative;
}

.no-access-upgrade-plan-title {
  font-weight: 600;
  line-height: 30px;
}

.no-access-upgrade-plan-supporting-text {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.no-access-upgrade-plan-content, .no-access-upgrade-plan-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-access-upgrade-plan-text-and-supporting-text {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.no-access-upgrade-plan-content {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.no-access-upgrade-plan-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-access-upgrade-plan-text {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-access-upgrade-plan-buttonsbutton, .no-access-upgrade-plan-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-access-upgrade-plan-buttonsbutton {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-access-upgrade-plan-plus-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-access-upgrade-plan-text1 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-access-upgrade-plan-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-access-upgrade-plan-buttonsbutton1:hover {
  background-color: #6941c6;
}

.no-access-upgrade-plan-actions, .no-access-upgrade-plan-empty-state1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-access-upgrade-plan-actions {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 0 20px;
}

.no-access-upgrade-plan-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
}

.no-access-upgrade-plan-empty-state, .no-access-upgrade-plan-no-access-address {
  background-color: #fff;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.no-access-upgrade-plan-empty-state {
  box-sizing: border-box;
  text-align: center;
  color: #101828;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
  font-family: Inter;
  font-size: 20px;
}

.no-access-upgrade-plan-no-access-address {
  letter-spacing: normal;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1016px;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 550px) {
  .no-access-upgrade-plan-empty-state1 {
    gap: 16px;
  }

  .no-access-upgrade-plan-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-access-upgrade-plan-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.no-business-published-button-link {
  align-items: center;
  display: flex;
}

.no-business-published-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  left: 50px;
}

.no-business-published-supporting-text, .no-business-published-title {
  align-self: stretch;
  position: relative;
}

.no-business-published-title {
  font-weight: 600;
  line-height: 30px;
}

.no-business-published-supporting-text {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.no-business-published-content, .no-business-published-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-business-published-text-and-supporting-text {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.no-business-published-content {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.no-business-published-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-business-published-text {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-business-published-buttonsbutton, .no-business-published-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-business-published-buttonsbutton {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-business-published-plus-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-business-published-text1 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-business-published-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-business-published-buttonsbutton1:hover {
  background-color: #6941c6;
}

.no-business-published-actions, .no-business-published-empty-state1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-business-published-actions {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 0 20px;
}

.no-business-published-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
}

.no-business-published-empty-state, .no-business-published-no-business-published {
  background-color: #fff;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.no-business-published-empty-state {
  box-sizing: border-box;
  text-align: center;
  color: #101828;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
  font-family: Inter;
  font-size: 20px;
}

.no-business-published-no-business-published {
  letter-spacing: normal;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1016px;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 550px) {
  .no-business-published-empty-state1 {
    gap: 16px;
  }

  .no-business-published-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-business-published-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.archive-spare-error-text {
  color: red;
  z-index: 2;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.archive-spare-frame-parent-31 {
  align-self: stretch;
}

.archive-spare-frame-parent-28 {
  box-sizing: border-box;
  align-items: flex-start;
  padding: 0 1px 0 0;
}

.archive-spare-buttons-button7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare-buttonsbutton17-custom {
  right: 325px !important;
}

.archive-spare1-buttonsbutton18-custom {
  right: 195px !important;
}

.archive-spare-listing-container-custom {
  justify-content: initial !important;
  flex-direction: column !important;
}

.archive-spare-filter-cards-container {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 5px 32px;
  display: flex;
}

.archive-spare-input-fields2-custom {
  align-items: initial !important;
  flex-direction: column !important;
}

.archive-spare-second-badge-divider-custom, .archive-spare-section-wrapper-custom {
  z-index: 1;
}

.archive-spare-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare-sliders-02-icon {
  cursor: pointer;
}

.archive-spare1-filter-selected-div {
  width: 100%;
  height: max-content;
}

.archive-spare1-listing-container {
  gap: 20px;
  width: 100%;
  padding: 10px;
  display: grid;
  overflow-y: auto;
}

.archive-spare1-content4, .archive-spare1-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-spare1-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-spare1-page-header1, .archive-spare1-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-spare1-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 100%;
  padding: 0 32px;
}

.archive-spare1-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-buttonsbutton:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.archive-spare1-divider-icon2, .archive-spare1-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
  margin: 0 !important;
}

.archive-spare1-magnifier-1-icon {
  object-fit: cover;
  cursor: pointer;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-spare1-radar-1-1-container {
  z-index: 2;
  cursor: pointer;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-spare1-listing-container, .archive-spare1-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-spare1-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-spare1-frame-parent41, .archive-spare1-rectangle-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-slide-out {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  max-width: 100%;
  display: flex;
  margin: 0 !important;
}

.archive-spare1-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-spare1-hiddenbutton-container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-spare1-button-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-spare1-sort-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  padding: 5px 32px 0;
  display: flex;
}

.archive-spare-section-wrapper-custom {
  display: initial !important;
}

.archive-spare1-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-spare1-filter-selected-div {
  width: 100%;
}

.archive-spare1-listing-container {
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  height: max-content;
  padding: 25px 29px;
  display: flex;
  overflow-y: scroll;
}

.archive-spare1-listing-container::-webkit-scrollbar {
  display: none;
}

.archive-spare1-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-spare1-divider-icon7-cstm {
  position: initial !important;
}

.archive-spare1-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-spare1-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-spare1-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-spare1-logo, .archive-spare1-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-spare1-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-spare1-bar-chart-01-icon, .archive-spare1-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-spare1-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-spare1-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-spare1-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-spare1-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-spare1-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-spare1-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-spare1-text2, .archive-spare1-text3 {
  font-family: Inter;
  position: relative;
}

.archive-spare1-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-spare1-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-spare1-badge1, .archive-spare1-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-spare1-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-spare1-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-spare1-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-navigation, .archive-spare1-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-spare1-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-spare1-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-spare1-search-lg-icon, .archive-spare1-text6 {
  position: relative;
  overflow: hidden;
}

.archive-spare1-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-spare1-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-spare1-content3, .archive-spare1-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-content3 {
  flex: 1;
  gap: 8px;
}

.archive-spare1-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-frame-parent, .archive-spare1-input-with-label, .archive-spare1-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-spare1-frame-parent, .archive-spare1-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-spare1-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-spare1-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-spare1-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-spare1-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-spare1-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-spare1-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-spare1-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-spare1-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-spare1-breadcrumb-button-base, .archive-spare1-rectangle-parent, .archive-spare1-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-spare1-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-spare1-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-spare1-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-spare1-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-spare1-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-spare1-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-spare1-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-spare1-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-spare1-tabs {
  gap: 8px;
}

.archive-spare1-breadcrumbs, .archive-spare1-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-spare1-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-spare1-container {
  padding: 0 32px;
}

.archive-spare1-container, .archive-spare1-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-main-child, .archive-spare1-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-spare1-main-item {
  height: 43px;
}

.archive-spare1-main, .archive-spare1-text11 {
  align-self: stretch;
}

.archive-spare1-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-spare1-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-spare1-breadcrumb-button-base6, .archive-spare1-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-spare1-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-spare1-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-spare1-breadcrumbs1, .archive-spare1-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-spare1-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-spare1-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-spare1-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-spare1-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-spare1-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-label1, .archive-spare1-text15 {
  position: relative;
}

.archive-spare1-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-spare1-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-spare1-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-spare1-content5, .archive-spare1-input-with-label1, .archive-spare1-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-spare1-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-spare1-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-spare1-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-spare1-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-spare1-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px 16px;
  max-width: 100%;
  font-size: 26px;
  display: flex;
}

.archive-spare1-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-spare1-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  height: max-content;
  display: flex;
}

.archive-spare1-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-spare1-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-spare1-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-spare1-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-spare1-button-group-base2, .archive-spare1-button-group-base3, .archive-spare1-button-group-base4, .archive-spare1-button-group-base5, .archive-spare1-button-group-base6, .archive-spare1-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-spare1-button-group-base3, .archive-spare1-button-group-base4, .archive-spare1-button-group-base5, .archive-spare1-button-group-base6, .archive-spare1-button-group-base7 {
  z-index: 6;
}

.archive-spare1-button-group-base4, .archive-spare1-button-group-base5, .archive-spare1-button-group-base6, .archive-spare1-button-group-base7 {
  z-index: 5;
}

.archive-spare1-button-group-base5, .archive-spare1-button-group-base6, .archive-spare1-button-group-base7 {
  z-index: 4;
}

.archive-spare1-button-group-base6, .archive-spare1-button-group-base7 {
  z-index: 3;
}

.archive-spare1-button-group-base7 {
  z-index: 2;
}

.archive-spare1-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-spare1-breadcrumb-button-base11, .archive-spare1-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-spare1-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-spare1-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-spare1-breadcrumb-button-base14, .archive-spare1-breadcrumbs2, .archive-spare1-button-group, .archive-spare1-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-spare1-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  position: absolute;
  bottom: -20px;
  right: -2px;
  margin: 0 !important;
}

.archive-spare1-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  width: max-content;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-spare1-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-spare1-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-spare1-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
}

.archive-spare1-divider-icon2, .archive-spare1-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
}

.archive-spare1-filter-items {
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
}

.archive-spare1-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-spare1-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-spare1-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-spare1-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-spare1-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-spare1-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-spare1-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-spare1-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-dot-item-type-parent {
  gap: 8px;
}

.archive-spare1-completed, .archive-spare1-dot-item-content, .archive-spare1-dot-item-innermost, .archive-spare1-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-spare1-completed, .archive-spare1-dot-item-innermost {
  box-sizing: border-box;
}

.archive-spare1-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-spare1-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-spare1-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-spare1-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-spare1-badge4, .archive-spare1-completed-parent, .archive-spare1-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-spare1-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-badge5, .archive-spare1-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-spare1-badge6 {
  width: 76px;
}

.archive-spare1-badge7, .archive-spare1-badges {
  flex-direction: row;
  flex: 1;
}

.archive-spare1-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-badges {
  gap: 8px;
}

.archive-spare1-badges, .archive-spare1-badges-wrapper, .archive-spare1-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-spare1-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-spare1-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-dot-item-parent, .archive-spare1-dots-parent, .archive-spare1-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-spare1-dots-parent, .archive-spare1-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-spare1-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-spare1-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-spare1-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-spare1-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-spare1-deal-inner, .archive-spare1-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-spare1-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-spare1-card-deal, .archive-spare1-deal-details, .archive-spare1-deal-inner {
  justify-content: flex-start;
}

.archive-spare1-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-spare1-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-spare1-card-deal, .archive-spare1-frame-wrapper, .archive-spare1-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-spare1-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-spare1-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-spare1-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-spare1-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-close-icons, .archive-spare1-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-spare1-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-spare1-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-spare1-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-spare1-name, .archive-spare1-role {
  display: inline-block;
  position: relative;
}

.archive-spare1-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-spare1-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-spare1-inner-info {
  flex-direction: column;
}

.archive-spare1-inner-info, .archive-spare1-inner-info-wrapper, .archive-spare1-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-spare1-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-spare1-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-spare1-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-spare1-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-buttonsbutton2, .archive-spare1-buttonsbutton3, .archive-spare1-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-spare1-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-spare1-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 0 0;
  display: flex;
}

.archive-spare1-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-filter-items-parent, .archive-spare1-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-spare1-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-spare1-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-spare1-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-price-value, .archive-spare1-text37 {
  display: inline-block;
  position: relative;
}

.archive-spare1-text37 {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

.archive-spare1-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-spare1-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-spare1-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-spare1-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-spare1-badge10, .archive-spare1-badge11, .archive-spare1-deal-type-parent, .archive-spare1-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-badge11, .archive-spare1-frame-parent1 {
  flex: 1;
}

.archive-spare1-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-spare1-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-badge-group, .archive-spare1-badge12, .archive-spare1-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-spare1-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-spare1-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-spare1-badge13, .archive-spare1-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-spare1-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-spare1-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-badge13, .archive-spare1-badge14, .archive-spare1-card-work, .archive-spare1-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-spare1-badge14, .archive-spare1-frame-div {
  flex-direction: row;
}

.archive-spare1-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-spare1-frame-container, .archive-spare1-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 80%;
  padding: 8px 0 0;
}

.archive-spare1-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-spare1-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-spare1-inner-icons, .archive-spare1-inner-icons-wrapper, .archive-spare1-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-spare1-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 20%;
  font-size: 20px;
}

.archive-spare1-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
}

.archive-spare1-dots-vertical-container, .archive-spare1-frame-group, .archive-spare1-rectangle-container, .archive-spare1-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-spare1-dots-vertical-container, .archive-spare1-rectangle-container {
  flex-direction: row;
}

.archive-spare1-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-spare1-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-spare1-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-spare1-buttonsbutton-wrapper, .archive-spare1-frame-parent3, .archive-spare1-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-spare1-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-spare1-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-spare1-divider-parent, .archive-spare1-rectangle-group, .archive-spare1-rectangle-group1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-spare1-rectangle-group {
  box-sizing: border-box;
  color: #101828;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 100%;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
}

.archive-spare1-rectangle-group1 {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  position: absolute;
  top: 700px;
  bottom: -15px;
  right: 30px;
  margin: 0 !important;
}

.archive-spare1-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton10 {
  left: 370px;
}

.archive-spare1-buttonsbutton10, .archive-spare1-buttonsbutton11, .archive-spare1-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-spare1-buttonsbutton12 {
  right: 262px;
}

.archive-spare1-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 116px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-spare1-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-button, .archive-spare1-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-spare1-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-spare1-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-spare1-button, .archive-spare1-button1, .archive-spare1-text60 {
  align-self: stretch;
}

.archive-spare1-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
  margin: 0 !important;
}

.archive-spare1-divider-icon6, .archive-spare1-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-spare1-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  height: max-content;
  font-size: 14px;
}

.archive-spare1-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 70px;
  overflow: hidden;
}

.archive-spare1-divider-icon6, .archive-spare1-divider-icon7, .archive-spare1-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-spare1-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-spare1-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-spare1-text-group, .archive-spare1-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-spare1-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-spare1-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-last-active, .archive-spare1-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-spare1-name-container {
  gap: 16px;
}

.archive-spare1-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-applications, .archive-spare1-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-spare1-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-spare1-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-spare1-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-spare1-card-actions, .archive-spare1-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-spare1-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-spare1-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-spare1-price2, .archive-spare1-rate {
  display: inline-block;
  position: relative;
}

.archive-spare1-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-spare1-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-spare1-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-spare1-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-spare1-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-spare1-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-spare1-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-spare1-card-actions1, .archive-spare1-deal-container, .archive-spare1-listing-border-parent, .archive-spare1-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-spare1-listing-border-parent, .archive-spare1-listing-card-actions {
  box-sizing: border-box;
}

.archive-spare1-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-spare1-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-spare1-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-spare1-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-spare1-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-spare1-name3, .archive-spare1-role2 {
  display: inline-block;
  position: relative;
}

.archive-spare1-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-spare1-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-spare1-collapsed-name-details, .archive-spare1-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-spare1-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-spare1-collapsed-name-role, .archive-spare1-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-spare1-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-spare1-detail-header, .archive-spare1-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-spare1-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-spare1-detail-header1, .archive-spare1-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-spare1-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-spare1-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-spare1-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-spare1-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-spare1-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-spare1-badge16, .archive-spare1-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-spare1-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-location2, .archive-spare1-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-type-of-work3 {
  min-width: 109px;
}

.archive-spare1-location-content, .archive-spare1-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-spare1-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-spare1-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-badge17, .archive-spare1-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-spare1-badge18 {
  width: 76px;
}

.archive-spare1-badge-container, .archive-spare1-badge18, .archive-spare1-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-spare1-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-spare1-badge-name, .archive-spare1-buttonsbutton19, .archive-spare1-buttonsbutton20, .archive-spare1-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-spare1-buttonsbutton19, .archive-spare1-buttonsbutton20, .archive-spare1-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-spare1-buttonsbutton20, .archive-spare1-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-spare1-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-spare1-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-spare1-badge-details, .archive-spare1-buttonsbutton-parent, .archive-spare1-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-spare1-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-spare1-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-spare1-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-spare1-badge22, .archive-spare1-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-spare1-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-spare1-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-badge-list-item, .archive-spare1-badge22, .archive-spare1-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-spare1-location-item, .archive-spare1-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-spare1-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-spare1-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-badge24, .archive-spare1-buttonsbutton23, .archive-spare1-first-badge-details, .archive-spare1-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-buttonsbutton23, .archive-spare1-first-badge-details, .archive-spare1-work-item {
  flex: 1;
}

.archive-spare1-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-spare1-buttonsbutton23, .archive-spare1-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-spare1-first-badge-details {
  max-width: 100%;
}

.archive-spare1-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-spare1-buttonsbutton-group, .archive-spare1-second-badge-divider, .archive-spare1-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-spare1-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-spare1-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-spare1-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-spare1-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-spare1-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-spare1-location-summary, .archive-spare1-summary-details, .archive-spare1-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-spare1-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-spare1-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-spare1-badge25, .archive-spare1-frame-parent5, .archive-spare1-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-spare1-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-spare1-expanded-content, .archive-spare1-expanded-listing, .archive-spare1-first-badges, .archive-spare1-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-spare1-expanded-content, .archive-spare1-expanded-listing {
  max-width: 100%;
}

.archive-spare1-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-spare1-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-spare1-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-spare1-arrow-square-up-right-icon1, .archive-spare1-arrow-square-up-right-icon2, .archive-spare1-dots-vertical-icon3, .archive-spare1-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-spare1-dots-vertical-icon3, .archive-spare1-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-spare1-dots-vertical-icon3 {
  top: 260px;
}

.archive-spare1-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-spare1-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-spare1-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-spare1-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-spare1-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-spare1-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-spare1-arrow-square-up-right-parent, .archive-spare1-frame-parent6, .archive-spare1-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-spare1-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-spare1-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-spare1-collapsed-content, .archive-spare1-collapsed-details, .archive-spare1-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-collapsed-content {
  position: relative;
}

.archive-spare1-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-spare1-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-spare1-business-image, .archive-spare1-text83 {
  z-index: 1;
  position: relative;
}

.archive-spare1-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-spare1-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-spare1-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-spare1-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-spare1-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-spare1-span {
  font-weight: 500;
}

.archive-spare1-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-spare1-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-spare1-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-spare1-application-count, .archive-spare1-business-location, .archive-spare1-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-spare1-application-count, .archive-spare1-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-spare1-application-count {
  color: #fff;
  gap: 8px;
}

.archive-spare1-badge-one, .archive-spare1-badge-three, .archive-spare1-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-spare1-badge-three, .archive-spare1-badge-two {
  display: inline-block;
}

.archive-spare1-badge-two {
  min-width: 103px;
}

.archive-spare1-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-spare1-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-spare1-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-spare1-supporting-text23, .archive-spare1-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-supporting-text23 {
  min-width: 70.9px;
}

.archive-spare1-supporting-text24 {
  width: 104px;
}

.archive-spare1-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-spare1-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-spare1-badges-parent, .archive-spare1-business-details, .archive-spare1-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-spare1-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-spare1-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-business-actions, .archive-spare1-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-spare1-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-spare1-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-spare1-content6:hover {
  background-color: #40454f;
}

.archive-spare1-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-spare1-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-spare1-arrow-square-up-right-icon3, .archive-spare1-arrow-square-up-right-icon4, .archive-spare1-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-arrow-square-up-right-icon4, .archive-spare1-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-spare1-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-spare1-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-spare1-frame-parent11, .archive-spare1-group-div, .archive-spare1-list-header, .archive-spare1-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-spare1-frame-parent11, .archive-spare1-group-div {
  gap: 7.3px;
}

.archive-spare1-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-spare1-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-spare1-divider-icon10, .archive-spare1-dots-vertical-icon7, .archive-spare1-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-spare1-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-spare1-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-dots-vertical-parent1, .archive-spare1-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-text-wrapper7 {
  flex: 1;
}

.archive-spare1-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-spare1-rectangle-textarea, .archive-spare1-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-spare1-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-spare1-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-spare1-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-contact-details, .archive-spare1-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-spare1-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-spare1-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton27, .archive-spare1-buttonsbutton28, .archive-spare1-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-buttonsbutton28, .archive-spare1-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-spare1-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-spare1-contact-details-parent, .archive-spare1-detail-item-parent, .archive-spare1-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-spare1-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-spare1-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton-wrapper2, .archive-spare1-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-spare1-frame-parent22, .archive-spare1-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-spare1-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-spare1-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-pair-container-parent, .archive-spare1-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-spare1-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-spare1-frame-parent19, .archive-spare1-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-spare1-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-spare1-price7, .archive-spare1-total {
  display: inline-block;
  position: relative;
}

.archive-spare1-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-spare1-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-spare1-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-spare1-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-spare1-pair-container-container, .archive-spare1-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-spare1-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-spare1-frame-parent24, .archive-spare1-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-spare1-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-spare1-fourth-listing, .archive-spare1-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-spare1-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-spare1-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-spare1-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-buttonsbutton30, .archive-spare1-expand-action, .archive-spare1-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-spare1-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-spare1-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-spare1-arrow-square-up-right-icon6, .archive-spare1-arrow-square-up-right-icon7, .archive-spare1-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-spare1-arrow-square-up-right-icon7, .archive-spare1-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-spare1-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-spare1-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-spare1-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-spare1-text100, .archive-spare1-text101 {
  font-family: Inter;
  position: relative;
}

.archive-spare1-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-spare1-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-spare1-badge27, .archive-spare1-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-spare1-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-spare1-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-spare1-card-header, .archive-spare1-content7, .archive-spare1-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-spare1-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-spare1-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-spare1-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-spare1-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-button-group-base10, .archive-spare1-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-spare1-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-spare1-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-spare1-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-spare1-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-spare1-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-label3, .archive-spare1-supporting-text41, .archive-spare1-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-spare1-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-spare1-supporting-text41, .archive-spare1-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-spare1-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-spare1-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-spare1-content9, .archive-spare1-input-with-label2, .archive-spare1-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-spare1-input-with-label2, .archive-spare1-input2 {
  align-self: stretch;
}

.archive-spare1-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-spare1-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-spare1-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-spare1-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-spare1-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-actions2, .archive-spare1-button7, .archive-spare1-content8 {
  flex-direction: row;
  display: flex;
}

.archive-spare1-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-actions2, .archive-spare1-content8 {
  max-width: 100%;
}

.archive-spare1-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-spare1-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-spare1-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-spare1-card-header-parent, .archive-spare1-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-text117, .archive-spare1-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-spare1-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-spare1-badge28, .archive-spare1-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-spare1-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-spare1-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-spare1-button8, .archive-spare1-button9, .archive-spare1-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-spare1-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-spare1-button8, .archive-spare1-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-spare1-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-spare1-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-actions3, .archive-spare1-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-spare1-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-spare1-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-spare1-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-spare1-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-table-header-cell, .archive-spare1-table-header-cell-inner, .archive-spare1-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-spare1-table-header-cell, .archive-spare1-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-spare1-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-spare1-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-spare1-avatar-online-indicator, .archive-spare1-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-spare1-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-spare1-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-spare1-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-spare1-supporting-text43, .archive-spare1-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-spare1-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-spare1-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-supporting-text46, .archive-spare1-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-spare1-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-spare1-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-spare1-avatar5, .archive-spare1-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-spare1-avatar5 {
  background-color: #f2f4f7;
}

.archive-spare1-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-table-cell6, .archive-spare1-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-spare1-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-spare1-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-table-header, .archive-spare1-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-table-header {
  gap: 4px;
}

.archive-spare1-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-spare1-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-spare1-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-marker-pin-02-group, .archive-spare1-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-marker-pin-02-group {
  gap: 7px;
}

.archive-spare1-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-spare1-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-table-cell15, .archive-spare1-table-cell16, .archive-spare1-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-spare1-table-cell16, .archive-spare1-table-cell18 {
  width: 271px;
}

.archive-spare1-table-cell18 {
  width: 239px;
}

.archive-spare1-column, .archive-spare1-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-spare1-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-spare1-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-spare1-table-header-cell2, .archive-spare1-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-spare1-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-spare1-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-spare1-table-cell20, .archive-spare1-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-spare1-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-spare1-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-spare1-column1, .archive-spare1-table-cell25, .archive-spare1-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-spare1-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-spare1-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-table-cell30, .archive-spare1-table-header-cell3, .archive-spare1-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-spare1-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-spare1-table-cell30, .archive-spare1-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-spare1-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-spare1-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-spare1-column2, .archive-spare1-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-spare1-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-spare1-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-button-wrap, .archive-spare1-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-spare1-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-spare1-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-content11, .archive-spare1-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-spare1-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-spare1-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-content12, .archive-spare1-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-spare1-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-spare1-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-content13, .archive-spare1-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-content13 {
  padding: 10px 15px;
}

.archive-spare1-pagination-number-base2 {
  overflow: hidden;
}

.archive-spare1-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-spare1-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-content17, .archive-spare1-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-spare1-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-spare1-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-button-wrap1, .archive-spare1-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-spare1-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-spare1-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-spare1-next-page-button, .archive-spare1-page-navigation, .archive-spare1-pagination, .archive-spare1-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-spare1-pagination, .archive-spare1-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-spare1-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-spare1-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-spare1-text161, .archive-spare1-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-spare1-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-spare1-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-spare1-badge29, .archive-spare1-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-spare1-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-spare1-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-button-group-base18, .archive-spare1-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-spare1-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-spare1-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-spare1-button-group-base19 {
  background-color: #fff;
}

.archive-spare1-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-card-header-group, .archive-spare1-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-spare1-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-spare1-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-spare1-supporting-text55, .archive-spare1-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-spare1-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-spare1-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-spare1-content21, .archive-spare1-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-spare1-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-spare1-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-actions6, .archive-spare1-empty-state1 {
  justify-content: flex-start;
}

.archive-spare1-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-spare1-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-spare1-empty-state, .archive-spare1-empty-state1, .archive-spare1-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-spare1-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-spare1-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-spare1-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-spare1-supporting-text56, .archive-spare1-text181 {
  align-self: stretch;
  position: relative;
}

.archive-spare1-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-spare1-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-spare1-content22, .archive-spare1-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-spare1-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-spare1-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-empty-state2, .archive-spare1-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-spare1-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-spare1-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-spare1-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  font-family: Inter;
  font-size: 18px;
  display: flex;
}

.archive-spare1-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-spare1-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-spare1-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-spare1-frame-child6, .archive-spare1-rectangle-parent2, .archive-spare1-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-spare1-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-spare1-dots-vertical-icon22, .archive-spare1-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-spare1-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-spare1-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-spare1-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-spare1-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-spare1-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-spare1-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-spare1-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-spare1-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-spare1-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-spare1-frame-parent27, .archive-spare1-logomark, .archive-spare1-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-spare1-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-spare1-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-spare1-content23, .archive-spare1-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-spare1-container1, .archive-spare1-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-spare1-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-spare1-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-spare1-divider-icon14 {
  object-fit: contain;
  z-index: 4;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: -11px;
  right: 0;
  margin: 0 !important;
}

.archive-spare1-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-spare1-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-spare1-dot-icon10, .archive-spare1-dot-icon11, .archive-spare1-dot-icon7, .archive-spare1-dot-icon8, .archive-spare1-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-spare1-dot-icon10, .archive-spare1-dot-icon11, .archive-spare1-dot-icon8, .archive-spare1-dot-icon9 {
  z-index: 3;
}

.archive-spare1-dot-icon10, .archive-spare1-dot-icon11, .archive-spare1-dot-icon9 {
  z-index: 4;
}

.archive-spare1-dot-icon10, .archive-spare1-dot-icon11 {
  z-index: 5;
}

.archive-spare1-dot-icon11 {
  z-index: 6;
}

.archive-spare1-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-spare1-dot-icon12, .archive-spare1-dot-icon13, .archive-spare1-featured-icon1 {
  display: none;
  position: relative;
}

.archive-spare1-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-spare1-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-spare1-supporting-text57, .archive-spare1-text184 {
  align-self: stretch;
  position: relative;
}

.archive-spare1-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-spare1-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-spare1-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-spare1-button-close-x, .archive-spare1-content24 {
  flex-direction: row;
  display: flex;
}

.archive-spare1-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-spare1-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-spare1-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-spare1-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-spare1-frame-wrapper13, .archive-spare1-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-spare1-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-spare1-background, .archive-spare1-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-spare1-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-spare1-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-spare1-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-content25, .archive-spare1-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-spare1-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-spare1-control-handle, .archive-spare1-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-spare1-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-spare1-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-spare1-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-spare1-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-spare1-background-parent, .archive-spare1-content26, .archive-spare1-progress, .archive-spare1-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-spare1-background-parent, .archive-spare1-progress {
  position: relative;
}

.archive-spare1-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-spare1-background-parent {
  padding: 0 20px 0 0;
}

.archive-spare1-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-spare1-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-spare1-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-spare1-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-spare1-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-input-field, .archive-spare1-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-spare1-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-spare1-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-spare1-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-spare1-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-spare1-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-spare1-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-spare1-frame-parent31, .archive-spare1-frame-wrapper14, .archive-spare1-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-spare1-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-spare1-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-spare1-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-spare1-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-spare1-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-content-parent, .archive-spare1-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-spare1-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-spare1-content-parent {
  gap: 42px;
}

.archive-spare1-content-parent, .archive-spare1-input10, .archive-spare1-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-spare1-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-spare1-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-input-field2, .archive-spare1-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-spare1-section-parent {
  gap: 8px;
}

.archive-spare1-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-spare1-checkboxes1, .archive-spare1-section-wrapper, .archive-spare1-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-spare1-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-spare1-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-spare1-text203, .archive-spare1-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-text207 {
  min-width: 44px;
}

.archive-spare1-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-text208, .archive-spare1-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-text209 {
  min-width: 59px;
}

.archive-spare1-search-lg, .archive-spare1-text210 {
  z-index: 2;
  position: relative;
}

.archive-spare1-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-spare1-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-spare1-content37, .archive-spare1-input-fields2, .archive-spare1-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-spare1-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-spare1-input-fields2, .archive-spare1-input19 {
  align-self: stretch;
}

.archive-spare1-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-spare1-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-spare1-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-spare1-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-spare1-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-spare1-text212, .archive-spare1-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-spare1-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-spare1-frame-parent36, .archive-spare1-frame-parent37, .archive-spare1-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-spare1-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-spare1-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-spare1-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-spare1-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-spare1-frame-parent28, .archive-spare1-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-spare1-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-spare1-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-spare1-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-spare1-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-spare1-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-spare1-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-spare1-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-spare1-actions9, .archive-spare1-buttonsbutton39, .archive-spare1-content38 {
  flex-direction: row;
  display: flex;
}

.archive-spare1-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-spare1-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-spare1-divider-parent6, .archive-spare1-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-spare1-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-spare1-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-spare1-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-spare1-frame-parent41, .archive-spare1-rectangle-parent4, .archive-spare1-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-spare1-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-spare1-slide-out {
  flex-direction: row;
  width: 25%;
  margin: 0 !important;
}

.archive-spare1-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-spare1-collapsed-listing, .archive-spare1-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-spare1-frame-form {
    padding-bottom: 272px;
  }

  .archive-spare1-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-spare1-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-spare1-fourth-listing {
    flex: 1;
  }

  .archive-spare1-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-spare1-frame-parent16 {
    gap: 140px;
  }

  .archive-spare1-content8 {
    flex-wrap: wrap;
  }

  .archive-spare1-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-spare1-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-spare1-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-spare1-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-spare1-navigation-parent {
    gap: 19px;
  }

  .archive-spare1-frame-parent {
    gap: 35px;
  }

  .archive-spare1-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-spare1-main {
    gap: 16px;
  }

  .archive-spare1-badges, .archive-spare1-dot-item-content, .archive-spare1-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-spare1-dots-vertical {
    min-width: 100%;
  }

  .archive-spare1-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-spare1-frame-div {
    flex-wrap: wrap;
  }

  .archive-spare1-frame-container {
    min-width: 100%;
  }

  .archive-spare1-frame-group {
    flex-wrap: wrap;
  }

  .archive-spare1-dots-vertical-container {
    min-width: 100%;
  }

  .archive-spare1-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-spare1-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-spare1-first-badge, .archive-spare1-location-content {
    flex: 1;
  }

  .archive-spare1-badge-name {
    flex-wrap: wrap;
  }

  .archive-spare1-badge-details {
    gap: 23px;
  }

  .archive-spare1-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-spare1-second-badge-list-parent {
    gap: 23px;
  }

  .archive-spare1-frame-parent5 {
    gap: 53px;
  }

  .archive-spare1-expanded-content {
    flex-wrap: wrap;
  }

  .archive-spare1-expanded-listing {
    min-width: 100%;
  }

  .archive-spare1-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-spare1-badge-support-parent, .archive-spare1-badges1, .archive-spare1-detail-item, .archive-spare1-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-spare1-second-listing-details {
    flex: 1;
  }

  .archive-spare1-listing-detail {
    flex-wrap: wrap;
  }

  .archive-spare1-frame-parent19 {
    gap: 54px;
  }

  .archive-spare1-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-spare1-fourth-listing {
    margin-left: 0;
  }

  .archive-spare1-frame-parent16 {
    gap: 70px;
  }

  .archive-spare1-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-spare1-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-spare1-actions2 {
    flex-wrap: wrap;
  }

  .archive-spare1-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-spare1-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-spare1-actions3 {
    flex-wrap: wrap;
  }

  .archive-spare1-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-spare1-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-spare1-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-spare1-empty-state3 {
    gap: 16px;
  }

  .archive-spare1-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-spare1-container1 {
    gap: 16px;
  }

  .archive-spare1-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-spare1-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-spare1-frame-parent {
    gap: 17px;
  }

  .archive-spare1-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-spare1-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-spare1-card-work {
    flex: 1;
  }

  .archive-spare1-provider-name {
    flex-wrap: wrap;
  }

  .archive-spare1-price2, .archive-spare1-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-spare1-badge-container, .archive-spare1-location-content {
    flex-wrap: wrap;
  }

  .archive-spare1-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-spare1-buttonsbutton-group, .archive-spare1-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-spare1-location-summary {
    flex: 1;
  }

  .archive-spare1-summary-details {
    flex-wrap: wrap;
  }

  .archive-spare1-frame-parent5 {
    gap: 27px;
  }

  .archive-spare1-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-spare1-price4, .archive-spare1-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-spare1-business-name-role, .archive-spare1-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-spare1-detail-item-parent {
    gap: 20px;
  }

  .archive-spare1-pair-container-parent {
    margin-left: 0;
  }

  .archive-spare1-frame-parent19 {
    gap: 27px;
  }

  .archive-spare1-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-spare1-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-spare1-frame-parent24 {
    gap: 126px;
  }

  .archive-spare1-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-spare1-content9, .archive-spare1-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-spare1-input-dropdown2 {
    max-width: 100%;
  }

  .archive-spare1-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-spare1-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-spare1-button-group2 {
    flex-wrap: wrap;
  }

  .archive-spare1-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-spare1-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-spare1-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-spare1-footer {
    gap: 16px;
  }

  .archive-spare1-listings-search-results-list {
    gap: 25px;
  }
}

.notification-success-wrapper {
  z-index: 9999;
  width: 46%;
  max-width: 945px;
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

.notification-success-banner {
  background-color: #fff;
  border-left: 6px solid #079455;
  border-radius: 8px;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
  font-family: Inter, sans-serif;
  display: flex;
  box-shadow: 0 4px 12px #0000000d;
}

.notification-success-icon {
  width: 32px;
  height: 32px;
}

.notification-success-text {
  color: #344054;
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  display: flex;
}

.notification-success-title {
  font-weight: 600;
}

.notification-success-description {
  color: #475467;
  font-weight: 400;
}

.notification-success-actions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.notification-success-close-button {
  cursor: pointer;
  background: url("notificationclose.a17344bf.png") center / 16px 16px no-repeat;
  border: none;
  width: 32px;
  height: 32px;
}

.detailed-spare-review-reply-header {
  width: 20%;
}

.detailed-spare-review-reply-feedback-header {
  box-sizing: border-box;
  flex-direction: row;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.detailed-spare-review-reply-header-info {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-review-reply-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-review-reply-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-spare-review-reply-alvo-medical {
  font-weight: 500;
}

.detailed-spare-review-reply-main {
  box-sizing: border-box;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 80px 24px 10px;
  display: flex;
}

.detailed-spare-review-reply-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-spare-review-reply {
  width: 100%;
  padding: 0 6px;
}

.detailed-spare-frame-child, .detailed-spare-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.detailed-spare-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.detailed-spare-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.detailed-spare-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.detailed-spare-header-content, .detailed-spare-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.detailed-spare-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.detailed-spare-bar-chart-01-icon, .detailed-spare-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.detailed-spare-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.detailed-spare-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.detailed-spare-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.detailed-spare-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-spare-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-spare-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-spare-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-badge1, .detailed-spare-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.detailed-spare-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-spare-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-spare-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-navigation, .detailed-spare-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.detailed-spare-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.detailed-spare-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.detailed-spare-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-spare-placeholder, .detailed-spare-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.detailed-spare-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.detailed-spare-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.detailed-spare-content3, .detailed-spare-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-spare-content3 {
  flex: 1;
  gap: 8px;
}

.detailed-spare-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-header-container, .detailed-spare-input-with-label, .detailed-spare-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.detailed-spare-header-container, .detailed-spare-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.detailed-spare-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.detailed-spare-header-container {
  gap: 70px;
  width: 754px;
}

.detailed-spare-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.detailed-spare-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.detailed-spare-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.detailed-spare-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.detailed-spare-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.detailed-spare-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.detailed-spare-button-container, .detailed-spare-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.detailed-spare-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.detailed-spare-divider-icon, .detailed-spare-text6 {
  align-self: stretch;
  position: relative;
}

.detailed-spare-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.detailed-spare-text6 {
  font-weight: 500;
  line-height: 20px;
}

.detailed-spare-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.detailed-spare-chevron-right-icon, .detailed-spare-text7 {
  flex-shrink: 0;
  position: relative;
}

.detailed-spare-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.detailed-spare-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-spare-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.detailed-spare-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-spare-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.detailed-spare-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-spare-breadcrumb-controls, .detailed-spare-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.detailed-spare-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-spare-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.detailed-spare-breadcrumb-controls-icon, .detailed-spare-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.detailed-spare-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.detailed-spare-breadcrumb-controls-item {
  display: none;
}

.detailed-spare-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-spare-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-buttonsbutton, .detailed-spare-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.detailed-spare-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-spare-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.detailed-spare-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.detailed-spare-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-spare-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.detailed-spare-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.detailed-spare-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.detailed-spare-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-spare-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.detailed-spare-breadcrumb, .detailed-spare-breadcrumb-button-base3, .detailed-spare-breadcrumb-container-parent, .detailed-spare-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.detailed-spare-breadcrumb, .detailed-spare-breadcrumb-container-parent {
  max-width: 100%;
}

.detailed-spare-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.detailed-spare-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.detailed-spare-pre- {
  text-transform: capitalize;
}

.detailed-spare-o {
  text-transform: lowercase;
}

.detailed-spare-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.detailed-spare-marker-pin-02-icon, .detailed-spare-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.detailed-spare-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.detailed-spare-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.detailed-spare-detail-items, .detailed-spare-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-detail-items {
  flex: 1;
  gap: 8px;
}

.detailed-spare-details-row {
  gap: 20px;
  width: 294px;
}

.detailed-spare-contact-name {
  padding: 0 5px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  max-width: 50px;
  padding: 1px 4px;
  display: flex;
}

.detailed-spare-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.detailed-spare-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.detailed-spare-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.detailed-spare-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-spare-ellipse-div, .detailed-spare-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-spare-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.detailed-spare-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-spare-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.detailed-spare-contact-details, .detailed-spare-details-content, .detailed-spare-rectangle-container, .detailed-spare-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.detailed-spare-contact-details, .detailed-spare-details-content {
  align-self: stretch;
}

.detailed-spare-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.detailed-spare-details-content {
  flex-direction: column;
  gap: 8px;
}

.detailed-spare-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-buttonsbutton1, .detailed-spare-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.detailed-spare-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-buttonsbutton1:hover {
  background-color: #eaecf0;
}

.detailed-spare-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-spare-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.detailed-spare-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-spare-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.detailed-spare-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.detailed-spare-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.detailed-spare-detail-container, .detailed-spare-dropdown, .detailed-spare-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.detailed-spare-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.detailed-spare-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.detailed-spare-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.detailed-spare-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.detailed-spare-heading, .detailed-spare-paragraph, .detailed-spare-paragraph1 {
  z-index: 1;
  position: relative;
}

.detailed-spare-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-spare-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.detailed-spare-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.detailed-spare-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.detailed-spare-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.detailed-spare-description-columns-second, .detailed-spare-description-content, .detailed-spare-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 42px;
  min-height: 120px;
}

.detailed-spare-description-content, .detailed-spare-heading-parent {
  flex-direction: column;
}

.detailed-spare-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.detailed-spare-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.detailed-spare-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-spare-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-description-paragraphs, .detailed-spare-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.detailed-spare-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.detailed-spare-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.detailed-spare-heading1, .detailed-spare-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-spare-heading1 {
  font-weight: 500;
}

.detailed-spare-paragraph26 {
  color: #475467;
}

.detailed-spare-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.detailed-spare-gallery-images-container-child, .detailed-spare-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.detailed-spare-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.detailed-spare-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.detailed-spare-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.detailed-spare-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-spare-gallery-images, .detailed-spare-gallery-images-container, .detailed-spare-gallery-images-container1, .detailed-spare-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-spare-gallery-images, .detailed-spare-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.detailed-spare-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.detailed-spare-heading6 {
  font-weight: 600;
}

.detailed-spare-heading6, .detailed-spare-heading7, .detailed-spare-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-spare-heading7 {
  font-weight: 500;
}

.detailed-spare-paragraph30 {
  color: #475467;
}

.detailed-spare-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.detailed-spare-benefits-content {
  gap: 16px;
}

.detailed-spare-benefits-container, .detailed-spare-benefits-content, .detailed-spare-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.detailed-spare-section {
  z-index: 1;
  font-size: 18px;
}

.detailed-spare-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.detailed-spare-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-spare-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.detailed-spare-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.detailed-spare-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.detailed-spare-supporting-text3, .detailed-spare-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-spare-text12 {
  font-weight: 500;
}

.detailed-spare-supporting-text3 {
  color: #475467;
}

.detailed-spare-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.detailed-spare-download-items, .detailed-spare-download-items-parent, .detailed-spare-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.detailed-spare-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.detailed-spare-download-items, .detailed-spare-download-items-parent {
  align-self: stretch;
}

.detailed-spare-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.detailed-spare-heading15, .detailed-spare-text18 {
  font-weight: 600;
  position: relative;
}

.detailed-spare-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.detailed-spare-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.detailed-spare-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-spare-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-spare-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-spare-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-spare-button-group-base2, .detailed-spare-button-group-base3, .detailed-spare-button-group-base4, .detailed-spare-button-group-base5, .detailed-spare-button-group-base6, .detailed-spare-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.detailed-spare-button-group-base3, .detailed-spare-button-group-base4, .detailed-spare-button-group-base5, .detailed-spare-button-group-base6, .detailed-spare-button-group-base7 {
  z-index: 5;
}

.detailed-spare-button-group-base4, .detailed-spare-button-group-base5, .detailed-spare-button-group-base6, .detailed-spare-button-group-base7 {
  z-index: 4;
}

.detailed-spare-button-group-base5, .detailed-spare-button-group-base6, .detailed-spare-button-group-base7 {
  z-index: 3;
}

.detailed-spare-button-group-base6, .detailed-spare-button-group-base7 {
  z-index: 2;
}

.detailed-spare-button-group-base7 {
  z-index: 1;
}

.detailed-spare-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-spare-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-spare-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-supporting-text9, .detailed-spare-text27 {
  line-height: 24px;
  position: relative;
}

.detailed-spare-text27 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}

.detailed-spare-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.detailed-spare-content5, .detailed-spare-input-with-label1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.detailed-spare-input-with-label1 {
  align-self: stretch;
}

.detailed-spare-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.detailed-spare-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-spare-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-spare-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.detailed-spare-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-spare-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-spare-actions, .detailed-spare-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-spare-button {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.detailed-spare-content4, .detailed-spare-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 3px;
}

.detailed-spare-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.detailed-spare-empty-review, .detailed-spare-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.detailed-spare-empty-review {
  justify-content: center;
  height: 44px;
  line-height: 24px;
}

.detailed-spare-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.detailed-spare-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.detailed-spare-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.detailed-spare-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.detailed-spare-review-content, .detailed-spare-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.detailed-spare-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.detailed-spare-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.detailed-spare-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-spare-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-first-review-fifth-star, .detailed-spare-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.detailed-spare-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.detailed-spare-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-heading-wrapper {
  padding: 0 4px;
}

.detailed-spare-heading-wrapper, .detailed-spare-stars-wrapper, .detailed-spare-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.detailed-spare-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.detailed-spare-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-spare-rectangle-parent3, .detailed-spare-review-container, .detailed-spare-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.detailed-spare-review-container, .detailed-spare-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.detailed-spare-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.detailed-spare-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  padding-top: 10px;
  font-size: 56px;
}

.detailed-spare-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-spare-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.detailed-spare-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.detailed-spare-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-alvo-medical, .detailed-spare-heading20 {
  font-weight: 500;
}

.detailed-spare-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-spare-client-review-header, .detailed-spare-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.detailed-spare-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.detailed-spare-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-client-rating, .detailed-spare-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-client-rating {
  align-self: stretch;
  gap: 4px;
}

.detailed-spare-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.detailed-spare-client-review, .detailed-spare-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.detailed-spare-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.detailed-spare-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-spare-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.detailed-spare-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-spare-badge-wrapper, .detailed-spare-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.detailed-spare-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.detailed-spare-discount, .detailed-spare-price {
  z-index: 2;
  position: relative;
}

.detailed-spare-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.detailed-spare-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.detailed-spare-original-price, .detailed-spare-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.detailed-spare-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.detailed-spare-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-spare-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 0 12px 0 11px;
}

.detailed-spare-card-header, .detailed-spare-price-tag, .detailed-spare-service-title-container {
  align-items: flex-start;
  display: flex;
}

.detailed-spare-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  align-items: center !important;
}

.detailed-spare-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.detailed-spare-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -4px;
  right: 130px;
  margin: 0 !important;
}

.detailed-spare-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-spare-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.detailed-spare-amlie-laurent, .detailed-spare-card-footer, .detailed-spare-role {
  align-self: stretch;
  position: relative;
}

.detailed-spare-card-footer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-amlie-laurent, .detailed-spare-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.detailed-spare-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.detailed-spare-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-spare-supporting-text10 {
  z-index: 2;
  width: 117px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-supporting-text10-a {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-message-button {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  display: flex;
}

.detailed-spare-contact-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 52px;
  display: flex;
}

.detailed-spare-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.detailed-spare-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.detailed-spare-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-spare-buttonsbutton5, .detailed-spare-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-buttonsbutton5 {
  white-space: nowrap;
  cursor: pointer;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.detailed-spare-buttonsbutton5:hover {
  background-color: #6941c6;
}

.detailed-spare-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.detailed-spare-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-buttonsbutton6-add:hover {
  background-color: #eaecf0;
}

.detailed-spare-buttonsbutton6:hover {
  background-color: #3e9e5b;
}

.detailed-spare-button-container2, .detailed-spare-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-button-container2 {
  flex: 1;
  gap: 16px;
}

.detailed-spare-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.detailed-spare-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.detailed-spare-dropdown-menu, .detailed-spare-dropdown1, .detailed-spare-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-dropdown1 {
  z-index: 2;
}

.detailed-spare-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.detailed-spare-professional-details, .detailed-spare-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.detailed-spare-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.detailed-spare-card-content, .detailed-spare-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.detailed-spare-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-spare-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.detailed-spare-description, .detailed-spare-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.detailed-spare-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.detailed-spare-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-spare-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.detailed-spare-header-content1, .detailed-spare-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-spare-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.detailed-spare-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.detailed-spare-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.detailed-spare-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.detailed-spare-client-name, .detailed-spare-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-spare-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  text-overflow: ellipsis;
  align-self: stretch;
  max-width: 260px;
  font-size: 16px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.detailed-spare-heading24 {
  text-overflow: ellipsis;
  color: #6941c6;
  width: 164px;
  max-width: 164px;
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
}

.detailed-spare-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.detailed-spare-testimonial-divider, .detailed-spare-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  padding: 16px;
}

.detailed-spare-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.detailed-spare-rectangle-parent4, .detailed-spare-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.detailed-spare-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.detailed-spare-frame-parent, .detailed-spare-listing-content, .detailed-spare-listing-content-wrapper, .detailed-spare-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.detailed-spare-frame-parent, .detailed-spare-listing-content, .detailed-spare-listing-content-wrapper {
  flex-direction: row;
}

.detailed-spare-listing-content {
  flex: 1;
  gap: 14px;
}

.detailed-spare-frame-parent, .detailed-spare-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.detailed-spare-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  padding: 0 2px 24px 0;
}

.detailed-spare-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-listing-image-grid, .detailed-spare-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.detailed-spare-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.detailed-spare-listing-image-grid1 {
  padding: 0 80px 24px;
}

.detailed-spare-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-spare-feedback-header, .detailed-spare-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.detailed-spare-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.detailed-spare-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-spare-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-buttonsbutton7, .detailed-spare-feedback-score, .detailed-spare-stars-parent {
  align-items: flex-start;
  display: flex;
}

.detailed-spare-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.detailed-spare-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.detailed-spare-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.detailed-spare-client-feedback, .detailed-spare-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.detailed-spare-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 24px 80px 24px 0;
}

.detailed-spare-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.detailed-spare-client-message, .detailed-spare-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.detailed-spare-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-spare-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px 0;
}

.detailed-spare-buttonsbutton8, .detailed-spare-client-message, .detailed-spare-view-replies {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-buttonsbutton8:hover {
  background-color: #6941c6;
}

.detailed-spare-view-replies {
  color: #eaecf0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 91.5%;
  padding-bottom: 24px;
  font-size: 14px;
  display: flex;
}

.detailed-spare-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-spare-button-wrap, .detailed-spare-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-spare-buttonsbutton9 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-buttonsbutton9:hover {
  background-color: #eaecf0;
}

.detailed-spare-button-wrap {
  justify-content: flex-start;
}

.detailed-spare-details, .detailed-spare-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-spare-text37 {
  min-width: 32px;
  font-weight: 600;
}

.detailed-spare-button-wrap1, .detailed-spare-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-spare-buttonsbutton10 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-buttonsbutton10:hover {
  background-color: #eaecf0;
}

.detailed-spare-button-wrap1 {
  justify-content: flex-end;
}

.detailed-spare-pagination, .detailed-spare-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.detailed-spare-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px 16px 9px;
  overflow-x: auto;
}

.detailed-spare-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 66px 24px;
  font-size: 14px;
}

.detailed-spare-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.detailed-spare-heading32, .detailed-spare-heading33 {
  line-height: 24px;
  position: relative;
}

.detailed-spare-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.detailed-spare-heading33 {
  width: 107px;
  display: inline-block;
}

.detailed-spare-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-spare-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.detailed-spare-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.detailed-spare-label2, .detailed-spare-label3, .detailed-spare-text38 {
  position: relative;
}

.detailed-spare-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.detailed-spare-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.detailed-spare-input-with-label3, .detailed-spare-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.detailed-spare-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.detailed-spare-content6, .detailed-spare-input-field, .detailed-spare-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.detailed-spare-content6, .detailed-spare-input-field {
  max-width: 100%;
}

.detailed-spare-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.detailed-spare-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.detailed-spare-label4, .detailed-spare-text39 {
  display: inline-block;
  position: relative;
}

.detailed-spare-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-spare-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.detailed-spare-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-spare-input-field1, .detailed-spare-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.detailed-spare-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.detailed-spare-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.detailed-spare-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-spare-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-spare-button1, .detailed-spare-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.detailed-spare-review-form, .detailed-spare-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.detailed-spare-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.detailed-spare-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.detailed-spare-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.detailed-spare-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-heading-parent3, .detailed-spare-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.detailed-spare-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.detailed-spare-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.detailed-spare-frame-child12, .detailed-spare-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.detailed-spare-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.detailed-spare-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.detailed-spare-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.detailed-spare-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-spare-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.detailed-spare-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-spare-badge5, .detailed-spare-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.detailed-spare-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.detailed-spare-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.detailed-spare-image-overlay, .detailed-spare-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.detailed-spare-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.detailed-spare-text42 {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 220px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
}

.detailed-spare-listing-detail-item-date, .detailed-spare-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.detailed-spare-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.detailed-spare-location {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.detailed-spare-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-spare-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.detailed-spare-listing-team-member {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.detailed-spare-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-listing-detail-item-pin-wrapper, .detailed-spare-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.detailed-spare-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.detailed-spare-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.detailed-spare-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-listing, .detailed-spare-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.detailed-spare-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.detailed-spare-name {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0;
  max-width: 110px;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
  overflow: hidden;
}

.detailed-spare-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.detailed-spare-role1 {
  color: #6941c6;
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 110px;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.detailed-spare-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.detailed-spare-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.detailed-spare-listing-detail-item-value, .detailed-spare-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.detailed-spare-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.detailed-spare-listing-detail-item, .detailed-spare-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-spare-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.detailed-spare-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.detailed-spare-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.detailed-spare-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.detailed-spare-footer-social, .detailed-spare-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.detailed-spare-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-spare-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-spare-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.detailed-spare-badge-group, .detailed-spare-image-overlay3, .detailed-spare-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.detailed-spare-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.detailed-spare-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.detailed-spare-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.detailed-spare-agent-details-icon, .detailed-spare-agent-extra-info, .detailed-spare-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.detailed-spare-agent-details-icon, .detailed-spare-agent-extra-info {
  max-width: 100%;
}

.detailed-spare-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.detailed-spare-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.detailed-spare-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.detailed-spare-frame-parent5 {
  scrollbar-width: none;
  white-space: nowrap;
  scroll-behavior: smooth;
  align-items: flex-start;
  gap: 16px;
  height: 455px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  top: 0;
  left: 20px;
  overflow: scroll hidden;
}

.detailed-spare-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.detailed-spare-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.detailed-spare-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 90%;
  max-width: 100%;
  padding: 0 10px 24px;
  font-size: 12px;
  display: flex;
}

.detailed-spare-testiomonial-carousel-arrow4, .detailed-spare-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.detailed-spare-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.detailed-spare-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.detailed-spare-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-rectangle-parent30, .detailed-spare-supporting-six-wrapper, .detailed-spare-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.detailed-spare-supporting-six-wrapper, .detailed-spare-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.detailed-spare-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.detailed-spare-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.detailed-spare-divider-container, .detailed-spare-icon-group, .detailed-spare-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.detailed-spare-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.detailed-spare-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.detailed-spare-breadcrumb-button-base4, .detailed-spare-testiomonial-carousel-arrow6, .detailed-spare-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-spare-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.detailed-spare-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.detailed-spare-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-spare-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-spare-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.detailed-spare-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-spare-divider-icon24 {
  width: 1216px;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin: 0 !important;
}

.detailed-spare-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-spare-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-spare-button2, .detailed-spare-text-padding4, .detailed-spare-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.detailed-spare-button2, .detailed-spare-text-padding5 {
  box-sizing: border-box;
}

.detailed-spare-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.detailed-spare-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.detailed-spare-button3, .detailed-spare-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.detailed-spare-button4, .detailed-spare-button5, .detailed-spare-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.detailed-spare-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-actions1, .detailed-spare-testiomonial-carousel-arrow8, .detailed-spare-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-spare-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.detailed-spare-testiomonial-carousel-arrow8, .detailed-spare-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-spare-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.detailed-spare-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.detailed-spare-listing-image-grid11, .detailed-spare-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.detailed-spare-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.detailed-spare-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-spare-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.detailed-spare-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.detailed-spare-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.detailed-spare-heading40, .detailed-spare-text123 {
  font-weight: 600;
  position: relative;
}

.detailed-spare-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.detailed-spare-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.detailed-spare-buttonsbutton27, .detailed-spare-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-spare-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.detailed-spare-footer-link1 {
  justify-content: flex-start;
}

.detailed-spare-text124, .detailed-spare-text125, .detailed-spare-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-text125, .detailed-spare-text126 {
  min-width: 68px;
}

.detailed-spare-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.detailed-spare-badge36, .detailed-spare-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-spare-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.detailed-spare-footer-link3 {
  gap: 8px;
}

.detailed-spare-text127, .detailed-spare-text128, .detailed-spare-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-text128, .detailed-spare-text129 {
  min-width: 97px;
}

.detailed-spare-text129 {
  min-width: 81px;
}

.detailed-spare-footer-links-column, .detailed-spare-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.detailed-spare-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.detailed-spare-text130, .detailed-spare-text131, .detailed-spare-text132, .detailed-spare-text133, .detailed-spare-text134, .detailed-spare-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.detailed-spare-text131, .detailed-spare-text132, .detailed-spare-text133, .detailed-spare-text134, .detailed-spare-text135 {
  min-width: 58px;
}

.detailed-spare-text132, .detailed-spare-text133, .detailed-spare-text134, .detailed-spare-text135 {
  min-width: 66px;
}

.detailed-spare-text133, .detailed-spare-text134, .detailed-spare-text135 {
  min-width: 90px;
}

.detailed-spare-text134, .detailed-spare-text135 {
  min-width: 55px;
}

.detailed-spare-text135 {
  min-width: 63px;
}

.detailed-spare-footer-links2, .detailed-spare-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.detailed-spare-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.detailed-spare-help-icon, .detailed-spare-label6 {
  display: none;
  position: relative;
}

.detailed-spare-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-spare-help-icon {
  width: 16px;
  height: 16px;
}

.detailed-spare-input-with-label6, .detailed-spare-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.detailed-spare-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-spare-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-spare-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.detailed-spare-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-spare-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.detailed-spare-email-capture, .detailed-spare-links-and-newsletter, .detailed-spare-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.detailed-spare-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.detailed-spare-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.detailed-spare-container, .detailed-spare-content8, .detailed-spare-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-container {
  flex: 1;
  max-width: 1280px;
}

.detailed-spare-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.detailed-spare-divider-icon29, .detailed-spare-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.detailed-spare-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.detailed-spare-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  padding: 64px 0 48px;
  display: flex;
}

.detailed-spare-footer-text {
  line-height: 20px;
  position: relative;
}

.detailed-spare-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.detailed-spare-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.detailed-spare-logomark, .detailed-spare-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.detailed-spare-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.detailed-spare-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.detailed-spare-content10, .detailed-spare-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-spare-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.detailed-spare-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.detailed-spare-footer1, .detailed-spare-listings-detailed-page-devic, .detailed-spare-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.detailed-spare-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.detailed-spare-listings-detailed-page-devic, .detailed-spare-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.detailed-spare-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.detailed-spare-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.detailed-spare-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-spare-sharethis-parent {
  position: relative;
}

.detailed-spare-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-spare-sharethis-follow-parent {
  position: relative;
}

.detailed-spare-button1-submit {
  z-index: 2;
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-spare-button1-submit:hover {
  background-color: #6941c6;
}

.detailed-spare-client-feedback-parent {
  width: 100%;
}

.detailed-spare-reply-section {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 0 80px 24px 0;
  display: flex;
}

.detailed-spare-reply-textarea {
  resize: none;
  box-sizing: border-box;
  scrollbar-width: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  height: 100px;
  padding: 10px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.detailed-spare-reply-textarea:focus {
  border-color: #7e56d9;
  outline: none;
}

.detailed-spare-reply-submit-btn {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9;
  border: none;
  border-radius: 5px;
  width: max-content;
  padding: 8px 15px;
  font-size: 14px;
}

.detailed-spare-reply-submit-btn:hover {
  background-color: #6941c6;
}

.detailed-spare-reply-submit-btn:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.detailed-spare-char-counter {
  color: #555;
  text-align: left;
  font-size: 12px;
}

.detailed-spare-char-counter.warning {
  color: #e74c3c;
}

@media screen and (width <= 1275px) {
  .detailed-spare-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .detailed-spare-breadcrumb-controls1 {
    flex: 1;
  }

  .detailed-spare-breadcrumb-container {
    flex-wrap: wrap;
  }

  .detailed-spare-service-card {
    flex: 1;
  }

  .detailed-spare-listing-content {
    flex-wrap: wrap;
  }

  .detailed-spare-container, .detailed-spare-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .detailed-spare-client-review, .detailed-spare-content4, .detailed-spare-description-columns-first, .detailed-spare-download-items, .detailed-spare-gallery-images, .detailed-spare-rectangle-group, .detailed-spare-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .detailed-spare-description-block-parent {
    min-width: 100%;
  }

  .detailed-spare-client-feedback, .detailed-spare-client-message, .detailed-spare-listing-image-grid, .detailed-spare-listing-image-grid1, .detailed-spare-pagination-wrapper, .detailed-spare-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-spare-heading-parent3 {
    flex-wrap: wrap;
  }

  .detailed-spare-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .detailed-spare-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .detailed-spare-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .detailed-spare-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .detailed-spare-actions, .detailed-spare-file-upload-item-base {
    flex-wrap: wrap;
  }

  .detailed-spare-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .detailed-spare-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .detailed-spare-review-stars {
    min-width: 100%;
  }

  .detailed-spare-review-container, .detailed-spare-review-stars {
    flex-wrap: wrap;
  }

  .detailed-spare-client-review-header {
    min-width: 100%;
  }

  .detailed-spare-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-spare-service-card {
    min-width: 100%;
  }

  .detailed-spare-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-spare-feedback-header {
    min-width: 100%;
  }

  .detailed-spare-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .detailed-spare-frame-parent3 {
    flex-wrap: wrap;
  }

  .detailed-spare-textarea-input-field {
    max-width: 100%;
  }

  .detailed-spare-content6 {
    gap: 16px;
  }

  .detailed-spare-textarea-input-field1 {
    max-width: 100%;
  }

  .detailed-spare-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-spare-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .detailed-spare-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .detailed-spare-links {
    flex: 1;
  }

  .detailed-spare-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .detailed-spare-container {
    gap: 24px;
  }

  .detailed-spare-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-spare-footer {
    gap: 24px;
    height: auto;
  }

  .detailed-spare-container1 {
    gap: 16px;
  }

  .detailed-spare-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .detailed-spare-header-container {
    gap: 17px;
  }

  .detailed-spare-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .detailed-spare-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-spare-button-row, .detailed-spare-contact-details {
    flex-wrap: wrap;
  }

  .detailed-spare-gallery-images-container, .detailed-spare-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .detailed-spare-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .detailed-spare-input-dropdown {
    max-width: 100%;
  }

  .detailed-spare-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .detailed-spare-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .detailed-spare-rectangle-parent1 {
    flex: 1;
  }

  .detailed-spare-review-container {
    gap: 16px;
  }

  .detailed-spare-price {
    font-size: 21px;
    line-height: 26px;
  }

  .detailed-spare-header-content1, .detailed-spare-professional-details, .detailed-spare-testimonial-item {
    flex-wrap: wrap;
  }

  .detailed-spare-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .detailed-spare-review-form {
    gap: 25px;
  }

  .detailed-spare-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .detailed-spare-links, .detailed-spare-logo-and-supporting-text {
    gap: 16px;
  }

  .detailed-spare-email-capture {
    flex-wrap: wrap;
  }

  .detailed-spare-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .detailed-spare-footer1 {
    gap: 16px;
  }
}

.slideshow-wrapper {
  width: 100%;
  position: relative;
  top: 70px;
  overflow: hidden;
}

.modal {
  z-index: 1000;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-content {
  max-width: 90%;
  max-height: 90%;
}

.close {
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  font-weight: bold;
  position: absolute;
  top: 20px;
  right: 20px;
}

.slideshow-container {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  transition: transform .5s ease-in-out;
  display: flex;
  top: -100px;
  overflow: hidden;
}

.mySlides {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: 20%;
}

.slide {
  width: 100%;
  height: 288px;
  position: relative;
}

.prev, .next {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

.numbertext {
  color: #f2f2f2;
  padding: 8px 12px;
  font-size: 12px;
  position: absolute;
  top: 0;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {
    opacity: .4;
  }

  to {
    opacity: 1;
  }
}

.slideshow-prev, .slideshow-next {
  cursor: pointer;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.slideshow-prev {
  left: 30%;
}

.slideshow-next {
  right: 30%;
}

.video-thumbnail {
  cursor: pointer;
  width: inherit;
  height: inherit;
  position: relative;
}

.video-thumbnail img {
  border-radius: 12px;
  width: 100%;
  height: 100%;
}

.video-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.close-button {
  color: red;
  cursor: pointer;
  background: none;
  border: none;
  font-size: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.close-button:hover {
  text-decoration: underline;
}

.video-section-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  height: 560px;
  padding: 0 0 4px;
  display: flex;
}

.video-section-heading1 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.video-section-gallery-images-container-child {
  object-fit: cover;
  border-radius: 12px;
  width: 440px;
  max-width: 100%;
  height: 386px;
  position: relative;
}

.video-section-gallery-images-container-item {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 72px !important;
  height: 72px !important;
}

.video-section-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.video-section-gallery-images, .video-section-gallery-images-container, .video-section-gallery-images-container1 {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.video-section-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.video-section-gallery-images {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

@media screen and (width <= 1100px) {
  .video-section-gallery-images {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .video-section-gallery-images-container, .video-section-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }
}

.rating-star-component-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  padding: 8px 0;
  display: flex;
}

.rating-star-component-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.rating-star-component-heading33 {
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.rating-star-component-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.rating-star-component-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

@media screen and (width <= 750px) {
  .rating-star-component-frame-parent3 {
    flex-wrap: wrap;
  }
}

.review-description-component-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 848px;
  max-width: 100%;
  padding-bottom: 30px;
  display: flex;
}

.review-description-component-input-with-label1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.review-description-component-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.review-description-component-content6 {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.review-description-component-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  padding: 0;
  display: flex;
}

.review-description-component-input-field-title, .review-description-component-input-field-review {
  resize: none;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  font-family: inherit;
  font-size: 16px;
  transition: border-color .3s, box-shadow .3s;
}

.review-description-component-input-field-review {
  scrollbar-width: none;
  height: 100%;
}

.review-description-component-input-field-title:focus, .review-description-component-input-field-review:focus {
  border-color: #7e56d9;
  outline: none;
  box-shadow: 0 0 5px #7e56d9cc;
}

.review-description-component-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.review-description-component-hint-text1.warning {
  color: #e74c3c;
}

.review-description-component-input-field1 {
  z-index: 2;
  color: #344054;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 848px;
  max-width: 100%;
  display: flex;
}

.review-description-component-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.review-description-component-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  height: 128px;
  display: flex;
}

.review-description-component-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.review-description-component-hint-text3.warning {
  color: #e74c3c;
}

.review-description-component-hint-text {
  display: none;
}

@media screen and (width <= 750px) {
  .review-description-component-content6 {
    gap: 16px;
  }

  .review-description-component-textarea-input-field, .review-description-component-textarea-input-field1 {
    max-width: 100%;
  }
}

.filters-sort-by-dropdown-avatar-online-indicator6, .filters-sort-by-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.filters-sort-by-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.filters-sort-by-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.filters-sort-by-dropdown-avatar22 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.filters-sort-by-dropdown-supporting-text84, .filters-sort-by-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.filters-sort-by-dropdown-text246 {
  font-weight: 600;
}

.filters-sort-by-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.filters-sort-by-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.filters-sort-by-dropdown-avatar-label-group, .filters-sort-by-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.filters-sort-by-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.filters-sort-by-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #f9fafb;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.filters-sort-by-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.filters-sort-by-dropdown-text247 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.filters-sort-by-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.filters-sort-by-dropdown-content48, .filters-sort-by-dropdown-dropdown-list-item, .filters-sort-by-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filters-sort-by-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 10px;
}

.filters-sort-by-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.filters-sort-by-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.filters-sort-by-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.filters-sort-by-dropdown-dropdown-list-item10, .filters-sort-by-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.filters-sort-by-dropdown-dropdown-list-item10 {
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.filters-sort-by-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.filters-sort-by-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.filters-sort-by-dropdown-dropdown-list-item11, .filters-sort-by-dropdown-dropdown-list-item12, .filters-sort-by-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.filters-sort-by-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.filters-sort-by-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.filters-sort-by-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.filters-sort-by-dropdown-dropdown-list-item12, .filters-sort-by-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.filters-sort-by-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.filters-sort-by-dropdown-menu-items, .filters-sort-by-dropdown-filters-sort-by-all-options-fixed {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.filters-sort-by-dropdown-menu-items {
  align-self: stretch;
}

.filters-sort-by-dropdown-filters-sort-by-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  width: 190px;
  line-height: normal;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

@media screen and (width <= 550px) {
  .no-messages-empty-state1 {
    gap: 16px;
  }

  .no-messages-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-messages-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.report-abuse-featured-icon2 {
  border-radius: 8px;
  padding-top: 3px;
  position: relative;
}

.report-abuse-supporting-text91, .report-abuse-title9 {
  white-space: nowrap;
  align-self: stretch;
  position: relative;
}

.report-abuse-title9 {
  color: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.report-abuse-supporting-text91 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.report-abuse-content71, .report-abuse-text-and-supporting-text26 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.report-abuse-content71 {
  flex-direction: row;
  gap: 16px;
  position: absolute;
  top: 24px;
  left: 24px;
  margin: 0 !important;
}

.report-abuse-button-close-x6, .report-abuse-slide-out-menu-header {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.report-abuse-button-close-x6 {
  z-index: 1;
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 8px 0;
  position: absolute;
  top: 27px;
  right: 26px;
  overflow: hidden;
  margin: 0 !important;
}

.report-abuse-slide-out-menu-header {
  text-align: left;
  color: #101828;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  height: 78px;
  padding: 0 24px;
  font-family: Inter;
  font-size: 20px;
  position: relative;
}

.report-abuse-label9 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.report-abuse-content72 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 194px;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.report-abuse-help-icon2 {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
}

.report-abuse-input6 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.report-abuse-input6:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.report-abuse-input6:hover {
  border-color: #7e56d9;
}

.report-abuse-input6a {
  box-sizing: border-box;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"%3E%3Cpath fill=\"gray\" d=\"M10 12l-6-6h12z\"/%3E%3C/svg%3E");
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: none;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.report-abuse-input6a:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.report-abuse-input6a:hover {
  border-color: #7e56d9;
}

.report-abuse-hint-text6 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.report-abuse-input-field {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.report-abuse-label10 {
  min-width: 94px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.report-abuse-mail-01-icon, .report-abuse-text274 {
  position: relative;
  overflow: hidden;
}

.report-abuse-mail-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.report-abuse-text274 {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 80%;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.report-abuse-content73 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.report-abuse-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.report-abuse-form, .report-abuse-input-field1, .report-abuse-input7 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.report-abuse-input7 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 50%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.report-abuse-email-domain {
  color: #475467;
  width: 50%;
  padding: 9px 0 0 8px;
  line-height: 20px;
  position: relative;
}

.report-abuse-email-card {
  flex-direction: row;
  display: flex;
}

.report-abuse-form, .report-abuse-input-field1 {
  flex-direction: column;
}

.report-abuse-input-field1 {
  align-items: flex-start;
  gap: 6px;
}

.report-abuse-form {
  align-items: flex-end;
}

.report-abuse-label11, .report-abuse-label12 {
  min-width: 108px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.report-abuse-label12 {
  min-width: 69px;
}

.report-abuse-section2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.report-abuse-divider12, .report-abuse-section-container {
  align-self: stretch;
  max-width: 100%;
}

.report-abuse-section-container {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.report-abuse-divider12 {
  background-color: #eaecf0;
  flex: 1;
  position: relative;
}

.report-abuse-divider-wrapper, .report-abuse-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.report-abuse-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  height: 1px;
  padding: 0 24px;
}

.report-abuse-slide-out-menu-header-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  gap: 14px;
  font-family: Inter;
  font-size: 14px;
}

.report-abuse-placeholder-icon91 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.report-abuse-text275 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.report-abuse-buttonsbutton49, .report-abuse-text-padding51 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.report-abuse-buttonsbutton49 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.report-abuse-buttonsbutton49:hover {
  background-color: #f9fafb;
}

.report-abuse-text276 {
  color: #fff;
  text-align: left;
  width: max-content;
  min-width: 55px;
  padding: 0 14px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.report-abuse-actions19, .report-abuse-buttonsbutton50 {
  flex-direction: row;
  display: flex;
}

.report-abuse-buttonsbutton50 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.report-abuse-buttonsbutton50:hover {
  background-color: #6941c6;
}

.report-abuse-actions19 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.report-abuse-content76, .report-abuse-footer2 {
  align-self: stretch;
  align-items: center;
  display: flex;
}

.report-abuse-content76 {
  flex-direction: row;
  justify-content: flex-end;
  padding: 16px 24px;
}

.report-abuse-footer2 {
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
}

.report-abuse-panel {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 24px -4px #10182814, 0 8px 8px -4px #10182808;
}

.report-abuse-slide-out-menu {
  letter-spacing: normal;
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 100%;
  line-height: normal;
  transition: transform .3s ease-in-out;
  display: flex;
  position: absolute;
  top: 120px;
  right: 3px;
}

.report-abuse-slide-out-menu-review {
  letter-spacing: normal;
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 100%;
  line-height: normal;
  transition: transform .3s ease-in-out;
  display: flex;
  position: absolute;
  top: 35%;
  right: 3px;
}

.report-abuse-slide-out-menu-review.open, .report-abuse-slide-out-menu.open {
  transform: translateX(0);
}

.report-abuse-step3-file-upload-item-base3 {
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  max-width: 100%;
  padding: 14px 15px;
  font-size: 10px;
  display: flex;
}

.report-abuse-step3-file-upload-item-base3:hover {
  border-color: #6941c6;
}

.report-abuse-step3-frame-parent7 {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  min-width: 320px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.report-abuse-step3-file-type-icon-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.report-abuse-step3-file-type-icon3 {
  width: 40px;
  height: 40px;
  position: relative;
}

.report-abuse-step3-page-icon3 {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.report-abuse-step3-file-type-wrap3 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.report-abuse-step3-file-type3 {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.report-abuse-step3-text-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.report-abuse-step3-text90 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.report-abuse-step3-supporting-text29 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.report-abuse-step3-content69 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.report-abuse-step3-featured-icon5 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.report-abuse-step3-text-and-supporting-text13 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.report-abuse-step3-action5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.report-abuse-step3-buttonsbutton16 {
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.report-abuse-step3-text88 {
  color: #6941c6;
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.report-abuse-step3-text89 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.report-abuse-step3-supporting-text28 {
  text-align: center;
  color: #475467;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.report-abuse-step3-pdf1 {
  font-weight: 600;
}

.report-abuse-first-upload-item {
  color: #344054;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 200px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.report-abuse-first-upload-item-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.report-abuse-error {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 1px #ef4444 !important;
}

.report-abuse-error-message {
  color: #ef4444;
  align-items: center;
  padding: 5px;
  font-size: 14px;
  display: flex;
}

@media screen and (width <= 400px) {
  .report-abuse-panel {
    gap: 216px;
  }
}

.report-abuse-confirmation-email-popup {
  background-color: #fff;
  border-radius: 12px;
  max-width: 100%;
  overflow: hidden;
}

.report-abuse-confirmation-frame-section {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 34px 44px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.report-abuse-confirmation-header1 {
  text-align: center;
  color: #101828;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  font-size: 30px;
  display: flex;
}

.report-abuse-confirmation-featured-icon1 {
  width: 56px;
  height: 56px;
}

.report-abuse-confirmation-title1 {
  font-size: inherit;
  margin: 0;
  font-weight: 600;
  line-height: 38px;
}

.report-abuse-confirmation-supporting-text5 {
  color: #475467;
  padding: 15px 0;
  font-size: 16px;
  line-height: 24px;
}

.report-abuse-confirmation-row1 {
  flex-direction: row;
  justify-content: center;
  gap: 12px;
  display: flex;
}

.report-abuse-confirmation-buttonsbutton10 {
  cursor: pointer;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  padding: 8px 20px;
  box-shadow: 0 1px 2px #1018280d;
}

.report-abuse-confirmation-buttonsbutton12 {
  cursor: pointer;
  color: #6941c6;
  background: none;
  border: none;
  font-weight: 600;
}

@media screen and (width <= 616px) {
  .report-abuse-confirmation-row1 {
    flex-wrap: wrap;
  }

  .report-abuse-confirmation-email-popup {
    height: auto;
    min-height: 546px;
  }
}

.three-dots-detail-page-filter-dropdown-avatar-online-indicator6, .three-dots-detail-page-filter-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.three-dots-detail-page-filter-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.three-dots-detail-page-filter-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.three-dots-detail-page-filter-dropdown-avatar22 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.three-dots-detail-page-filter-dropdown-supporting-text84, .three-dots-detail-page-filter-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.three-dots-detail-page-filter-dropdown-text246 {
  font-weight: 600;
}

.three-dots-detail-page-filter-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.three-dots-detail-page-filter-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.three-dots-detail-page-filter-dropdown-avatar-label-group, .three-dots-detail-page-filter-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.three-dots-detail-page-filter-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.three-dots-detail-page-filter-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #f9fafb;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.three-dots-detail-page-filter-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.three-dots-detail-page-filter-dropdown-text247 {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.three-dots-detail-page-filter-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.three-dots-detail-page-filter-dropdown-content48, .three-dots-detail-page-filter-dropdown-dropdown-list-item, .three-dots-detail-page-filter-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.three-dots-detail-page-filter-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 5px;
}

.three-dots-detail-page-filter-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.three-dots-detail-page-filter-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-detail-page-filter-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.three-dots-detail-page-filter-dropdown-dropdown-list-item10, .three-dots-detail-page-filter-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.three-dots-detail-page-filter-dropdown-dropdown-list-item10 {
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.three-dots-detail-page-filter-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-detail-page-filter-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.three-dots-detail-page-filter-dropdown-dropdown-list-item11, .three-dots-detail-page-filter-dropdown-dropdown-list-item12, .three-dots-detail-page-filter-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.three-dots-detail-page-filter-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-detail-page-filter-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.three-dots-detail-page-filter-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-detail-page-filter-dropdown-dropdown-list-item12, .three-dots-detail-page-filter-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.three-dots-detail-page-filter-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.three-dots-detail-page-filter-dropdown-menu-items, .three-dots-detail-page-filter-dropdown-three-dots-detail-page-filter-all-options-fixed {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  color: #344054 !important;
}

.three-dots-detail-page-filter-dropdown-menu-items {
  align-self: stretch;
}

.three-dots-detail-page-filter-dropdown-three-dots-detail-page-filter-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  width: max-content;
  line-height: normal;
  position: absolute;
  top: 17px;
  right: 7px;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Inter, sans-serif;
}

body {
  background-color: #f5f5f5;
}

.container-detail-page {
  background-color: #fff;
  padding: 20px;
  width: 100% !important;
}

.skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%) 0 0 / 200% 100%;
  border-radius: 4px;
  animation: 1.5s infinite shimmer;
}

.image-carousel {
  gap: 10px;
  width: 100%;
  height: 220px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.carousel-item {
  flex: 1;
  height: 100%;
}

.arrow-btn {
  z-index: 10;
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.arrow-left {
  left: 10px;
}

.arrow-right {
  right: 10px;
}

.photos-link {
  background-color: #fffc;
  border-radius: 4px;
  width: 120px;
  height: 25px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.tabs {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
  display: flex;
}

.tab {
  width: 100px;
  height: 30px;
  margin-right: 10px;
}

.product-header {
  margin-bottom: 20px;
}

.product-title {
  width: 90%;
  height: 40px;
  margin-bottom: 10px;
}

.product-meta {
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.meta-item {
  width: 120px;
  height: 20px;
}

.actions {
  gap: 10px;
  margin-bottom: 20px;
  display: flex;
}

.action-btn {
  width: 80px;
  height: 30px;
}

.product-info {
  grid-template-columns: 1fr 2fr;
  gap: 20px;
  margin-bottom: 20px;
  display: grid;
}

.price-container {
  justify-content: space-between;
  align-items: center;
  height: 100px;
  margin-bottom: 20px;
  display: flex;
}

.price {
  width: 150px;
  height: 40px;
}

.cta-button {
  width: 200px;
  height: 50px;
}

.highlights {
  margin-bottom: 20px;
}

.highlight-header {
  width: 150px;
  height: 30px;
  margin-bottom: 10px;
}

.highlight-grid {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  display: grid;
}

.highlight-item {
  height: 60px;
}

.seller-info {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 10px;
  display: flex;
}

.seller-photo {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 20px;
}

.seller-details {
  flex: 1;
}

.seller-name {
  width: 150px;
  height: 20px;
  margin-bottom: 10px;
}

.seller-badge {
  width: 100px;
  height: 20px;
}

.section {
  margin-bottom: 20px;
}

.section-title {
  width: 200px;
  height: 25px;
  margin-bottom: 10px;
}

.section-content {
  height: 80px;
}

.jobs-section {
  margin-bottom: 20px;
}

.jobs-header {
  justify-content: space-between;
  margin-bottom: 10px;
  display: flex;
}

.job-list {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.job-item {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  align-items: center;
  height: 80px;
  padding: 10px;
  display: flex;
}

.job-icon {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 20px;
}

.job-details {
  flex: 1;
  height: 60px;
}

.map-container {
  width: 100%;
  height: 200px;
  position: relative;
}

.map-controls {
  flex-direction: column;
  gap: 5px;
  display: flex;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.map-control {
  background-color: #fff;
  border-radius: 4px;
  width: 30px;
  height: 30px;
}

.map-attribution {
  width: 100%;
  height: 20px;
}

.listing-detail-error-page-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.listing-detail-error-page-logo, .listing-detail-error-page-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.listing-detail-error-page-logo {
  background-image: url("gerator04-1@2x.cbea7ee6.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.listing-detail-error-page-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.listing-detail-error-page-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.listing-detail-error-page-text {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  min-width: 47px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.listing-detail-error-page-buttonsbutton, .listing-detail-error-page-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.listing-detail-error-page-buttonsbutton {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 8px;
  gap: 6px;
  padding: 10px 16px;
  overflow: hidden;
}

.listing-detail-error-page-text1 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 59px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.listing-detail-error-page-buttonsbutton1, .listing-detail-error-page-navigation-actions {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.listing-detail-error-page-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.listing-detail-error-page-navigation-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 190px;
}

.listing-detail-error-page-listing-detail-error-404-page-desktop-inner, .listing-detail-error-page-frame-parent {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.listing-detail-error-page-frame-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.listing-detail-error-page-listing-detail-error-404-page-desktop-inner {
  box-sizing: border-box;
  justify-content: flex-start;
  width: 1360px;
  padding: 0 32px;
}

.listing-detail-error-page-heading, .listing-detail-error-page-subheading {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.listing-detail-error-page-heading {
  letter-spacing: -.02em;
  color: #101828;
  margin: 0;
  font-family: inherit;
  font-size: 60px;
  line-height: 72px;
}

.listing-detail-error-page-heading-and-subheading {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.listing-detail-error-page-we-searched-high {
  margin-block: 0 20px;
}

.listing-detail-error-page-lets-find-a {
  margin: 0;
}

.listing-detail-error-page-supporting-text {
  color: #475467;
  align-self: stretch;
  height: 60px;
  font-size: 20px;
  line-height: 30px;
  display: inline-block;
  position: relative;
}

.listing-detail-error-page-heading-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 768px;
  max-width: 768px;
  display: flex;
}

.listing-detail-error-page-label {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.listing-detail-error-page-search-lg-icon, .listing-detail-error-page-text2 {
  position: relative;
  overflow: hidden;
}

.listing-detail-error-page-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.listing-detail-error-page-text2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.listing-detail-error-page-content2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.listing-detail-error-page-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.listing-detail-error-page-input, .listing-detail-error-page-input-with-label {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.listing-detail-error-page-input {
  box-sizing: border-box;
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.listing-detail-error-page-input-with-label {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.listing-detail-error-page-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.listing-detail-error-page-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 240px;
  max-width: 100%;
  display: flex;
}

.listing-detail-error-page-text3 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.listing-detail-error-page-buttonsbutton2, .listing-detail-error-page-search-input {
  flex-direction: row;
  display: flex;
}

.listing-detail-error-page-buttonsbutton2 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 95px;
  padding: 10px 17px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.listing-detail-error-page-search-input {
  text-align: left;
  color: #344054;
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  max-width: 480px;
  font-size: 14px;
}

.listing-detail-error-page-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.listing-detail-error-page-text4 {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.listing-detail-error-page-placeholder-icon6 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: none;
  position: relative;
  overflow: hidden;
}

.listing-detail-error-page-buttonsbutton3 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px 21px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.listing-detail-error-page-text5 {
  color: #fff;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.listing-detail-error-page-buttonsbutton4 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px 21px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.listing-detail-error-page-actions, .listing-detail-error-page-container1, .listing-detail-error-page-content1 {
  justify-content: flex-start;
  display: flex;
}

.listing-detail-error-page-actions {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}

.listing-detail-error-page-container1, .listing-detail-error-page-content1 {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
}

.listing-detail-error-page-content1 {
  align-self: stretch;
  gap: 48px;
  max-width: 100%;
  padding: 0 20px;
}

.listing-detail-error-page-container1 {
  text-align: center;
  width: 1280px;
  max-width: 1280px;
  padding: 0 32px;
}

.listing-detail-error-page-code-square-02-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.listing-detail-error-page-feature-title, .listing-detail-error-page-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.listing-detail-error-page-feature-title {
  font-weight: 600;
  line-height: 30px;
}

.listing-detail-error-page-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.listing-detail-error-page-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.listing-detail-error-page-text6 {
  min-width: 106px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.listing-detail-error-page-buttonsbutton5 {
  color: #6941c6;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.listing-detail-error-page-content4, .listing-detail-error-page-feature-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.listing-detail-error-page-content4 {
  align-self: stretch;
  gap: 20px;
}

.listing-detail-error-page-feature-text {
  box-sizing: border-box;
  background-color: #f9fafb;
  flex: 1;
  gap: 48px;
  min-width: 280px;
  max-width: 100%;
  padding: 24px;
}

.listing-detail-error-page-text8 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.listing-detail-error-page-container2, .listing-detail-error-page-content3 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.listing-detail-error-page-content3 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px 30px;
  max-width: 100%;
  padding: 0 4px 0 0;
}

.listing-detail-error-page-container2 {
  color: #101828;
  flex-direction: column;
  align-items: center;
  width: 1280px;
  max-width: 1280px;
  padding: 0 32px;
  font-size: 20px;
}

.listing-detail-error-page-text11 {
  line-height: 20px;
  position: relative;
}

.listing-detail-error-page-placeholder-icon12 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.listing-detail-error-page-text12 {
  white-space: nowrap;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.listing-detail-error-page-buttonsbutton8, .listing-detail-error-page-row {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.listing-detail-error-page-buttonsbutton8 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.listing-detail-error-page-row {
  color: #475467;
  align-items: baseline;
  gap: 3px;
  padding: 0 75px;
  font-size: 14px;
}

.listing-detail-error-page-container, .listing-detail-error-page-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.listing-detail-error-page-content {
  box-sizing: border-box;
  gap: 32px;
  width: 360px;
  max-width: 360px;
  padding: 0;
}

.listing-detail-error-page-container {
  text-align: left;
  color: #6941c6;
  width: 100%;
  max-width: 1280px;
  font-family: Inter;
  font-size: 16px;
}

.listing-detail-error-page-text13 {
  line-height: 20px;
  bottom: 32px;
  left: 32px;
}

.listing-detail-error-page-helpcentergeratorcom, .listing-detail-error-page-mail-01-icon, .listing-detail-error-page-text13 {
  z-index: 1;
  position: absolute;
  margin: 0 !important;
}

.listing-detail-error-page-mail-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  bottom: 34px;
  right: 204px;
  overflow: hidden;
}

.listing-detail-error-page-helpcentergeratorcom {
  white-space: nowrap;
  line-height: 20px;
  bottom: 32px;
  right: 31.5px;
}

.listing-detail-error-page-listing-detail-error-404-page-desktop {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.listing-detail-error-page-log-in {
  text-align: left;
  color: #475467;
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 32px;
  max-width: 100%;
  min-height: 960px;
  padding: 96px 80px 158px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  position: relative;
}

.listing-detail-error-page-listing-detail-error-404-page-desktop {
  letter-spacing: normal;
  align-items: flex-start;
  width: 100%;
  padding: 18px 0 0;
  line-height: normal;
  overflow: hidden;
}

.listing-detail-error-page-listing-detail-error-404-page-desktop-custom {
  padding: 0 !important;
}

@media screen and (width <= 1275px) {
  .listing-detail-error-page-container, .listing-detail-error-page-container1, .listing-detail-error-page-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .listing-detail-error-page-log-in {
    box-sizing: border-box;
    padding-top: 62px;
    padding-bottom: 103px;
  }
}

@media screen and (width <= 750px) {
  .listing-detail-error-page-heading {
    font-size: 48px;
    line-height: 58px;
  }

  .listing-detail-error-page-heading-and-supporting-text, .listing-detail-error-page-search-input {
    max-width: 100%;
  }

  .listing-detail-error-page-container1 {
    gap: 16px;
  }

  .listing-detail-error-page-container2 {
    gap: 48px;
  }

  .listing-detail-error-page-content, .listing-detail-error-page-log-in {
    gap: 16px;
  }

  .listing-detail-error-page-log-in {
    box-sizing: border-box;
    padding: 40px 40px 67px;
  }
}

@media screen and (width <= 450px) {
  .listing-detail-error-page-heading {
    font-size: 36px;
    line-height: 43px;
  }

  .listing-detail-error-page-supporting-text {
    font-size: 16px;
    line-height: 24px;
  }

  .listing-detail-error-page-actions {
    flex-wrap: wrap;
  }

  .listing-detail-error-page-content1 {
    gap: 24px;
  }

  .listing-detail-error-page-feature-title {
    font-size: 16px;
    line-height: 24px;
  }

  .listing-detail-error-page-container2, .listing-detail-error-page-feature-text {
    gap: 24px;
  }

  .listing-detail-error-page-row {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }

  .listing-detail-error-page-container {
    gap: 16px;
  }
}

.business-header-section {
  width: 100%;
  margin-bottom: 1.5rem;
}

.business-header-content {
  justify-content: space-between;
  align-items: center;
  padding: 15px 70px 12px 40px;
  display: flex;
}

.business-category-title {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  transition: color .3s;
}

.business-view-all-wrapper {
  align-items: center;
  display: flex;
}

.business-view-all-link {
  color: #551a8b;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .3s;
}

.business-view-all-link:hover {
  color: #551a8b;
}

.business-cards-section {
  width: 100%;
}

.business-cards-wrapper {
  width: 100%;
  display: block;
  position: relative;
}

.business-cards-container {
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  gap: 20px;
  width: 100%;
  padding: 17px 20px 45px;
  display: flex;
  overflow-x: auto;
}

.business-cards-container::-webkit-scrollbar {
  display: none;
}

.business-carousel-arrow {
  cursor: pointer;
  z-index: 20;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 2px 8px #00000026;
}

.business-carousel-arrow:hover {
  background-color: #f9fafb;
  box-shadow: 0 4px 12px #0003;
}

.business-carousel-arrow-left {
  left: 2px;
}

.business-carousel-arrow-right {
  right: 2px;
}

.business-arrow-icon {
  color: #374151;
  width: 1.75rem;
  height: 1.75rem;
}

.business-card-wrapper {
  cursor: pointer;
  border-radius: 1rem;
  flex-shrink: 0;
  width: 280px;
  height: 410px;
  transition: transform .3s;
  position: relative;
  overflow: hidden;
}

.business-card-wrapper:hover {
  transform: scale(1.05);
}

.business-card-image-wrapper {
  position: absolute;
  inset: 0;
}

.business-card-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.business-card-image-shadow {
  background-color: #0006;
  position: absolute;
  inset: 0;
}

.business-card-gradient-overlay {
  background: linear-gradient(to top, #000000e6 0%, #0003 50%, #0000 100%);
  position: absolute;
  inset: 0;
}

.business-card-content {
  z-index: 10;
  color: #fff;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 1.25rem;
  display: flex;
  position: relative;
}

.business-card-top-section {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.business-card-id-badge {
  background-color: #00000080;
  border-radius: 9999px;
  padding: .4rem .6rem;
  font-size: .7rem;
  font-weight: 500;
}

.business-card-radar-section {
  align-items: center;
  display: flex;
}

.business-card-radar-button {
  cursor: pointer;
  background-color: #00000080;
  border-radius: 50%;
  padding: 6px 6px 3px;
  transition: background-color .3s;
}

.business-card-radar-button:hover {
  background-color: #00000080;
}

.business-card-radar-button.added-radar {
  background-color: #e1e1e1;
}

.business-card-radar-icon {
  width: 20px;
  height: 20px;
}

.business-card-bottom-section {
  position: relative;
}

.business-card-basic-content, .business-card-hover-content {
  transition: all .3s;
}

.business-card-basic-content.hidden, .business-card-hover-content.hidden {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(1rem);
}

.business-card-basic-content.visible, .business-card-hover-content.visible {
  opacity: 1;
  transform: translateY(0);
}

.business-card-location-date {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .4rem;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
}

.business-card-location, .business-card-date {
  align-items: center;
  gap: .2rem;
  display: flex;
}

.business-card-location span, .business-card-date span {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  display: inline-block;
  overflow: hidden;
}

.business-card-location {
  flex: 2;
  min-width: 0;
}

.business-card-date {
  flex: 1;
  min-width: 0;
}

.business-card-location-icon, .business-card-date-icon {
  width: .8rem;
  height: .8rem;
}

.business-card-title {
  color: #fff;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  text-decoration: none;
  display: -webkit-box;
  overflow: hidden;
}

.business-card-title:hover {
  color: #e5e7eb;
}

.business-starting-from-text {
  color: #d1d5db;
  margin-top: 10px;
  margin-bottom: -6px;
  font-size: .7rem;
  font-weight: 400;
  text-decoration: none;
}

.business-card-hover-header {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: .3rem;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
}

.business-card-hover-header .business-card-location span, .business-card-hover-header .business-card-date span {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  display: inline-block;
  overflow: hidden;
}

.business-card-hover-header .business-card-date {
  flex-direction: row;
  align-items: flex-end;
  display: flex;
}

.business-card-sale-badge {
  border-radius: 5px;
  padding: 2px 5px;
  font-size: 11px;
  font-weight: 500;
}

.business-card-price-rating {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: .4rem;
  margin-bottom: .8rem;
  display: flex;
}

.business-card-price {
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.6rem;
}

.business-card-unit {
  color: #d1d5db;
  white-space: normal;
  overflow-wrap: break-word;
  max-width: 90px;
  font-size: .6rem;
}

.business-card-rating-section {
  text-align: right;
  flex-direction: column;
  align-items: center;
  gap: .2rem;
  display: flex;
}

.business-card-rating-badge {
  background-color: #fbbf24;
  border-radius: .3rem;
  justify-content: center;
  align-items: center;
  gap: .1rem;
  padding: .2rem .7rem;
  display: flex;
}

.business-card-rating-number {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.business-card-rating-max {
  color: #fff;
  font-size: .6rem;
}

.business-card-reviews {
  color: #d1d5db;
  font-size: .6rem;
}

.business-card-divider {
  object-fit: cover;
  width: 100%;
  height: 1px;
  margin: .6rem 0;
}

.business-card-user-section {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .4rem;
  display: flex;
}

.business-card-user-info {
  align-items: center;
  gap: .6rem;
  display: flex;
}

.business-card-user-avatar {
  z-index: 1;
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 45px;
  height: 45px;
  position: relative;
}

.business-card-user-name {
  font-size: .8rem;
  font-weight: 500;
}

.business-card-user-company {
  color: #d1d5db;
  font-size: .7rem;
  font-weight: 400;
  text-decoration: none;
}

.business-card-user-company:hover {
  color: #9ca3af;
}

.business-card-action-icon {
  width: 1.1rem;
  height: 1.1rem;
  transition: opacity .3s;
  color: #f5f5f5 !important;
}

.business-card-action-icon:hover {
  opacity: .7;
}

@media (width >= 768px) {
  .business-cards-container {
    gap: 1.5rem;
  }

  .business-card-wrapper {
    width: 300px;
  }
}

@media (width >= 1024px) {
  .business-cards-container {
    gap: 20px;
  }

  .business-card-wrapper {
    width: 300px;
  }
}

@media (width <= 767px) {
  .business-carousel-arrow {
    display: none;
  }

  .business-cards-wrapper {
    gap: 0;
  }

  .business-card-wrapper {
    width: 280px;
    height: 420px;
  }
}

.add-spare-progress-container-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.add-spare-forms-add-spare {
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 60px;
  font-family: Inter;
  display: flex;
}

.add-spare-forms-add-spare {
  box-sizing: border-box;
  letter-spacing: normal;
  align-items: flex-start;
  width: 100%;
  padding: 7px 0 0;
  font-size: 14px;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-spare-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-spare-progress-steps {
    display: none;
  }

  .add-spare-main {
    height: auto;
  }

  .add-spare-content23 {
    flex-wrap: wrap;
  }

  .add-spare-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-spare-content5 {
    max-width: 100%;
  }

  .add-spare-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-spare-frame-group {
    gap: 19px;
  }

  .add-spare-frame-parent {
    gap: 35px;
  }

  .add-spare-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-spare-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-spare-main {
    gap: 16px;
  }

  .add-spare-content22, .add-spare-content39 {
    min-width: 100%;
  }

  .add-spare-textarea-input-field {
    max-width: 100%;
  }

  .add-spare-content42 {
    gap: 16px;
  }

  .add-spare-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-spare-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-spare-frame-parent {
    gap: 17px;
  }

  .add-spare-step-two, .add-spare-step-two-details, .add-spare-steps {
    gap: 19px;
  }

  .add-spare-form-parent {
    gap: 350px;
  }

  .add-spare-action, .add-spare-first-upload-item-content, .add-spare-input1, .add-spare-input10, .add-spare-input9, .add-spare-progress-bar {
    flex-wrap: wrap;
  }

  .add-spare-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-spare-progress-container-parent {
    gap: 49px;
  }
}

.add-spare-step-button9:hover {
  background-color: #6941c6;
}

.add-spare-step-button11:hover {
  background-color: #f3f3f3;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-spare-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-spare-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-spare-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-spare-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-spare-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-spare-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-spare-step-first-upload-item-content, .add-spare-step-action, .add-spare-step-input1, .add-spare-step-input10, .add-spare-step-input9 {
    flex-wrap: wrap;
  }
}

.add-spare-step3-button21:hover {
  background-color: #f3f3f3;
}

.add-spare-step3-button22:hover {
  background-color: #f2a71b;
}

.add-spare-step3-button23:hover {
  background-color: #6941c6;
}

@media screen and (width <= 1025px) {
  .add-spare-step3-actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .add-spare-step3-actions6 {
    flex-wrap: wrap;
  }

  .add-spare-step3-section-header-group {
    min-width: 100%;
  }

  .add-spare-step3-add-spare-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .add-spare-step3-textarea-input-field7 {
    max-width: 100%;
  }

  .add-spare-step3-content62, .add-spare-step3-content68 {
    gap: 16px;
  }

  .add-spare-step3-actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .add-spare-step3-step-base15 {
    gap: 19px;
  }

  .add-spare-step3-action5, .add-spare-step3-file-type-icon-parent, .add-spare-step3-progress-bar8 {
    flex-wrap: wrap;
  }

  .add-spare-step3-actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-spare-step3-add-spare-step-3 {
    gap: 32px;
  }
}

.sales-iq-detail-service-main-custom {
  width: 100% !important;
}

.sales-iq-detail-service-search-lg-icon-custom {
  cursor: pointer;
}

.sales-iq-detail-service-sales-iq-detail-service-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.sales-iq-detail-service-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-service-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-badge1, .sales-iq-detail-service-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sales-iq-detail-service-navigation, .sales-iq-detail-service-search-input {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.sales-iq-detail-service-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-content3, .sales-iq-detail-service-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-content3 {
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-service-divider-icon, .sales-iq-detail-service-home-line-icon {
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.sales-iq-detail-service-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sales-iq-detail-service-content12, .sales-iq-detail-service-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.sales-iq-detail-service-content5, .sales-iq-detail-service-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.sales-iq-detail-service-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.sales-iq-detail-service-supporting-text, .sales-iq-detail-service-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-service-title {
  font-weight: 600;
}

.sales-iq-detail-service-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.sales-iq-detail-service-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.sales-iq-detail-service-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.sales-iq-detail-service-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-service-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.sales-iq-detail-service-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-service-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.sales-iq-detail-service-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-breadcrumb-button-base4 {
  color: #344054;
  background-color: #0000;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.sales-iq-detail-service-tabs {
  gap: 8px;
}

.sales-iq-detail-service-breadcrumbs, .sales-iq-detail-service-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-heading, .sales-iq-detail-service-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.sales-iq-detail-service-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-detail-service-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.sales-iq-detail-service-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-service-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-service-button, .sales-iq-detail-service-button1, .sales-iq-detail-service-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-service-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.sales-iq-detail-service-button1, .sales-iq-detail-service-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.sales-iq-detail-service-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.sales-iq-detail-service-actions, .sales-iq-detail-service-button2, .sales-iq-detail-service-button3 {
  flex-direction: row;
  align-items: center;
}

.sales-iq-detail-service-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.sales-iq-detail-service-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-button4, .sales-iq-detail-service-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.sales-iq-detail-service-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-button6, .sales-iq-detail-service-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-service-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-content13, .sales-iq-detail-service-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.sales-iq-detail-service-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.sales-iq-detail-service-content13, .sales-iq-detail-service-divider-icon1, .sales-iq-detail-service-page-header {
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-service-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-service-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-service-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-button-group-base1, .sales-iq-detail-service-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-service-button-group-base2 {
  width: 77px;
}

.sales-iq-detail-service-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-service-button-group-base3, .sales-iq-detail-service-button-group-base4, .sales-iq-detail-service-button-group-base5, .sales-iq-detail-service-button-group-base6, .sales-iq-detail-service-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.sales-iq-detail-service-button-group-base4, .sales-iq-detail-service-button-group-base5, .sales-iq-detail-service-button-group-base6, .sales-iq-detail-service-button-group-base7 {
  z-index: 4;
}

.sales-iq-detail-service-button-group-base5, .sales-iq-detail-service-button-group-base6, .sales-iq-detail-service-button-group-base7 {
  z-index: 3;
}

.sales-iq-detail-service-button-group-base6, .sales-iq-detail-service-button-group-base7 {
  z-index: 2;
}

.sales-iq-detail-service-button-group-base7 {
  z-index: 1;
}

.sales-iq-detail-service-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-button-group, .sales-iq-detail-service-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-service-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.sales-iq-detail-service-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-actions2, .sales-iq-detail-service-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.sales-iq-detail-service-container, .sales-iq-detail-service-header-section, .sales-iq-detail-service-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.sales-iq-detail-service-container, .sales-iq-detail-service-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.sales-iq-detail-service-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.sales-iq-detail-service-header-section {
  flex-shrink: 0;
}

.sales-iq-detail-service-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-service-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.sales-iq-detail-service-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-service-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-service-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-color2, .sales-iq-detail-service-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-service-color3 {
  background-color: #17b26a;
}

.sales-iq-detail-service-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.sales-iq-detail-service-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-service-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-service-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.sales-iq-detail-service-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-service-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-service-divider, .sales-iq-detail-service-y-axis-line, .sales-iq-detail-service-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-service-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.sales-iq-detail-service-y-axis-line, .sales-iq-detail-service-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.sales-iq-detail-service-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.sales-iq-detail-service-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.sales-iq-detail-service-y-axis, .sales-iq-detail-service-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-service-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.sales-iq-detail-service-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.sales-iq-detail-service-jan, .sales-iq-detail-service-jul, .sales-iq-detail-service-jun, .sales-iq-detail-service-mar, .sales-iq-detail-service-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-jul, .sales-iq-detail-service-jun, .sales-iq-detail-service-mar, .sales-iq-detail-service-may {
  min-width: 23px;
}

.sales-iq-detail-service-jul, .sales-iq-detail-service-jun, .sales-iq-detail-service-may {
  min-width: 25px;
}

.sales-iq-detail-service-jul, .sales-iq-detail-service-jun {
  min-width: 22px;
}

.sales-iq-detail-service-jul {
  min-width: 17px;
}

.sales-iq-detail-service-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-service-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.sales-iq-detail-service-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-service-line-and-bar-chart, .sales-iq-detail-service-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-line-and-bar-chart {
  flex: 1;
}

.sales-iq-detail-service-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.sales-iq-detail-service-heading1, .sales-iq-detail-service-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-service-number {
  white-space: nowrap;
  line-height: 38px;
}

.sales-iq-detail-service-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-change-and-text, .sales-iq-detail-service-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-service-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.sales-iq-detail-service-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.sales-iq-detail-service-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-service-dropdown, .sales-iq-detail-service-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.sales-iq-detail-service-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-detail-service-change-and-text1, .sales-iq-detail-service-container1, .sales-iq-detail-service-metric-group, .sales-iq-detail-service-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sales-iq-detail-service-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-service-container1, .sales-iq-detail-service-metric-group, .sales-iq-detail-service-section {
  align-items: flex-start;
  max-width: 100%;
}

.sales-iq-detail-service-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.sales-iq-detail-service-container1, .sales-iq-detail-service-section {
  flex-direction: column;
}

.sales-iq-detail-service-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.sales-iq-detail-service-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.sales-iq-detail-service-separator, .sales-iq-detail-service-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.sales-iq-detail-service-separator1 {
  height: 43px;
}

.sales-iq-detail-service-main, .sales-iq-detail-service-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.sales-iq-detail-service-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.sales-iq-detail-service-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-service-breadcrumb-button-base6, .sales-iq-detail-service-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.sales-iq-detail-service-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.sales-iq-detail-service-breadcrumbs1, .sales-iq-detail-service-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sales-iq-detail-service-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.sales-iq-detail-service-breadcrumbs1 {
  width: 278px;
  display: none;
}

.sales-iq-detail-service-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.sales-iq-detail-service-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.sales-iq-detail-service-content16, .sales-iq-detail-service-input-with-label1, .sales-iq-detail-service-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sales-iq-detail-service-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sales-iq-detail-service-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.sales-iq-detail-service-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.sales-iq-detail-service-content15, .sales-iq-detail-service-page-header-wrapper, .sales-iq-detail-service-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.sales-iq-detail-service-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.sales-iq-detail-service-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-service-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.sales-iq-detail-service-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.sales-iq-detail-service-text49, .sales-iq-detail-service-text50, .sales-iq-detail-service-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-text50, .sales-iq-detail-service-text51 {
  min-width: 62px;
}

.sales-iq-detail-service-text51 {
  min-width: 34px;
}

.sales-iq-detail-service-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.sales-iq-detail-service-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-service-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.sales-iq-detail-service-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sales-iq-detail-service-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-service-tab-button-base7, .sales-iq-detail-service-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.sales-iq-detail-service-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.sales-iq-detail-service-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.sales-iq-detail-service-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.sales-iq-detail-service-horizontal-tabs, .sales-iq-detail-service-horizontal-tabs-wrapper, .sales-iq-detail-service-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-service-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.sales-iq-detail-service-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-service-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.sales-iq-detail-service-dropdown3, .sales-iq-detail-service-metric-card, .sales-iq-detail-service-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.sales-iq-detail-service-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.sales-iq-detail-service-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-service-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.sales-iq-detail-service-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.sales-iq-detail-service-frame-inner, .sales-iq-detail-service-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.sales-iq-detail-service-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.sales-iq-detail-service-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-heading5, .sales-iq-detail-service-number4 {
  z-index: 1;
  position: relative;
}

.sales-iq-detail-service-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-service-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.sales-iq-detail-service-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.sales-iq-detail-service-badge12, .sales-iq-detail-service-frame-container, .sales-iq-detail-service-heading-parent, .sales-iq-detail-service-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.sales-iq-detail-service-frame-container, .sales-iq-detail-service-rectangle-container {
  box-sizing: border-box;
}

.sales-iq-detail-service-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.sales-iq-detail-service-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.sales-iq-detail-service-heading-group {
  gap: 8px;
  width: 153px;
}

.sales-iq-detail-service-dropdown7, .sales-iq-detail-service-heading-container, .sales-iq-detail-service-heading-group, .sales-iq-detail-service-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-heading-container {
  gap: 8px;
  width: 163px;
}

.sales-iq-detail-service-dropdown7, .sales-iq-detail-service-heading-parent1 {
  flex-shrink: 0;
}

.sales-iq-detail-service-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.sales-iq-detail-service-dropdown7 {
  z-index: 1;
}

.sales-iq-detail-service-frame-group, .sales-iq-detail-service-frame-wrapper, .sales-iq-detail-service-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.sales-iq-detail-service-frame-group, .sales-iq-detail-service-frame-wrapper {
  max-width: 100%;
}

.sales-iq-detail-service-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.sales-iq-detail-service-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.sales-iq-detail-service-text62, .sales-iq-detail-service-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-text63 {
  min-width: 74px;
}

.sales-iq-detail-service-buttonsbutton4, .sales-iq-detail-service-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.sales-iq-detail-service-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-dropdowns, .sales-iq-detail-service-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.sales-iq-detail-service-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-input-dropdown2, .sales-iq-detail-service-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.sales-iq-detail-service-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.sales-iq-detail-service-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.sales-iq-detail-service-content17, .sales-iq-detail-service-filters-bar, .sales-iq-detail-service-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.sales-iq-detail-service-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.sales-iq-detail-service-frame-child3, .sales-iq-detail-service-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.sales-iq-detail-service-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.sales-iq-detail-service-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.sales-iq-detail-service-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-service-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.sales-iq-detail-service-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-service-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-detail-service-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-location-badge, .sales-iq-detail-service-location-badge-number, .sales-iq-detail-service-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.sales-iq-detail-service-location-badge, .sales-iq-detail-service-type-number {
  box-sizing: border-box;
}

.sales-iq-detail-service-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.sales-iq-detail-service-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.sales-iq-detail-service-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.sales-iq-detail-service-location-elements, .sales-iq-detail-service-type-badge-elements, .sales-iq-detail-service-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.sales-iq-detail-service-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.sales-iq-detail-service-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-service-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-service-badge-elements, .sales-iq-detail-service-badge-elements-wrapper, .sales-iq-detail-service-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.sales-iq-detail-service-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.sales-iq-detail-service-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-action-fields, .sales-iq-detail-service-card-elements, .sales-iq-detail-service-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.sales-iq-detail-service-action-fields, .sales-iq-detail-service-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.sales-iq-detail-service-input-elements {
  align-self: stretch;
  gap: 16px;
}

.sales-iq-detail-service-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.sales-iq-detail-service-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-service-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-service-frame-wrapper3, .sales-iq-detail-service-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-service-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.sales-iq-detail-service-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.sales-iq-detail-service-dropdown-elements, .sales-iq-detail-service-dropdown-options-parent, .sales-iq-detail-service-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.sales-iq-detail-service-price-parent {
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-service-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.sales-iq-detail-service-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-detail-service-content-actions, .sales-iq-detail-service-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.sales-iq-detail-service-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.sales-iq-detail-service-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.sales-iq-detail-service-name, .sales-iq-detail-service-role {
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.sales-iq-detail-service-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.sales-iq-detail-service-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-detail-service-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.sales-iq-detail-service-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.sales-iq-detail-service-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-buttonsbutton8, .sales-iq-detail-service-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-service-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.sales-iq-detail-service-buttonsbutton-parent, .sales-iq-detail-service-primary-table, .sales-iq-detail-service-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.sales-iq-detail-service-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.sales-iq-detail-service-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.sales-iq-detail-service-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-content-items, .sales-iq-detail-service-help-avatar, .sales-iq-detail-service-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.sales-iq-detail-service-content-items, .sales-iq-detail-service-rectangle-parent3 {
  box-sizing: border-box;
}

.sales-iq-detail-service-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.sales-iq-detail-service-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.sales-iq-detail-service-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-service-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-service-badge-parent, .sales-iq-detail-service-badge23, .sales-iq-detail-service-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.sales-iq-detail-service-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-service-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-badge23, .sales-iq-detail-service-badge24, .sales-iq-detail-service-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.sales-iq-detail-service-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.sales-iq-detail-service-badge24, .sales-iq-detail-service-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-badge-elements-copy, .sales-iq-detail-service-badge25, .sales-iq-detail-service-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.sales-iq-detail-service-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.sales-iq-detail-service-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-service-badge26, .sales-iq-detail-service-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.sales-iq-detail-service-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-badge27, .sales-iq-detail-service-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.sales-iq-detail-service-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.sales-iq-detail-service-frame-parent1, .sales-iq-detail-service-frame-parent2, .sales-iq-detail-service-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.sales-iq-detail-service-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.sales-iq-detail-service-frame-child5, .sales-iq-detail-service-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.sales-iq-detail-service-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.sales-iq-detail-service-frame-child7, .sales-iq-detail-service-text78 {
  z-index: 2;
  position: relative;
}

.sales-iq-detail-service-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.sales-iq-detail-service-text78 {
  font-weight: 600;
  line-height: 28px;
}

.sales-iq-detail-service-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-location3, .sales-iq-detail-service-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-type-of-work2 {
  min-width: 109px;
}

.sales-iq-detail-service-frame-parent12, .sales-iq-detail-service-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.sales-iq-detail-service-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.sales-iq-detail-service-badge29, .sales-iq-detail-service-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.sales-iq-detail-service-badge30 {
  width: 76px;
}

.sales-iq-detail-service-badge-container, .sales-iq-detail-service-badge30, .sales-iq-detail-service-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.sales-iq-detail-service-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-service-badge-container, .sales-iq-detail-service-badge32, .sales-iq-detail-service-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.sales-iq-detail-service-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.sales-iq-detail-service-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-service-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge33, .sales-iq-detail-service-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-service-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.sales-iq-detail-service-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-price2, .sales-iq-detail-service-text83 {
  position: relative;
}

.sales-iq-detail-service-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.sales-iq-detail-service-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-service-radar-1-1-container, .sales-iq-detail-service-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.sales-iq-detail-service-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.sales-iq-detail-service-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.sales-iq-detail-service-name2, .sales-iq-detail-service-role2 {
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.sales-iq-detail-service-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.sales-iq-detail-service-buttonsbutton13, .sales-iq-detail-service-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-service-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.sales-iq-detail-service-buttonsbutton14, .sales-iq-detail-service-buttonsbutton15, .sales-iq-detail-service-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.sales-iq-detail-service-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.sales-iq-detail-service-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.sales-iq-detail-service-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.sales-iq-detail-service-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-frame-wrapper16, .sales-iq-detail-service-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.sales-iq-detail-service-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.sales-iq-detail-service-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.sales-iq-detail-service-divider-icon5, .sales-iq-detail-service-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.sales-iq-detail-service-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-service-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-service-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.sales-iq-detail-service-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge34, .sales-iq-detail-service-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.sales-iq-detail-service-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-service-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-badge36, .sales-iq-detail-service-badge37, .sales-iq-detail-service-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.sales-iq-detail-service-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-service-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.sales-iq-detail-service-badge38, .sales-iq-detail-service-frame-parent26, .sales-iq-detail-service-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.sales-iq-detail-service-badge39, .sales-iq-detail-service-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.sales-iq-detail-service-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-element-details-child, .sales-iq-detail-service-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.sales-iq-detail-service-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.sales-iq-detail-service-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-detail-service-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.sales-iq-detail-service-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-service-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-detail-service-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-service-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-date-icon, .sales-iq-detail-service-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-type-label {
  color: #101828;
  font-size: 14px;
}

.sales-iq-detail-service-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.sales-iq-detail-service-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-service-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-work-type-icon, .sales-iq-detail-service-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.sales-iq-detail-service-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.sales-iq-detail-service-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.sales-iq-detail-service-action-icons, .sales-iq-detail-service-calendar-icon6, .sales-iq-detail-service-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.sales-iq-detail-service-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.sales-iq-detail-service-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.sales-iq-detail-service-element-actions, .sales-iq-detail-service-element-details-parent, .sales-iq-detail-service-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.sales-iq-detail-service-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.sales-iq-detail-service-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.sales-iq-detail-service-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-service-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.sales-iq-detail-service-frame-parent32, .sales-iq-detail-service-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.sales-iq-detail-service-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.sales-iq-detail-service-dropdown-parent1, .sales-iq-detail-service-frame-parent31, .sales-iq-detail-service-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.sales-iq-detail-service-dropdown-parent1, .sales-iq-detail-service-frame-parent31 {
  align-items: flex-end;
}

.sales-iq-detail-service-frame-parent31 {
  flex: 1;
}

.sales-iq-detail-service-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.sales-iq-detail-service-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.sales-iq-detail-service-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-detail-service-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.sales-iq-detail-service-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-service-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.sales-iq-detail-service-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.sales-iq-detail-service-span {
  font-weight: 500;
}

.sales-iq-detail-service-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.sales-iq-detail-service-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-service-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-frame-parent36, .sales-iq-detail-service-frame-parent37, .sales-iq-detail-service-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-service-frame-parent37, .sales-iq-detail-service-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.sales-iq-detail-service-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.sales-iq-detail-service-text105, .sales-iq-detail-service-text106, .sales-iq-detail-service-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-service-text105, .sales-iq-detail-service-text106 {
  display: inline-block;
}

.sales-iq-detail-service-text105 {
  min-width: 103px;
}

.sales-iq-detail-service-text106 {
  flex-shrink: 0;
  width: 151px;
}

.sales-iq-detail-service-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.sales-iq-detail-service-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.sales-iq-detail-service-supporting-text20, .sales-iq-detail-service-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-supporting-text20 {
  min-width: 70.9px;
}

.sales-iq-detail-service-supporting-text21 {
  width: 104px;
}

.sales-iq-detail-service-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-service-frame-parent33, .sales-iq-detail-service-frame-parent34, .sales-iq-detail-service-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.sales-iq-detail-service-frame-parent33, .sales-iq-detail-service-frame-parent34 {
  flex: 1;
}

.sales-iq-detail-service-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.sales-iq-detail-service-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.sales-iq-detail-service-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-buttonsbutton-wrapper, .sales-iq-detail-service-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.sales-iq-detail-service-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-dropdown-parent2, .sales-iq-detail-service-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.sales-iq-detail-service-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.sales-iq-detail-service-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.sales-iq-detail-service-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-service-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.sales-iq-detail-service-content-items5, .sales-iq-detail-service-frame-child16, .sales-iq-detail-service-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.sales-iq-detail-service-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-service-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-service-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.sales-iq-detail-service-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-service-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-service-frame-parent39, .sales-iq-detail-service-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.sales-iq-detail-service-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.sales-iq-detail-service-dropdown14, .sales-iq-detail-service-text112 {
  z-index: 1;
  position: absolute;
}

.sales-iq-detail-service-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.sales-iq-detail-service-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.sales-iq-detail-service-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-service-price6, .sales-iq-detail-service-text113 {
  z-index: 1;
  position: relative;
}

.sales-iq-detail-service-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-service-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.sales-iq-detail-service-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.sales-iq-detail-service-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.sales-iq-detail-service-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-service-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.sales-iq-detail-service-frame-parent46, .sales-iq-detail-service-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.sales-iq-detail-service-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.sales-iq-detail-service-frame-parent45, .sales-iq-detail-service-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.sales-iq-detail-service-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.sales-iq-detail-service-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.sales-iq-detail-service-card-container-child, .sales-iq-detail-service-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.sales-iq-detail-service-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.sales-iq-detail-service-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-service-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-detail-service-dropdown15, .sales-iq-detail-service-item-title {
  z-index: 2;
  position: absolute;
}

.sales-iq-detail-service-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.sales-iq-detail-service-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.sales-iq-detail-service-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-service-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-service-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.sales-iq-detail-service-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.sales-iq-detail-service-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-service-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-service-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.sales-iq-detail-service-card-container, .sales-iq-detail-service-card-list, .sales-iq-detail-service-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.sales-iq-detail-service-card-container, .sales-iq-detail-service-card-list {
  align-items: flex-start;
}

.sales-iq-detail-service-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.sales-iq-detail-service-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.sales-iq-detail-service-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.sales-iq-detail-service-frame-wrapper37, .sales-iq-detail-service-price-wrapper, .sales-iq-detail-service-text-wrapper18, .sales-iq-detail-service-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.sales-iq-detail-service-frame-wrapper37, .sales-iq-detail-service-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.sales-iq-detail-service-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.sales-iq-detail-service-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.sales-iq-detail-service-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.sales-iq-detail-service-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.sales-iq-detail-service-buttonsbutton-frame, .sales-iq-detail-service-frame-parent64, .sales-iq-detail-service-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.sales-iq-detail-service-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.sales-iq-detail-service-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.sales-iq-detail-service-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-service-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-change7, .sales-iq-detail-service-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-service-change7 {
  min-width: 38px;
  display: inline-block;
}

.sales-iq-detail-service-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.sales-iq-detail-service-change-and-text3, .sales-iq-detail-service-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-service-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.sales-iq-detail-service-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-service-dropdown19, .sales-iq-detail-service-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-detail-service-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-buttonsbutton25, .sales-iq-detail-service-buttonsbutton26, .sales-iq-detail-service-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.sales-iq-detail-service-buttonsbutton25, .sales-iq-detail-service-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-service-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-service-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.sales-iq-detail-service-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.sales-iq-detail-service-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-arrow-square-up-right-wrapper1, .sales-iq-detail-service-buttonsbutton-parent1, .sales-iq-detail-service-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.sales-iq-detail-service-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.sales-iq-detail-service-divider-container1, .sales-iq-detail-service-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.sales-iq-detail-service-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.sales-iq-detail-service-buttonsbutton-wrapper1, .sales-iq-detail-service-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.sales-iq-detail-service-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-service-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sales-iq-detail-service-badge46, .sales-iq-detail-service-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-service-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.sales-iq-detail-service-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-actions3, .sales-iq-detail-service-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.sales-iq-detail-service-content20, .sales-iq-detail-service-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-service-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-service-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-card-header, .sales-iq-detail-service-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.sales-iq-detail-service-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.sales-iq-detail-service-button-group-base9, .sales-iq-detail-service-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-service-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.sales-iq-detail-service-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.sales-iq-detail-service-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-service-button-group-base10, .sales-iq-detail-service-button-group-base11, .sales-iq-detail-service-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.sales-iq-detail-service-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.sales-iq-detail-service-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-service-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-content22, .sales-iq-detail-service-input-with-label3, .sales-iq-detail-service-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.sales-iq-detail-service-input-with-label3, .sales-iq-detail-service-input3 {
  align-self: stretch;
}

.sales-iq-detail-service-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.sales-iq-detail-service-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sales-iq-detail-service-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.sales-iq-detail-service-actions4, .sales-iq-detail-service-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.sales-iq-detail-service-content-items9, .sales-iq-detail-service-content21, .sales-iq-detail-service-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.sales-iq-detail-service-content-items9, .sales-iq-detail-service-filters-bar1 {
  justify-content: flex-start;
}

.sales-iq-detail-service-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-service-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.sales-iq-detail-service-badge-number1, .sales-iq-detail-service-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.sales-iq-detail-service-badge47, .sales-iq-detail-service-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-service-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.sales-iq-detail-service-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-service-actions5, .sales-iq-detail-service-card-header1, .sales-iq-detail-service-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.sales-iq-detail-service-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.sales-iq-detail-service-card-header1, .sales-iq-detail-service-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.sales-iq-detail-service-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.sales-iq-detail-service-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-service-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.sales-iq-detail-service-checkbox-wrapper, .sales-iq-detail-service-sub-nav-items-wrapper, .sales-iq-detail-service-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.sales-iq-detail-service-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.sales-iq-detail-service-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-avatar2, .sales-iq-detail-service-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.sales-iq-detail-service-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.sales-iq-detail-service-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.sales-iq-detail-service-account-button, .sales-iq-detail-service-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-account-button {
  min-width: 75px;
  font-weight: 500;
}

.sales-iq-detail-service-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.sales-iq-detail-service-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-service-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-service-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-service-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-service-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-service-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-contrast-border6, .sales-iq-detail-service-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.sales-iq-detail-service-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.sales-iq-detail-service-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-service-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.sales-iq-detail-service-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-button-upload, .sales-iq-detail-service-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-service-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-service-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-service-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-service-table-cell6, .sales-iq-detail-service-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-service-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.sales-iq-detail-service-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-service-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-service-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-service-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-service-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-service-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-table-cell15, .sales-iq-detail-service-table-cell16, .sales-iq-detail-service-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-service-table-cell16, .sales-iq-detail-service-table-cell18 {
  width: 271px;
}

.sales-iq-detail-service-table-cell18 {
  width: 239px;
}

.sales-iq-detail-service-column, .sales-iq-detail-service-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-service-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.sales-iq-detail-service-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.sales-iq-detail-service-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-service-user-cell2, .sales-iq-detail-service-user-cell3, .sales-iq-detail-service-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-user-cell3, .sales-iq-detail-service-user-cell4 {
  min-width: 84px;
}

.sales-iq-detail-service-user-cell4 {
  min-width: 82px;
}

.sales-iq-detail-service-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-service-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.sales-iq-detail-service-user-cell5, .sales-iq-detail-service-user-cell6, .sales-iq-detail-service-user-cell7 {
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-service-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.sales-iq-detail-service-user-cell7 {
  white-space: nowrap;
}

.sales-iq-detail-service-column1, .sales-iq-detail-service-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.sales-iq-detail-service-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.sales-iq-detail-service-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-column2, .sales-iq-detail-service-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.sales-iq-detail-service-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-service-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-button-wrap, .sales-iq-detail-service-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.sales-iq-detail-service-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.sales-iq-detail-service-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-content24, .sales-iq-detail-service-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-content24 {
  padding: 10px 16px;
}

.sales-iq-detail-service-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.sales-iq-detail-service-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-content25, .sales-iq-detail-service-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-content25 {
  padding: 10px 15px;
}

.sales-iq-detail-service-pagination-number-base1 {
  overflow: hidden;
}

.sales-iq-detail-service-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-content26, .sales-iq-detail-service-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-content26 {
  padding: 10px 15px;
}

.sales-iq-detail-service-pagination-number-base2 {
  overflow: hidden;
}

.sales-iq-detail-service-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.sales-iq-detail-service-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-content30, .sales-iq-detail-service-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.sales-iq-detail-service-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.sales-iq-detail-service-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-button-wrap1, .sales-iq-detail-service-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.sales-iq-detail-service-pagination, .sales-iq-detail-service-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.sales-iq-detail-service-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-service-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.sales-iq-detail-service-content-items10, .sales-iq-detail-service-content-items11, .sales-iq-detail-service-table-cell41, .sales-iq-detail-service-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.sales-iq-detail-service-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-service-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-service-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.sales-iq-detail-service-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-service-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-table-cell50, .sales-iq-detail-service-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.sales-iq-detail-service-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.sales-iq-detail-service-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.sales-iq-detail-service-column3, .sales-iq-detail-service-table-cell52, .sales-iq-detail-service-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.sales-iq-detail-service-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.sales-iq-detail-service-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.sales-iq-detail-service-marker-pin-02-group, .sales-iq-detail-service-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-marker-pin-02-group {
  gap: 7px;
}

.sales-iq-detail-service-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.sales-iq-detail-service-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.sales-iq-detail-service-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.sales-iq-detail-service-column-wrapper, .sales-iq-detail-service-column4, .sales-iq-detail-service-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.sales-iq-detail-service-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-service-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.sales-iq-detail-service-column5, .sales-iq-detail-service-column6, .sales-iq-detail-service-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.sales-iq-detail-service-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.sales-iq-detail-service-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-service-column-parent, .sales-iq-detail-service-frame-parent74, .sales-iq-detail-service-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.sales-iq-detail-service-frame-parent74, .sales-iq-detail-service-pagination1 {
  align-self: stretch;
}

.sales-iq-detail-service-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.sales-iq-detail-service-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.sales-iq-detail-service-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-badge50, .sales-iq-detail-service-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-service-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.sales-iq-detail-service-content-items14, .sales-iq-detail-service-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.sales-iq-detail-service-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.sales-iq-detail-service-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-button-group-base27, .sales-iq-detail-service-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-service-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.sales-iq-detail-service-button-group-base28 {
  background-color: #fff;
}

.sales-iq-detail-service-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.sales-iq-detail-service-filter-bar-container, .sales-iq-detail-service-frame-parent, .sales-iq-detail-service-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.sales-iq-detail-service-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.sales-iq-detail-service-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-service-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-service-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.sales-iq-detail-service-buttonsbutton33, .sales-iq-detail-service-content45, .sales-iq-detail-service-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.sales-iq-detail-service-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-actions11, .sales-iq-detail-service-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-service-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.sales-iq-detail-service-empty-state, .sales-iq-detail-service-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.sales-iq-detail-service-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.sales-iq-detail-service-empty-state-wrapper, .sales-iq-detail-service-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.sales-iq-detail-service-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.sales-iq-detail-service-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-service-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.sales-iq-detail-service-content46, .sales-iq-detail-service-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.sales-iq-detail-service-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.sales-iq-detail-service-add, .sales-iq-detail-service-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-learn-more {
  min-width: 88px;
}

.sales-iq-detail-service-actions12, .sales-iq-detail-service-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-service-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.sales-iq-detail-service-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.sales-iq-detail-service-empty-state-container, .sales-iq-detail-service-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.sales-iq-detail-service-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.sales-iq-detail-service-sales-iq-detail-service-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.sales-iq-detail-service-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.sales-iq-detail-service-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-service-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.sales-iq-detail-service-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-service-display-form-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-service-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-display-toggle-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-service-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-service-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-service-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-service-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-service-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-service-table-header-title {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-divider-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-content {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-service-table-row {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-service-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 6px 20px 5.5px;
  display: flex;
}

.sales-iq-detail-service-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-service-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-service-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 15px 27px;
  display: flex;
}

.sales-iq-detail-service-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-service-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell30 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 15px 27px;
  display: flex;
}

.sales-iq-detail-service-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell40 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 15px 50px 8.5px 11px;
  display: flex;
}

.sales-iq-detail-service-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-service-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-service-table-header-cell-parent:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sales-iq-detail-service-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-display-form-content-wrapper-Viewed {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-service-display-form-content-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-display-toggle-header-parent-Viewed {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-service-display-toggle-header-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-display-toggle-title-Viewed {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-service-display-divider-container-Viewed {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-service-display-divider-icon3-Viewed {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-Viewed {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-service-card-header1-Viewed {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-content4-Viewed {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-service-text-and-supporting-text2-Viewed {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-service-text-and-badge1-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-service-table-header-title-Viewed {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-dropdown-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-dots-vertical-icon-Viewed {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-divider-icon-Viewed {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-content-Viewed {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-service-table-row-Viewed {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-service-table-header-cell1-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell10-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-service-checkbox-wrapper-Viewed {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-service-table-header-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-service-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-arrow-down-icon1-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-header-cell2-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell20-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-help-icon-Viewed {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-service-table-header-cell3-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell30-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-header-cell4-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell40-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-service-table-header2-Viewed {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-service-action-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-arrow-down-icon2-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-header-cell-parent-Viewed {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-service-cell-content-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-display-form-content-wrapper-Added-to-Radar {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-service-display-form-content-Added-to-Radar {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-display-toggle-header-parent-Added-to-Radar {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-service-display-toggle-header-Added-to-Radar {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-display-toggle-title-Added-to-Radar {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-service-display-divider-container-Added-to-Radar {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-service-display-divider-icon3-Added-to-Radar {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-Added-to-Radar {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-service-card-header1-Added-to-Radar {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-content4-Added-to-Radar {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-service-text-and-supporting-text2-Added-to-Radar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-service-text-and-badge1-Added-to-Radar {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-service-table-header-title-Added-to-Radar {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-dropdown-Added-to-Radar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-dots-vertical-icon-Added-to-Radar {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-divider-icon-Added-to-Radar {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-content-Added-to-Radar {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-service-table-row-Added-to-Radar {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-service-table-header-cell1-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell10-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-service-checkbox-wrapper-Added-to-Radar {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-service-table-header-Added-to-Radar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-service-column-title-Added-to-Radar {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-arrow-down-icon1-Added-to-Radar {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-header-cell2-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell20-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-help-icon-Added-to-Radar {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-service-table-header-cell3-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell30-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-header-cell4-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell40-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-service-table-header2-Added-to-Radar {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-service-action-column-title-Added-to-Radar {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-arrow-down-icon2-Added-to-Radar {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-header-cell-parent-Added-to-Radar {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-service-cell-content-Added-to-Radar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-display-form-content-wrapper-Searched {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-service-display-form-content-Searched {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-display-toggle-header-parent-Searched {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-service-display-toggle-header-Searched {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-display-toggle-title-Searched {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-service-display-divider-container-Searched {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-service-display-divider-icon3-Searched {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-Searched {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-service-card-header1-Searched {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-content4-Searched {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-service-text-and-supporting-text2-Searched {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-service-text-and-badge1-Searched {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-service-table-header-title-Searched {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-dropdown-Searched {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-dots-vertical-icon-Searched {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-divider-icon-Searched {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-content-Searched {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-service-table-row-Searched {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-service-table-header-cell1-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell10-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-service-checkbox-wrapper-Searched {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-service-table-header-Searched {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-service-column-title-Searched {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-arrow-down-icon1-Searched {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-header-cell2-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell20-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-help-icon-Searched {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-service-table-header-cell3-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell30-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-header-cell4-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-service-table-cell40-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-service-table-header2-Searched {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-service-action-column-title-Searched {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-arrow-down-icon2-Searched {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-table-header-cell-parent-Searched {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-service-cell-content-Searched {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-service-table-data-custom-main-container {
  flex-direction: column;
  max-height: 420px;
  display: flex;
}

.sales-iq-detail-service-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.sales-iq-detail-service-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.sales-iq-detail-service-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.sales-iq-detail-service-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-detail-service-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

@media screen and (width <= 1275px) {
  .sales-iq-detail-service-all, .sales-iq-detail-service-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .sales-iq-detail-service-all {
    padding-bottom: 67px;
  }

  .sales-iq-detail-service-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .sales-iq-detail-service-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .sales-iq-detail-service-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .sales-iq-detail-service-content-elements-parent, .sales-iq-detail-service-content17, .sales-iq-detail-service-frame-group, .sales-iq-detail-service-rectangle-parent10, .sales-iq-detail-service-rectangle-parent5, .sales-iq-detail-service-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .sales-iq-detail-service-frame-wrapper31 {
    flex: 1;
  }

  .sales-iq-detail-service-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-list-item-parent {
    flex: 1;
  }

  .sales-iq-detail-service-card-list, .sales-iq-detail-service-content20, .sales-iq-detail-service-content21, .sales-iq-detail-service-metric-item-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .sales-iq-detail-service-content23, .sales-iq-detail-service-frame-parent73, .sales-iq-detail-service-frame-parent74 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .sales-iq-detail-service-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-detail-service-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-service-content13 {
    gap: 17px;
  }

  .sales-iq-detail-service-tabs-and-filters {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-jul {
    width: 100%;
    height: 17px;
  }

  .sales-iq-detail-service-x-axis {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-number {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-service-main {
    gap: 16px;
  }

  .sales-iq-detail-service-number3, .sales-iq-detail-service-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .sales-iq-detail-service-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .sales-iq-detail-service-badge-elements, .sales-iq-detail-service-card-elements, .sales-iq-detail-service-dropdowns, .sales-iq-detail-service-location-badge-number {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-action-fields {
    min-width: 100%;
  }

  .sales-iq-detail-service-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-service-frame-parent2, .sales-iq-detail-service-primary-table {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-service-frame-parent17, .sales-iq-detail-service-frame-parent18, .sales-iq-detail-service-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-element-details, .sales-iq-detail-service-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .sales-iq-detail-service-action-icons, .sales-iq-detail-service-element-details-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-icon-button {
    gap: 17px;
  }

  .sales-iq-detail-service-icon-button, .sales-iq-detail-service-sidebar1 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-service-rectangle-parent11 {
    gap: 16px;
  }

  .sales-iq-detail-service-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .sales-iq-detail-service-frame-parent39 {
    min-width: 100%;
  }

  .sales-iq-detail-service-frame-wrapper31 {
    margin-left: 0;
  }

  .sales-iq-detail-service-card-row {
    min-width: 100%;
  }

  .sales-iq-detail-service-list-item-parent {
    margin-left: 0;
  }

  .sales-iq-detail-service-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .sales-iq-detail-service-text-and-supporting-text2 {
    min-width: 100%;
  }

  .sales-iq-detail-service-actions4 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .sales-iq-detail-service-text-and-supporting-text3 {
    min-width: 100%;
  }

  .sales-iq-detail-service-actions5, .sales-iq-detail-service-table-cell51, .sales-iq-detail-service-table-cell52 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .sales-iq-detail-service-frame-parent, .sales-iq-detail-service-text-and-supporting-text16 {
    min-width: 100%;
  }

  .sales-iq-detail-service-empty-state3 {
    gap: 16px;
  }

  .sales-iq-detail-service-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .sales-iq-detail-service-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-detail-service-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .sales-iq-detail-service-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .sales-iq-detail-service-actions {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-number {
    font-size: 18px;
    line-height: 23px;
  }

  .sales-iq-detail-service-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sales-iq-detail-service-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .sales-iq-detail-service-number3, .sales-iq-detail-service-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .sales-iq-detail-service-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-service-price {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-service-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-date-elements-parent {
    flex: 1;
  }

  .sales-iq-detail-service-badge-container, .sales-iq-detail-service-frame-parent12 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-badge-group {
    height: auto;
    min-height: 104px;
  }

  .sales-iq-detail-service-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-service-work-type-icon {
    flex: 1;
  }

  .sales-iq-detail-service-calendar-icon6 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-work-type-label {
    margin-left: 0;
  }

  .sales-iq-detail-service-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-service-frame-parent36, .sales-iq-detail-service-frame-parent42 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-price5, .sales-iq-detail-service-price6, .sales-iq-detail-service-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-service-frame-parent64 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .sales-iq-detail-service-content22, .sales-iq-detail-service-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-service-input-dropdown3 {
    max-width: 100%;
  }

  .sales-iq-detail-service-table-cell50, .sales-iq-detail-service-table-cell53 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .sales-iq-detail-service-column5, .sales-iq-detail-service-column6 {
    flex: 1;
  }

  .sales-iq-detail-service-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .sales-iq-detail-service-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-service-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .sales-iq-detail-service-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .sales-iq-detail-service-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.sales-iq-detail-service-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px 29px;
  display: flex;
  overflow-y: scroll;
}

.sales-iq-detail-service-component-listing-container::-webkit-scrollbar {
  display: none;
}

.sales-iq-detail-service-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.sales-iq-detail-service-component-sales-iq-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.sales-iq-detail-service-component-sales-iq-text78:hover {
  text-decoration: underline;
}

.sales-iq-detail-service-component-sales-iq-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-component-sales-iq-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-component-sales-iq-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: max-content;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-service-component-sales-iq-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-component-sales-iq-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 160px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-detail-service-component-sales-iq-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-component-sales-iq-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-component-sales-iq-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-component-sales-iq-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  max-width: 200px !important;
  overflow: hidden !important;
}

.sales-iq-detail-service-component-sales-iq-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-component-sales-iq-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-component-sales-iq-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.sales-iq-detail-service-component-sales-iq-metric-item3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-component-sales-iq-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-detail-service-component-sales-iq-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-upload-04-icon {
  flex-shrink: 0;
  width: 21px;
  height: 21px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-component-sales-iq-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-component-sales-iq-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-detail-service-component-sales-iq-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 5px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-component-sales-iq-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-component-sales-iq-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-buttonsbutton25, .sales-iq-detail-service-component-sales-iq-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-component-sales-iq-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-service-component-sales-iq-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 7px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-service-component-sales-iq-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-service-component-sales-iq-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.sales-iq-detail-service-component-sales-iq-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.sales-iq-detail-service-component-sales-iq-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 2.5px;
  left: 9.5px;
}

.sales-iq-detail-service-component-sales-iq-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.sales-iq-detail-service-component-sales-iq-arrow-square-up-right-icon1 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-service-component-sales-iq-small-card {
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow: hidden;
}

@media screen and (width <= 1100px) {
  .sales-iq-detail-service-component-sales-iq-rectangle-parent5, .sales-iq-detail-service-component-sales-iq-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-detail-service-component-sales-iq-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-service-component-sales-iq-action-fields {
    min-width: 100%;
  }

  .sales-iq-detail-service-component-sales-iq-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-component-sales-iq-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-service-component-sales-iq-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-detail-service-component-sales-iq-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-service-component-sales-iq-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-detail-service-component-sales-iq-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.add-service-progress-container {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
}

.add-service-progress-container-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

@media screen and (width <= 1275px) {
  .add-service-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-service-progress-steps {
    display: none;
  }

  .add-service-main {
    height: auto;
  }

  .add-service-content23 {
    flex-wrap: wrap;
  }

  .add-service-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-service-content5 {
    max-width: 100%;
  }

  .add-service-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-service-frame-group {
    gap: 19px;
  }

  .add-service-frame-parent {
    gap: 35px;
  }

  .add-service-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-service-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-service-main {
    gap: 16px;
  }

  .add-service-content22, .add-service-content39 {
    min-width: 100%;
  }

  .add-service-textarea-input-field {
    max-width: 100%;
  }

  .add-service-content42 {
    gap: 16px;
  }

  .add-service-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-service-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-service-frame-parent {
    gap: 17px;
  }

  .add-service-step-two, .add-service-step-two-details, .add-service-steps {
    gap: 19px;
  }

  .add-service-form-parent {
    gap: 350px;
  }

  .add-service-action, .add-service-first-upload-item-content, .add-service-input1, .add-service-input10, .add-service-input9, .add-service-progress-bar {
    flex-wrap: wrap;
  }

  .add-service-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-service-progress-container-parent {
    gap: 49px;
  }
}

.add-service-step-input-tags {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  width: 94%;
  display: flex;
}

.add-service-step-file-upload-item-base-link {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-service-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-service-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-service-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-service-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-service-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-service-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-service-step-first-upload-item-content, .add-service-step-action, .add-service-step-input1, .add-service-step-input10, .add-service-step-input9 {
    flex-wrap: wrap;
  }
}

.add-service-step3-textarea-input-field7 {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  padding: 0;
}

.add-service-step3-content69, .add-service-step3-file-upload-base5, .add-service-step3-text-and-supporting-text13 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.add-service-step3-content69 {
  gap: 12px;
}

.add-service-step-text48, .add-service-step-file-button-labels {
  gap: 5px;
  display: flex;
}

@media screen and (width <= 1025px) {
  .add-service-step3-actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .add-service-step3-actions6 {
    flex-wrap: wrap;
  }

  .add-service-step3-section-header-group {
    min-width: 100%;
  }

  .add-service-step3-add-service-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .add-service-step3-textarea-input-field7 {
    max-width: 100%;
  }

  .add-service-step3-content62, .add-service-step3-content68 {
    gap: 16px;
  }

  .add-service-step3-actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .add-service-step3-step-base15 {
    gap: 19px;
  }

  .add-service-step3-action5, .add-service-step3-file-type-icon-parent, .add-service-step3-progress-bar8 {
    flex-wrap: wrap;
  }

  .add-service-step3-actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-service-step3-add-service-step-3 {
    gap: 32px;
  }
}

.archive-service-error-text {
  color: red;
  z-index: 2;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.archive-service-frame-parent-31 {
  align-self: stretch;
}

.archive-service-frame-parent-28 {
  box-sizing: border-box;
  align-items: flex-start;
  padding: 0 1px 0 0;
}

.archive-service-buttons-button7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service-buttonsbutton17-custom {
  right: 325px !important;
}

.archive-service1-buttonsbutton18-custom {
  right: 195px !important;
}

.archive-service-listing-container-custom {
  justify-content: initial !important;
  flex-direction: column !important;
}

.archive-service-filter-cards-container {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 5px 32px;
  display: flex;
}

.archive-service-input-fields2-custom {
  align-items: initial !important;
  flex-direction: column !important;
}

.archive-service-second-badge-divider-custom, .archive-service-section-wrapper-custom {
  z-index: 1;
}

.archive-service-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service-sliders-02-icon {
  cursor: pointer;
}

.custom-datepicker:focus {
  border: 2px solid #7e56d9;
}

.archive-service1-filter-selected-div {
  width: 100%;
  height: max-content;
}

.archive-service1-listing-container {
  gap: 20px;
  width: 100%;
  padding: 10px;
  display: grid;
  overflow-y: auto;
}

.archive-service1-content4, .archive-service1-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-service1-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-service1-page-header1, .archive-service1-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-service1-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 100%;
  padding: 0 32px;
}

.archive-service1-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-buttonsbutton:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.archive-service1-divider-icon2, .archive-service1-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
  margin: 0 !important;
}

.archive-service1-magnifier-1-icon {
  object-fit: cover;
  cursor: pointer;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-service1-radar-1-1-container {
  z-index: 2;
  cursor: pointer;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-service1-listing-container, .archive-service1-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-service1-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-service1-frame-parent41, .archive-service1-rectangle-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-slide-out {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  max-width: 100%;
  display: flex;
  margin: 0 !important;
}

.archive-service1-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-service1-hiddenbutton-container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-service1-button-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-service1-sort-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  padding: 5px 32px 0;
  display: flex;
}

.archive-service-section-wrapper-custom {
  display: initial !important;
}

.archive-service1-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-service1-filter-selected-div {
  width: 100%;
}

.archive-service1-listing-container {
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  height: max-content;
  padding: 25px 29px;
  display: flex;
  overflow-y: scroll;
}

.archive-service1-listing-container::-webkit-scrollbar {
  display: none;
}

.archive-service1-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-service1-divider-icon7-cstm {
  position: initial !important;
}

.archive-service1-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-service1-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-service1-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-service1-logo, .archive-service1-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-service1-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-service1-bar-chart-01-icon, .archive-service1-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-service1-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-service1-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-service1-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-service1-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-service1-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-service1-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-service1-text2, .archive-service1-text3 {
  font-family: Inter;
  position: relative;
}

.archive-service1-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-service1-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-service1-badge1, .archive-service1-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-service1-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-service1-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-service1-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-navigation, .archive-service1-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-service1-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-service1-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-service1-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-service1-search-lg-icon, .archive-service1-text6 {
  position: relative;
  overflow: hidden;
}

.archive-service1-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-service1-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-service1-content3, .archive-service1-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-content3 {
  flex: 1;
  gap: 8px;
}

.archive-service1-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-frame-parent, .archive-service1-input-with-label, .archive-service1-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-service1-frame-parent, .archive-service1-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-service1-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-service1-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-service1-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-service1-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-service1-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-service1-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-service1-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-service1-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-service1-breadcrumb-button-base, .archive-service1-rectangle-parent, .archive-service1-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-service1-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-service1-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-service1-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-service1-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-service1-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-service1-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-service1-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-service1-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-service1-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-service1-tabs {
  gap: 8px;
}

.archive-service1-breadcrumbs, .archive-service1-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-service1-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-service1-container {
  padding: 0 32px;
}

.archive-service1-container, .archive-service1-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-service1-main-child, .archive-service1-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-service1-main-item {
  height: 43px;
}

.archive-service1-main, .archive-service1-text11 {
  align-self: stretch;
}

.archive-service1-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-service1-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-service1-breadcrumb-button-base6, .archive-service1-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-service1-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-service1-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-service1-breadcrumbs1, .archive-service1-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-service1-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-service1-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-service1-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-service1-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-service1-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-service1-label1, .archive-service1-text15 {
  position: relative;
}

.archive-service1-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-service1-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-service1-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-service1-content5, .archive-service1-input-with-label1, .archive-service1-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-service1-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-service1-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-service1-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-service1-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-service1-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px 16px;
  max-width: 100%;
  font-size: 26px;
  display: flex;
}

.archive-service1-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-service1-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  height: max-content;
  display: flex;
}

.archive-service1-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-service1-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-service1-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-service1-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-service1-button-group-base2, .archive-service1-button-group-base3, .archive-service1-button-group-base4, .archive-service1-button-group-base5, .archive-service1-button-group-base6, .archive-service1-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-service1-button-group-base3, .archive-service1-button-group-base4, .archive-service1-button-group-base5, .archive-service1-button-group-base6, .archive-service1-button-group-base7 {
  z-index: 6;
}

.archive-service1-button-group-base4, .archive-service1-button-group-base5, .archive-service1-button-group-base6, .archive-service1-button-group-base7 {
  z-index: 5;
}

.archive-service1-button-group-base5, .archive-service1-button-group-base6, .archive-service1-button-group-base7 {
  z-index: 4;
}

.archive-service1-button-group-base6, .archive-service1-button-group-base7 {
  z-index: 3;
}

.archive-service1-button-group-base7 {
  z-index: 2;
}

.archive-service1-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-service1-breadcrumb-button-base11, .archive-service1-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-service1-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-service1-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-service1-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-service1-breadcrumb-button-base14, .archive-service1-breadcrumbs2, .archive-service1-button-group, .archive-service1-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-service1-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  position: absolute;
  bottom: -20px;
  right: -2px;
  margin: 0 !important;
}

.archive-service1-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  width: max-content;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-service1-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-service1-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-service1-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-service1-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
}

.archive-service1-divider-icon2, .archive-service1-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
}

.archive-service1-filter-items {
  position: absolute;
  margin: 0 !important;
}

.archive-service1-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
}

.archive-service1-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-service1-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-service1-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-service1-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-service1-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-service1-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-service1-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-service1-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-service1-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-dot-item-type-parent {
  gap: 8px;
}

.archive-service1-completed, .archive-service1-dot-item-content, .archive-service1-dot-item-innermost, .archive-service1-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-service1-completed, .archive-service1-dot-item-innermost {
  box-sizing: border-box;
}

.archive-service1-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-service1-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-service1-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-service1-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-service1-badge4, .archive-service1-completed-parent, .archive-service1-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-service1-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-badge5, .archive-service1-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-service1-badge6 {
  width: 76px;
}

.archive-service1-badge7, .archive-service1-badges {
  flex-direction: row;
  flex: 1;
}

.archive-service1-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-badges {
  gap: 8px;
}

.archive-service1-badges, .archive-service1-badges-wrapper, .archive-service1-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-service1-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-service1-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-dot-item-parent, .archive-service1-dots-parent, .archive-service1-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-service1-dots-parent, .archive-service1-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-service1-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-service1-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-service1-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-service1-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-service1-deal-inner, .archive-service1-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-service1-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-service1-card-deal, .archive-service1-deal-details, .archive-service1-deal-inner {
  justify-content: flex-start;
}

.archive-service1-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-service1-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-service1-card-deal, .archive-service1-frame-wrapper, .archive-service1-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-service1-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-service1-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-service1-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-service1-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-service1-close-icons, .archive-service1-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-service1-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-service1-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-service1-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-service1-name, .archive-service1-role {
  display: inline-block;
  position: relative;
}

.archive-service1-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-service1-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-service1-inner-info {
  flex-direction: column;
}

.archive-service1-inner-info, .archive-service1-inner-info-wrapper, .archive-service1-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-service1-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-service1-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-service1-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-service1-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-service1-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-buttonsbutton2, .archive-service1-buttonsbutton3, .archive-service1-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-service1-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-service1-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-service1-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 0 0;
  display: flex;
}

.archive-service1-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-service1-filter-items-parent, .archive-service1-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-service1-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-service1-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-service1-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-price-value, .archive-service1-text37 {
  display: inline-block;
  position: relative;
}

.archive-service1-text37 {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

.archive-service1-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-service1-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-service1-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-service1-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-service1-badge10, .archive-service1-badge11, .archive-service1-deal-type-parent, .archive-service1-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-badge11, .archive-service1-frame-parent1 {
  flex: 1;
}

.archive-service1-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-service1-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-badge-group, .archive-service1-badge12, .archive-service1-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-service1-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-service1-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-service1-badge13, .archive-service1-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-service1-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-service1-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-badge13, .archive-service1-badge14, .archive-service1-card-work, .archive-service1-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-service1-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-service1-badge14, .archive-service1-frame-div {
  flex-direction: row;
}

.archive-service1-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-service1-frame-container, .archive-service1-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 80%;
  padding: 8px 0 0;
}

.archive-service1-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-service1-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-service1-inner-icons, .archive-service1-inner-icons-wrapper, .archive-service1-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-service1-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 20%;
  font-size: 20px;
}

.archive-service1-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
}

.archive-service1-dots-vertical-container, .archive-service1-frame-group, .archive-service1-rectangle-container, .archive-service1-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-service1-dots-vertical-container, .archive-service1-rectangle-container {
  flex-direction: row;
}

.archive-service1-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-service1-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-service1-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-service1-buttonsbutton-wrapper, .archive-service1-frame-parent3, .archive-service1-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-service1-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-service1-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-service1-divider-parent, .archive-service1-rectangle-group, .archive-service1-rectangle-group1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-service1-rectangle-group {
  box-sizing: border-box;
  color: #101828;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 100%;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
}

.archive-service1-rectangle-group1 {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  position: absolute;
  top: 700px;
  bottom: -15px;
  right: 30px;
  margin: 0 !important;
}

.archive-service1-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton10 {
  left: 370px;
}

.archive-service1-buttonsbutton10, .archive-service1-buttonsbutton11, .archive-service1-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-service1-buttonsbutton12 {
  right: 262px;
}

.archive-service1-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 116px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-service1-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-button, .archive-service1-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-service1-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-service1-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-service1-button, .archive-service1-button1, .archive-service1-text60 {
  align-self: stretch;
}

.archive-service1-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
  margin: 0 !important;
}

.archive-service1-divider-icon6, .archive-service1-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-service1-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  height: max-content;
  font-size: 14px;
}

.archive-service1-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 70px;
  overflow: hidden;
}

.archive-service1-divider-icon6, .archive-service1-divider-icon7, .archive-service1-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-service1-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-service1-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-service1-text-group, .archive-service1-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-service1-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-service1-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-last-active, .archive-service1-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-service1-name-container {
  gap: 16px;
}

.archive-service1-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-applications, .archive-service1-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-service1-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-service1-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-service1-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-service1-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-service1-card-actions, .archive-service1-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-service1-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-service1-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-service1-price2, .archive-service1-rate {
  display: inline-block;
  position: relative;
}

.archive-service1-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-service1-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-service1-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-service1-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-service1-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-service1-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-service1-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-service1-card-actions1, .archive-service1-deal-container, .archive-service1-listing-border-parent, .archive-service1-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-service1-listing-border-parent, .archive-service1-listing-card-actions {
  box-sizing: border-box;
}

.archive-service1-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-service1-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-service1-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-service1-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-service1-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-service1-name3, .archive-service1-role2 {
  display: inline-block;
  position: relative;
}

.archive-service1-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-service1-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-service1-collapsed-name-details, .archive-service1-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-service1-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-service1-collapsed-name-role, .archive-service1-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-service1-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-service1-detail-header, .archive-service1-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-service1-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-service1-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-service1-detail-header1, .archive-service1-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-service1-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-service1-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-service1-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-service1-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-service1-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-service1-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-service1-badge16, .archive-service1-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-service1-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-service1-location2, .archive-service1-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-type-of-work3 {
  min-width: 109px;
}

.archive-service1-location-content, .archive-service1-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-service1-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-service1-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-badge17, .archive-service1-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-service1-badge18 {
  width: 76px;
}

.archive-service1-badge-container, .archive-service1-badge18, .archive-service1-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-service1-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-service1-badge-name, .archive-service1-buttonsbutton19, .archive-service1-buttonsbutton20, .archive-service1-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-service1-buttonsbutton19, .archive-service1-buttonsbutton20, .archive-service1-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-service1-buttonsbutton20, .archive-service1-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-service1-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-service1-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-service1-badge-details, .archive-service1-buttonsbutton-parent, .archive-service1-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-service1-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-service1-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-service1-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-service1-badge22, .archive-service1-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-service1-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-service1-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-badge-list-item, .archive-service1-badge22, .archive-service1-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-service1-location-item, .archive-service1-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-service1-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-service1-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-service1-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-badge24, .archive-service1-buttonsbutton23, .archive-service1-first-badge-details, .archive-service1-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-buttonsbutton23, .archive-service1-first-badge-details, .archive-service1-work-item {
  flex: 1;
}

.archive-service1-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-service1-buttonsbutton23, .archive-service1-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-service1-first-badge-details {
  max-width: 100%;
}

.archive-service1-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-service1-buttonsbutton-group, .archive-service1-second-badge-divider, .archive-service1-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-service1-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-service1-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-service1-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-service1-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-service1-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-service1-location-summary, .archive-service1-summary-details, .archive-service1-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-service1-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-service1-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-service1-badge25, .archive-service1-frame-parent5, .archive-service1-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-service1-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-service1-expanded-content, .archive-service1-expanded-listing, .archive-service1-first-badges, .archive-service1-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-service1-expanded-content, .archive-service1-expanded-listing {
  max-width: 100%;
}

.archive-service1-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-service1-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-service1-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-service1-arrow-square-up-right-icon1, .archive-service1-arrow-square-up-right-icon2, .archive-service1-dots-vertical-icon3, .archive-service1-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-service1-dots-vertical-icon3, .archive-service1-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-service1-dots-vertical-icon3 {
  top: 260px;
}

.archive-service1-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-service1-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-service1-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-service1-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-service1-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-service1-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-service1-arrow-square-up-right-parent, .archive-service1-frame-parent6, .archive-service1-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-service1-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-service1-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-service1-collapsed-content, .archive-service1-collapsed-details, .archive-service1-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-collapsed-content {
  position: relative;
}

.archive-service1-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-service1-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-service1-business-image, .archive-service1-text83 {
  z-index: 1;
  position: relative;
}

.archive-service1-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-service1-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-service1-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-service1-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-service1-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-service1-span {
  font-weight: 500;
}

.archive-service1-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-service1-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-service1-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-service1-application-count, .archive-service1-business-location, .archive-service1-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-service1-application-count, .archive-service1-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-service1-application-count {
  color: #fff;
  gap: 8px;
}

.archive-service1-badge-one, .archive-service1-badge-three, .archive-service1-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-service1-badge-three, .archive-service1-badge-two {
  display: inline-block;
}

.archive-service1-badge-two {
  min-width: 103px;
}

.archive-service1-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-service1-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-service1-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-service1-supporting-text23, .archive-service1-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-supporting-text23 {
  min-width: 70.9px;
}

.archive-service1-supporting-text24 {
  width: 104px;
}

.archive-service1-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-service1-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-service1-badges-parent, .archive-service1-business-details, .archive-service1-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-service1-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-service1-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-business-actions, .archive-service1-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-service1-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-service1-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-service1-content6:hover {
  background-color: #40454f;
}

.archive-service1-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-service1-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-service1-arrow-square-up-right-icon3, .archive-service1-arrow-square-up-right-icon4, .archive-service1-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-arrow-square-up-right-icon4, .archive-service1-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-service1-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-service1-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-service1-frame-parent11, .archive-service1-group-div, .archive-service1-list-header, .archive-service1-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-service1-frame-parent11, .archive-service1-group-div {
  gap: 7.3px;
}

.archive-service1-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-service1-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-service1-divider-icon10, .archive-service1-dots-vertical-icon7, .archive-service1-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-service1-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-service1-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-service1-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-dots-vertical-parent1, .archive-service1-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-text-wrapper7 {
  flex: 1;
}

.archive-service1-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-service1-rectangle-textarea, .archive-service1-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-service1-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-service1-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-service1-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-service1-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-contact-details, .archive-service1-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-service1-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-service1-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-service1-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton27, .archive-service1-buttonsbutton28, .archive-service1-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-buttonsbutton28, .archive-service1-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-service1-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-service1-contact-details-parent, .archive-service1-detail-item-parent, .archive-service1-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-service1-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-service1-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton-wrapper2, .archive-service1-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-service1-frame-parent22, .archive-service1-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-service1-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-service1-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-service1-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-service1-pair-container-parent, .archive-service1-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-service1-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-service1-frame-parent19, .archive-service1-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-service1-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-service1-price7, .archive-service1-total {
  display: inline-block;
  position: relative;
}

.archive-service1-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-service1-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-service1-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-service1-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-service1-pair-container-container, .archive-service1-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-service1-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-service1-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-service1-frame-parent24, .archive-service1-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-service1-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-service1-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-service1-fourth-listing, .archive-service1-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-service1-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-service1-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-service1-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-service1-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-buttonsbutton30, .archive-service1-expand-action, .archive-service1-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-service1-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-service1-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-service1-arrow-square-up-right-icon6, .archive-service1-arrow-square-up-right-icon7, .archive-service1-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-service1-arrow-square-up-right-icon7, .archive-service1-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-service1-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-service1-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-service1-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-service1-text100, .archive-service1-text101 {
  font-family: Inter;
  position: relative;
}

.archive-service1-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-service1-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-service1-badge27, .archive-service1-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-service1-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-service1-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-service1-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-service1-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-service1-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-service1-card-header, .archive-service1-content7, .archive-service1-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-service1-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-service1-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-service1-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-service1-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-button-group-base10, .archive-service1-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-service1-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-service1-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-service1-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-service1-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-service1-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-label3, .archive-service1-supporting-text41, .archive-service1-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-service1-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-service1-supporting-text41, .archive-service1-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-service1-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-service1-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-service1-content9, .archive-service1-input-with-label2, .archive-service1-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-service1-input-with-label2, .archive-service1-input2 {
  align-self: stretch;
}

.archive-service1-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-service1-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-service1-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-service1-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-service1-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-actions2, .archive-service1-button7, .archive-service1-content8 {
  flex-direction: row;
  display: flex;
}

.archive-service1-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-actions2, .archive-service1-content8 {
  max-width: 100%;
}

.archive-service1-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-service1-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-service1-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-service1-card-header-parent, .archive-service1-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-text117, .archive-service1-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-service1-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-service1-badge28, .archive-service1-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-service1-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-service1-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-service1-button8, .archive-service1-button9, .archive-service1-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-service1-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-service1-button8, .archive-service1-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-service1-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-service1-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-actions3, .archive-service1-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-service1-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-service1-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-service1-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-service1-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-service1-table-header-cell, .archive-service1-table-header-cell-inner, .archive-service1-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-service1-table-header-cell, .archive-service1-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-service1-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-service1-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-service1-avatar-online-indicator, .archive-service1-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-service1-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-service1-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-service1-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-service1-supporting-text43, .archive-service1-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-service1-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-service1-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-supporting-text46, .archive-service1-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-service1-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-service1-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-service1-avatar5, .archive-service1-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-service1-avatar5 {
  background-color: #f2f4f7;
}

.archive-service1-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-table-cell6, .archive-service1-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-service1-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-service1-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-table-header, .archive-service1-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-table-header {
  gap: 4px;
}

.archive-service1-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-service1-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-service1-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-marker-pin-02-group, .archive-service1-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-marker-pin-02-group {
  gap: 7px;
}

.archive-service1-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-service1-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-table-cell15, .archive-service1-table-cell16, .archive-service1-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-service1-table-cell16, .archive-service1-table-cell18 {
  width: 271px;
}

.archive-service1-table-cell18 {
  width: 239px;
}

.archive-service1-column, .archive-service1-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-service1-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-service1-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-service1-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-service1-table-header-cell2, .archive-service1-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-service1-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-service1-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-service1-table-cell20, .archive-service1-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-service1-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-service1-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-service1-column1, .archive-service1-table-cell25, .archive-service1-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-service1-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-service1-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-service1-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-table-cell30, .archive-service1-table-header-cell3, .archive-service1-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-service1-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-service1-table-cell30, .archive-service1-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-service1-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-service1-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-service1-column2, .archive-service1-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-service1-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-service1-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-service1-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-button-wrap, .archive-service1-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-service1-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-service1-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-service1-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-content11, .archive-service1-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-service1-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-service1-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-content12, .archive-service1-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-service1-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-service1-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-content13, .archive-service1-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-content13 {
  padding: 10px 15px;
}

.archive-service1-pagination-number-base2 {
  overflow: hidden;
}

.archive-service1-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-service1-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-content17, .archive-service1-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-service1-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-service1-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-button-wrap1, .archive-service1-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-service1-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-service1-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-service1-next-page-button, .archive-service1-page-navigation, .archive-service1-pagination, .archive-service1-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-service1-pagination, .archive-service1-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-service1-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-service1-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-service1-text161, .archive-service1-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-service1-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-service1-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-service1-badge29, .archive-service1-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-service1-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-service1-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-service1-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-button-group-base18, .archive-service1-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-service1-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-service1-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-service1-button-group-base19 {
  background-color: #fff;
}

.archive-service1-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-card-header-group, .archive-service1-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-service1-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-service1-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-service1-supporting-text55, .archive-service1-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-service1-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-service1-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-service1-content21, .archive-service1-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-service1-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-service1-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-actions6, .archive-service1-empty-state1 {
  justify-content: flex-start;
}

.archive-service1-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-service1-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-service1-empty-state, .archive-service1-empty-state1, .archive-service1-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-service1-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-service1-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-service1-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-service1-supporting-text56, .archive-service1-text181 {
  align-self: stretch;
  position: relative;
}

.archive-service1-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-service1-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-service1-content22, .archive-service1-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-service1-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-service1-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-empty-state2, .archive-service1-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-service1-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-service1-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-service1-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  font-family: Inter;
  font-size: 18px;
  display: flex;
}

.archive-service1-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-service1-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-service1-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-service1-frame-child6, .archive-service1-rectangle-parent2, .archive-service1-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-service1-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-service1-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-service1-dots-vertical-icon22, .archive-service1-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-service1-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-service1-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-service1-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-service1-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-service1-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-service1-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-service1-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-service1-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-service1-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-service1-frame-parent27, .archive-service1-logomark, .archive-service1-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-service1-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-service1-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-service1-content23, .archive-service1-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-service1-container1, .archive-service1-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-service1-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-service1-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-service1-divider-icon14 {
  object-fit: contain;
  z-index: 4;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: -11px;
  right: 0;
  margin: 0 !important;
}

.archive-service1-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-service1-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-service1-dot-icon10, .archive-service1-dot-icon11, .archive-service1-dot-icon7, .archive-service1-dot-icon8, .archive-service1-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-service1-dot-icon10, .archive-service1-dot-icon11, .archive-service1-dot-icon8, .archive-service1-dot-icon9 {
  z-index: 3;
}

.archive-service1-dot-icon10, .archive-service1-dot-icon11, .archive-service1-dot-icon9 {
  z-index: 4;
}

.archive-service1-dot-icon10, .archive-service1-dot-icon11 {
  z-index: 5;
}

.archive-service1-dot-icon11 {
  z-index: 6;
}

.archive-service1-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-service1-dot-icon12, .archive-service1-dot-icon13, .archive-service1-featured-icon1 {
  display: none;
  position: relative;
}

.archive-service1-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-service1-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-service1-supporting-text57, .archive-service1-text184 {
  align-self: stretch;
  position: relative;
}

.archive-service1-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-service1-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-service1-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-service1-button-close-x, .archive-service1-content24 {
  flex-direction: row;
  display: flex;
}

.archive-service1-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-service1-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-service1-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-service1-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-service1-frame-wrapper13, .archive-service1-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-service1-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-service1-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-service1-background, .archive-service1-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-service1-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-service1-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-service1-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-content25, .archive-service1-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-service1-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-service1-control-handle, .archive-service1-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-service1-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-service1-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-service1-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-service1-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-service1-background-parent, .archive-service1-content26, .archive-service1-progress, .archive-service1-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-service1-background-parent, .archive-service1-progress {
  position: relative;
}

.archive-service1-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-service1-background-parent {
  padding: 0 20px 0 0;
}

.archive-service1-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-service1-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-service1-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-service1-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-service1-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-input-field, .archive-service1-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-service1-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-service1-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-service1-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-service1-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-service1-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-service1-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-service1-frame-parent31, .archive-service1-frame-wrapper14, .archive-service1-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-service1-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-service1-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-service1-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-service1-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-service1-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-content-parent, .archive-service1-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-service1-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-service1-content-parent {
  gap: 42px;
}

.archive-service1-content-parent, .archive-service1-input10, .archive-service1-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-service1-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-service1-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-input-field2, .archive-service1-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-service1-section-parent {
  gap: 8px;
}

.archive-service1-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-service1-checkboxes1, .archive-service1-section-wrapper, .archive-service1-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-service1-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-service1-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-service1-text203, .archive-service1-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-text207 {
  min-width: 44px;
}

.archive-service1-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-text208, .archive-service1-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-text209 {
  min-width: 59px;
}

.archive-service1-search-lg, .archive-service1-text210 {
  z-index: 2;
  position: relative;
}

.archive-service1-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-service1-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-service1-content37, .archive-service1-input-fields2, .archive-service1-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-service1-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-service1-input-fields2, .archive-service1-input19 {
  align-self: stretch;
}

.archive-service1-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-service1-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-service1-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-service1-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-service1-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-service1-text212, .archive-service1-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-service1-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-service1-frame-parent36, .archive-service1-frame-parent37, .archive-service1-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-service1-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-service1-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-service1-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-service1-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-service1-frame-parent28, .archive-service1-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-service1-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-service1-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-service1-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-service1-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-service1-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-service1-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-service1-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-service1-actions9, .archive-service1-buttonsbutton39, .archive-service1-content38 {
  flex-direction: row;
  display: flex;
}

.archive-service1-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-service1-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-service1-divider-parent6, .archive-service1-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-service1-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-service1-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-service1-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-service1-frame-parent41, .archive-service1-rectangle-parent4, .archive-service1-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-service1-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-service1-slide-out {
  flex-direction: row;
  width: 25%;
  margin: 0 !important;
}

.archive-service1-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-service1-collapsed-listing, .archive-service1-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-service1-frame-form {
    padding-bottom: 272px;
  }

  .archive-service1-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-service1-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-service1-fourth-listing {
    flex: 1;
  }

  .archive-service1-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-service1-frame-parent16 {
    gap: 140px;
  }

  .archive-service1-content8 {
    flex-wrap: wrap;
  }

  .archive-service1-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-service1-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-service1-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-service1-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-service1-navigation-parent {
    gap: 19px;
  }

  .archive-service1-frame-parent {
    gap: 35px;
  }

  .archive-service1-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-service1-main {
    gap: 16px;
  }

  .archive-service1-badges, .archive-service1-dot-item-content, .archive-service1-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-service1-dots-vertical {
    min-width: 100%;
  }

  .archive-service1-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-service1-frame-div {
    flex-wrap: wrap;
  }

  .archive-service1-frame-container {
    min-width: 100%;
  }

  .archive-service1-frame-group {
    flex-wrap: wrap;
  }

  .archive-service1-dots-vertical-container {
    min-width: 100%;
  }

  .archive-service1-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-service1-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-service1-first-badge, .archive-service1-location-content {
    flex: 1;
  }

  .archive-service1-badge-name {
    flex-wrap: wrap;
  }

  .archive-service1-badge-details {
    gap: 23px;
  }

  .archive-service1-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-service1-second-badge-list-parent {
    gap: 23px;
  }

  .archive-service1-frame-parent5 {
    gap: 53px;
  }

  .archive-service1-expanded-content {
    flex-wrap: wrap;
  }

  .archive-service1-expanded-listing {
    min-width: 100%;
  }

  .archive-service1-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-service1-badge-support-parent, .archive-service1-badges1, .archive-service1-detail-item, .archive-service1-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-service1-second-listing-details {
    flex: 1;
  }

  .archive-service1-listing-detail {
    flex-wrap: wrap;
  }

  .archive-service1-frame-parent19 {
    gap: 54px;
  }

  .archive-service1-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-service1-fourth-listing {
    margin-left: 0;
  }

  .archive-service1-frame-parent16 {
    gap: 70px;
  }

  .archive-service1-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-service1-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-service1-actions2 {
    flex-wrap: wrap;
  }

  .archive-service1-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-service1-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-service1-actions3 {
    flex-wrap: wrap;
  }

  .archive-service1-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-service1-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-service1-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-service1-empty-state3 {
    gap: 16px;
  }

  .archive-service1-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-service1-container1 {
    gap: 16px;
  }

  .archive-service1-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-service1-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-service1-frame-parent {
    gap: 17px;
  }

  .archive-service1-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-service1-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-service1-card-work {
    flex: 1;
  }

  .archive-service1-provider-name {
    flex-wrap: wrap;
  }

  .archive-service1-price2, .archive-service1-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-service1-badge-container, .archive-service1-location-content {
    flex-wrap: wrap;
  }

  .archive-service1-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-service1-buttonsbutton-group, .archive-service1-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-service1-location-summary {
    flex: 1;
  }

  .archive-service1-summary-details {
    flex-wrap: wrap;
  }

  .archive-service1-frame-parent5 {
    gap: 27px;
  }

  .archive-service1-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-service1-price4, .archive-service1-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-service1-business-name-role, .archive-service1-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-service1-detail-item-parent {
    gap: 20px;
  }

  .archive-service1-pair-container-parent {
    margin-left: 0;
  }

  .archive-service1-frame-parent19 {
    gap: 27px;
  }

  .archive-service1-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-service1-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-service1-frame-parent24 {
    gap: 126px;
  }

  .archive-service1-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-service1-content9, .archive-service1-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-service1-input-dropdown2 {
    max-width: 100%;
  }

  .archive-service1-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-service1-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-service1-button-group2 {
    flex-wrap: wrap;
  }

  .archive-service1-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-service1-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-service1-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-service1-footer {
    gap: 16px;
  }

  .archive-service1-listings-search-results-list {
    gap: 25px;
  }
}

.detailed-service-review-reply-header {
  width: 20%;
}

.detailed-service-review-reply-feedback-header {
  box-sizing: border-box;
  flex-direction: row;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.detailed-service-review-reply-header-info {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-review-reply-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-review-reply-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-service-review-reply-alvo-medical {
  font-weight: 500;
}

.detailed-service-review-reply-main {
  box-sizing: border-box;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 80px 24px 10px;
  display: flex;
}

.detailed-service-review-reply-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-service-review-reply {
  width: 100%;
  padding: 0 6px;
}

.detailed-service-frame-child, .detailed-service-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.detailed-service-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.detailed-service-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.detailed-service-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.detailed-service-header-content, .detailed-service-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.detailed-service-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.detailed-service-bar-chart-01-icon, .detailed-service-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.detailed-service-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.detailed-service-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.detailed-service-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.detailed-service-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-service-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-service-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-service-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-badge1, .detailed-service-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.detailed-service-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-service-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-service-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-navigation, .detailed-service-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.detailed-service-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.detailed-service-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.detailed-service-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-service-placeholder, .detailed-service-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.detailed-service-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.detailed-service-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.detailed-service-content3, .detailed-service-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-service-content3 {
  flex: 1;
  gap: 8px;
}

.detailed-service-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-header-container, .detailed-service-input-with-label, .detailed-service-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.detailed-service-header-container, .detailed-service-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.detailed-service-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.detailed-service-header-container {
  gap: 70px;
  width: 754px;
}

.detailed-service-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.detailed-service-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.detailed-service-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.detailed-service-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.detailed-service-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.detailed-service-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.detailed-service-button-container, .detailed-service-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.detailed-service-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.detailed-service-divider-icon, .detailed-service-text6 {
  align-self: stretch;
  position: relative;
}

.detailed-service-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.detailed-service-text6 {
  font-weight: 500;
  line-height: 20px;
}

.detailed-service-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.detailed-service-chevron-right-icon, .detailed-service-text7 {
  flex-shrink: 0;
  position: relative;
}

.detailed-service-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.detailed-service-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-service-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.detailed-service-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-service-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.detailed-service-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-service-breadcrumb-controls, .detailed-service-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.detailed-service-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-service-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.detailed-service-breadcrumb-controls-icon, .detailed-service-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.detailed-service-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
  width: 100% !important;
}

.detailed-service-breadcrumb-controls-item {
  display: none;
}

.detailed-service-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-service-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-buttonsbutton, .detailed-service-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.detailed-service-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-service-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.detailed-service-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.detailed-service-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-service-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.detailed-service-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.detailed-service-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.detailed-service-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-service-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.detailed-service-breadcrumb, .detailed-service-breadcrumb-button-base3, .detailed-service-breadcrumb-container-parent, .detailed-service-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.detailed-service-breadcrumb, .detailed-service-breadcrumb-container-parent {
  max-width: 100%;
}

.detailed-service-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.detailed-service-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.detailed-service-pre- {
  text-transform: capitalize;
}

.detailed-service-o {
  text-transform: lowercase;
}

.detailed-service-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.detailed-service-marker-pin-02-icon, .detailed-service-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.detailed-service-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.detailed-service-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.detailed-service-detail-items, .detailed-service-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-detail-items {
  flex: 1;
  gap: 8px;
}

.detailed-service-details-row {
  gap: 20px;
  width: 294px;
}

.detailed-service-contact-name {
  padding: 0 5px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  max-width: 50px;
  padding: 1px 4px;
  display: flex;
}

.detailed-service-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.detailed-service-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.detailed-service-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.detailed-service-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-service-ellipse-div, .detailed-service-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-service-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.detailed-service-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-service-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.detailed-service-contact-details, .detailed-service-details-content, .detailed-service-rectangle-container, .detailed-service-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.detailed-service-contact-details, .detailed-service-details-content {
  align-self: stretch;
}

.detailed-service-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.detailed-service-details-content {
  flex-direction: column;
  gap: 8px;
}

.detailed-service-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-buttonsbutton1, .detailed-service-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.detailed-service-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-buttonsbutton1:hover {
  background-color: #eaecf0;
}

.detailed-service-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-service-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.detailed-service-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-service-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.detailed-service-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.detailed-service-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.detailed-service-detail-container, .detailed-service-dropdown, .detailed-service-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.detailed-service-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.detailed-service-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.detailed-service-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.detailed-service-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.detailed-service-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.detailed-service-heading, .detailed-service-paragraph, .detailed-service-paragraph1 {
  z-index: 1;
  position: relative;
}

.detailed-service-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-service-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.detailed-service-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.detailed-service-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.detailed-service-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.detailed-service-description-columns-second, .detailed-service-description-content, .detailed-service-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-service-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 42px;
  min-height: 120px;
}

.detailed-service-description-content, .detailed-service-heading-parent {
  flex-direction: column;
}

.detailed-service-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.detailed-service-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.detailed-service-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-service-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-description-paragraphs, .detailed-service-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.detailed-service-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.detailed-service-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.detailed-service-heading1, .detailed-service-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-service-heading1 {
  font-weight: 500;
}

.detailed-service-paragraph26 {
  color: #475467;
}

.detailed-service-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.detailed-service-gallery-images-container-child, .detailed-service-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.detailed-service-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.detailed-service-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.detailed-service-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.detailed-service-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-service-gallery-images, .detailed-service-gallery-images-container, .detailed-service-gallery-images-container1, .detailed-service-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-service-gallery-images, .detailed-service-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.detailed-service-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.detailed-service-heading6 {
  font-weight: 600;
}

.detailed-service-heading6, .detailed-service-heading7, .detailed-service-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-service-heading7 {
  font-weight: 500;
}

.detailed-service-paragraph30 {
  color: #475467;
}

.detailed-service-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.detailed-service-benefits-content {
  gap: 16px;
}

.detailed-service-benefits-container, .detailed-service-benefits-content, .detailed-service-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-service-section {
  z-index: 1;
  font-size: 18px;
}

.detailed-service-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.detailed-service-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-service-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.detailed-service-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.detailed-service-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.detailed-service-supporting-text3, .detailed-service-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-service-text12 {
  font-weight: 500;
}

.detailed-service-supporting-text3 {
  color: #475467;
}

.detailed-service-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.detailed-service-download-items, .detailed-service-download-items-parent, .detailed-service-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.detailed-service-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.detailed-service-download-items, .detailed-service-download-items-parent {
  align-self: stretch;
}

.detailed-service-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.detailed-service-heading15, .detailed-service-text18 {
  font-weight: 600;
  position: relative;
}

.detailed-service-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.detailed-service-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.detailed-service-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-service-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-service-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-service-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-service-button-group-base2, .detailed-service-button-group-base3, .detailed-service-button-group-base4, .detailed-service-button-group-base5, .detailed-service-button-group-base6, .detailed-service-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.detailed-service-button-group-base3, .detailed-service-button-group-base4, .detailed-service-button-group-base5, .detailed-service-button-group-base6, .detailed-service-button-group-base7 {
  z-index: 5;
}

.detailed-service-button-group-base4, .detailed-service-button-group-base5, .detailed-service-button-group-base6, .detailed-service-button-group-base7 {
  z-index: 4;
}

.detailed-service-button-group-base5, .detailed-service-button-group-base6, .detailed-service-button-group-base7 {
  z-index: 3;
}

.detailed-service-button-group-base6, .detailed-service-button-group-base7 {
  z-index: 2;
}

.detailed-service-button-group-base7 {
  z-index: 1;
}

.detailed-service-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-service-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-service-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-supporting-text9, .detailed-service-text27 {
  line-height: 24px;
  position: relative;
}

.detailed-service-text27 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}

.detailed-service-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.detailed-service-content5, .detailed-service-input-with-label1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.detailed-service-input-with-label1 {
  align-self: stretch;
}

.detailed-service-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.detailed-service-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-service-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-service-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.detailed-service-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-service-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-service-actions, .detailed-service-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-service-button {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.detailed-service-content4, .detailed-service-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 3px;
}

.detailed-service-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.detailed-service-empty-review, .detailed-service-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.detailed-service-empty-review {
  justify-content: center;
  height: 44px;
  line-height: 24px;
}

.detailed-service-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.detailed-service-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.detailed-service-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.detailed-service-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.detailed-service-review-content, .detailed-service-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.detailed-service-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.detailed-service-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.detailed-service-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-service-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-first-review-fifth-star, .detailed-service-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.detailed-service-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.detailed-service-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-heading-wrapper {
  padding: 0 4px;
}

.detailed-service-heading-wrapper, .detailed-service-stars-wrapper, .detailed-service-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.detailed-service-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.detailed-service-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-service-rectangle-parent3, .detailed-service-review-container, .detailed-service-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.detailed-service-review-container, .detailed-service-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.detailed-service-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.detailed-service-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  padding-top: 10px;
  font-size: 56px;
}

.detailed-service-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-service-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.detailed-service-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.detailed-service-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-alvo-medical, .detailed-service-heading20 {
  font-weight: 500;
}

.detailed-service-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-service-client-review-header, .detailed-service-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.detailed-service-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.detailed-service-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-service-client-rating, .detailed-service-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-client-rating {
  align-self: stretch;
  gap: 4px;
}

.detailed-service-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.detailed-service-client-review, .detailed-service-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.detailed-service-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.detailed-service-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-service-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.detailed-service-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-service-badge-wrapper, .detailed-service-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.detailed-service-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.detailed-service-discount, .detailed-service-price {
  z-index: 2;
  position: relative;
}

.detailed-service-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.detailed-service-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.detailed-service-original-price, .detailed-service-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.detailed-service-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.detailed-service-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-service-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 0 12px 0 11px;
}

.detailed-service-card-header, .detailed-service-price-tag, .detailed-service-service-title-container {
  align-items: flex-start;
  display: flex;
}

.detailed-service-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
}

.detailed-service-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.detailed-service-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -4px;
  right: 130px;
  margin: 0 !important;
}

.detailed-service-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-service-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.detailed-service-amlie-laurent, .detailed-service-card-footer, .detailed-service-role {
  align-self: stretch;
  position: relative;
}

.detailed-service-card-footer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-amlie-laurent, .detailed-service-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.detailed-service-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.detailed-service-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-service-supporting-text10 {
  z-index: 2;
  width: 117px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-supporting-text10-a {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-message-button {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  display: flex;
}

.detailed-service-contact-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 52px;
  display: flex;
}

.detailed-service-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.detailed-service-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.detailed-service-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-service-buttonsbutton5, .detailed-service-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-buttonsbutton5 {
  white-space: nowrap;
  cursor: pointer;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.detailed-service-buttonsbutton5:hover {
  background-color: #6941c6;
}

.detailed-service-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.detailed-service-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-buttonsbutton6-add:hover {
  background-color: #eaecf0;
}

.detailed-service-buttonsbutton6:hover {
  background-color: #3e9e5b;
}

.detailed-service-button-container2, .detailed-service-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.detailed-service-button-container2 {
  flex: 1;
  gap: 16px;
}

.detailed-service-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.detailed-service-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.detailed-service-dropdown-menu, .detailed-service-dropdown1, .detailed-service-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-dropdown1 {
  z-index: 2;
}

.detailed-service-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.detailed-service-professional-details, .detailed-service-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-service-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.detailed-service-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.detailed-service-card-content, .detailed-service-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.detailed-service-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-service-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.detailed-service-description, .detailed-service-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.detailed-service-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.detailed-service-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-service-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.detailed-service-header-content1, .detailed-service-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-service-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.detailed-service-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.detailed-service-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.detailed-service-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.detailed-service-client-name, .detailed-service-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-service-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  text-overflow: ellipsis;
  align-self: stretch;
  max-width: 260px;
  font-size: 16px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.detailed-service-heading24 {
  text-overflow: ellipsis;
  color: #6941c6;
  width: 164px;
  max-width: 164px;
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
}

.detailed-service-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.detailed-service-testimonial-divider, .detailed-service-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  padding: 16px;
}

.detailed-service-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.detailed-service-rectangle-parent4, .detailed-service-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.detailed-service-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.detailed-service-frame-parent, .detailed-service-listing-content, .detailed-service-listing-content-wrapper, .detailed-service-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.detailed-service-frame-parent, .detailed-service-listing-content, .detailed-service-listing-content-wrapper {
  flex-direction: row;
}

.detailed-service-listing-content {
  flex: 1;
  gap: 14px;
}

.detailed-service-frame-parent, .detailed-service-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.detailed-service-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  padding: 0 2px 24px 0;
}

.detailed-service-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-listing-image-grid, .detailed-service-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.detailed-service-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.detailed-service-listing-image-grid1 {
  padding: 0 80px 24px;
}

.detailed-service-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-service-feedback-header, .detailed-service-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.detailed-service-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.detailed-service-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-service-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-buttonsbutton7, .detailed-service-feedback-score, .detailed-service-stars-parent {
  align-items: flex-start;
  display: flex;
}

.detailed-service-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.detailed-service-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.detailed-service-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.detailed-service-client-feedback, .detailed-service-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.detailed-service-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 24px 80px 24px 0;
}

.detailed-service-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.detailed-service-client-message, .detailed-service-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.detailed-service-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-service-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px 0;
}

.detailed-service-buttonsbutton8, .detailed-service-client-message {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-service-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-buttonsbutton8:hover {
  background-color: #6941c6;
}

.detailed-service-view-replies {
  color: #eaecf0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 91.5%;
  padding-bottom: 24px;
  font-size: 14px;
  display: flex;
}

.detailed-service-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-service-button-wrap, .detailed-service-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-service-buttonsbutton9 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-buttonsbutton9:hover {
  background-color: #eaecf0;
}

.detailed-service-button-wrap {
  justify-content: flex-start;
}

.detailed-service-details, .detailed-service-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-service-text37 {
  min-width: 32px;
  font-weight: 600;
}

.detailed-service-button-wrap1, .detailed-service-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-service-buttonsbutton10 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-buttonsbutton10:hover {
  background-color: #eaecf0;
}

.detailed-service-button-wrap1 {
  justify-content: flex-end;
}

.detailed-service-pagination, .detailed-service-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.detailed-service-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px 16px 9px;
  overflow-x: auto;
}

.detailed-service-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 66px 24px;
  font-size: 14px;
}

.detailed-service-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.detailed-service-heading32, .detailed-service-heading33 {
  line-height: 24px;
  position: relative;
}

.detailed-service-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.detailed-service-heading33 {
  width: 107px;
  display: inline-block;
}

.detailed-service-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-service-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.detailed-service-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.detailed-service-label2, .detailed-service-label3, .detailed-service-text38 {
  position: relative;
}

.detailed-service-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.detailed-service-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.detailed-service-input-with-label3, .detailed-service-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.detailed-service-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.detailed-service-content6, .detailed-service-input-field, .detailed-service-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.detailed-service-content6, .detailed-service-input-field {
  max-width: 100%;
}

.detailed-service-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.detailed-service-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.detailed-service-label4, .detailed-service-text39 {
  display: inline-block;
  position: relative;
}

.detailed-service-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-service-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.detailed-service-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-service-input-field1, .detailed-service-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.detailed-service-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.detailed-service-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.detailed-service-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-service-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-service-button1, .detailed-service-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-service-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.detailed-service-review-form, .detailed-service-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.detailed-service-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.detailed-service-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.detailed-service-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.detailed-service-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-heading-parent3, .detailed-service-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.detailed-service-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.detailed-service-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.detailed-service-frame-child12, .detailed-service-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.detailed-service-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.detailed-service-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.detailed-service-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.detailed-service-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-service-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.detailed-service-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-service-badge5, .detailed-service-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.detailed-service-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.detailed-service-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.detailed-service-image-overlay, .detailed-service-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.detailed-service-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.detailed-service-text42 {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 220px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
}

.detailed-service-listing-detail-item-date, .detailed-service-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.detailed-service-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.detailed-service-location {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.detailed-service-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-service-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.detailed-service-listing-team-member {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.detailed-service-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-listing-detail-item-pin-wrapper, .detailed-service-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.detailed-service-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.detailed-service-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.detailed-service-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-listing, .detailed-service-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.detailed-service-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.detailed-service-name {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0;
  max-width: 110px;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
  overflow: hidden;
}

.detailed-service-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.detailed-service-role1 {
  color: #6941c6;
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 110px;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.detailed-service-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.detailed-service-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.detailed-service-listing-detail-item-value, .detailed-service-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-service-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.detailed-service-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.detailed-service-listing-detail-item, .detailed-service-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-service-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.detailed-service-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.detailed-service-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.detailed-service-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.detailed-service-footer-social, .detailed-service-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-service-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.detailed-service-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-service-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-service-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.detailed-service-badge-group, .detailed-service-image-overlay3, .detailed-service-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.detailed-service-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.detailed-service-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.detailed-service-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.detailed-service-agent-details-icon, .detailed-service-agent-extra-info, .detailed-service-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.detailed-service-agent-details-icon, .detailed-service-agent-extra-info {
  max-width: 100%;
}

.detailed-service-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.detailed-service-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.detailed-service-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.detailed-service-frame-parent5 {
  scrollbar-width: none;
  white-space: nowrap;
  scroll-behavior: smooth;
  align-items: flex-start;
  gap: 16px;
  height: 455px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  top: 0;
  left: 20px;
  overflow: scroll hidden;
}

.detailed-service-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.detailed-service-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.detailed-service-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 90%;
  max-width: 100%;
  padding: 0 10px 24px;
  font-size: 12px;
  display: flex;
}

.detailed-service-testiomonial-carousel-arrow4, .detailed-service-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.detailed-service-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.detailed-service-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.detailed-service-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-rectangle-parent30, .detailed-service-supporting-six-wrapper, .detailed-service-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.detailed-service-supporting-six-wrapper, .detailed-service-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.detailed-service-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.detailed-service-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.detailed-service-divider-container, .detailed-service-icon-group, .detailed-service-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.detailed-service-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.detailed-service-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.detailed-service-breadcrumb-button-base4, .detailed-service-testiomonial-carousel-arrow6, .detailed-service-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-service-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.detailed-service-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.detailed-service-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-service-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-service-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.detailed-service-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-service-divider-icon24 {
  width: 1216px;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin: 0 !important;
}

.detailed-service-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-service-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-service-button2, .detailed-service-text-padding4, .detailed-service-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.detailed-service-button2, .detailed-service-text-padding5 {
  box-sizing: border-box;
}

.detailed-service-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.detailed-service-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.detailed-service-button3, .detailed-service-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.detailed-service-button4, .detailed-service-button5, .detailed-service-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.detailed-service-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-actions1, .detailed-service-testiomonial-carousel-arrow8, .detailed-service-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-service-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.detailed-service-testiomonial-carousel-arrow8, .detailed-service-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-service-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.detailed-service-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.detailed-service-listing-image-grid11, .detailed-service-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-service-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.detailed-service-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.detailed-service-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-service-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.detailed-service-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.detailed-service-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.detailed-service-heading40, .detailed-service-text123 {
  font-weight: 600;
  position: relative;
}

.detailed-service-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.detailed-service-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.detailed-service-buttonsbutton27, .detailed-service-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-service-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.detailed-service-footer-link1 {
  justify-content: flex-start;
}

.detailed-service-text124, .detailed-service-text125, .detailed-service-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-text125, .detailed-service-text126 {
  min-width: 68px;
}

.detailed-service-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.detailed-service-badge36, .detailed-service-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-service-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.detailed-service-footer-link3 {
  gap: 8px;
}

.detailed-service-text127, .detailed-service-text128, .detailed-service-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-text128, .detailed-service-text129 {
  min-width: 97px;
}

.detailed-service-text129 {
  min-width: 81px;
}

.detailed-service-footer-links-column, .detailed-service-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.detailed-service-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.detailed-service-text130, .detailed-service-text131, .detailed-service-text132, .detailed-service-text133, .detailed-service-text134, .detailed-service-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.detailed-service-text131, .detailed-service-text132, .detailed-service-text133, .detailed-service-text134, .detailed-service-text135 {
  min-width: 58px;
}

.detailed-service-text132, .detailed-service-text133, .detailed-service-text134, .detailed-service-text135 {
  min-width: 66px;
}

.detailed-service-text133, .detailed-service-text134, .detailed-service-text135 {
  min-width: 90px;
}

.detailed-service-text134, .detailed-service-text135 {
  min-width: 55px;
}

.detailed-service-text135 {
  min-width: 63px;
}

.detailed-service-footer-links2, .detailed-service-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.detailed-service-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.detailed-service-help-icon, .detailed-service-label6 {
  display: none;
  position: relative;
}

.detailed-service-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-service-help-icon {
  width: 16px;
  height: 16px;
}

.detailed-service-input-with-label6, .detailed-service-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.detailed-service-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-service-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-service-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.detailed-service-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-service-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.detailed-service-email-capture, .detailed-service-links-and-newsletter, .detailed-service-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.detailed-service-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.detailed-service-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.detailed-service-container, .detailed-service-content8, .detailed-service-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-container {
  flex: 1;
  max-width: 1280px;
}

.detailed-service-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.detailed-service-divider-icon29, .detailed-service-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.detailed-service-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.detailed-service-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  padding: 64px 0 48px;
  display: flex;
}

.detailed-service-footer-text {
  line-height: 20px;
  position: relative;
}

.detailed-service-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.detailed-service-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.detailed-service-logomark, .detailed-service-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.detailed-service-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.detailed-service-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.detailed-service-content10, .detailed-service-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-service-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.detailed-service-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.detailed-service-footer1, .detailed-service-listings-detailed-page-devic, .detailed-service-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.detailed-service-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.detailed-service-listings-detailed-page-devic, .detailed-service-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.detailed-service-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.detailed-service-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.detailed-service-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-service-sharethis-parent {
  position: relative;
}

.detailed-service-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-service-sharethis-follow-parent {
  position: relative;
}

.detailed-service-button1-submit {
  z-index: 2;
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-service-button1-submit:hover {
  background-color: #6941c6;
}

.detailed-service-client-feedback-parent {
  width: 100%;
}

.detailed-service-reply-section {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 0 80px 24px 0;
  display: flex;
}

.detailed-service-reply-textarea {
  resize: none;
  box-sizing: border-box;
  scrollbar-width: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  height: 100px;
  padding: 10px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.detailed-service-reply-textarea:focus {
  border-color: #7e56d9;
  outline: none;
}

.detailed-service-reply-submit-btn {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9;
  border: none;
  border-radius: 5px;
  width: max-content;
  padding: 8px 15px;
  font-size: 14px;
}

.detailed-service-reply-submit-btn:hover {
  background-color: #6941c6;
}

.detailed-service-reply-submit-btn:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.detailed-service-char-counter {
  color: #555;
  text-align: left;
  font-size: 12px;
}

.detailed-service-char-counter.warning {
  color: #e74c3c;
}

@media screen and (width <= 1275px) {
  .detailed-service-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .detailed-service-breadcrumb-controls1 {
    flex: 1;
  }

  .detailed-service-breadcrumb-container {
    flex-wrap: wrap;
  }

  .detailed-service-service-card {
    flex: 1;
  }

  .detailed-service-listing-content {
    flex-wrap: wrap;
  }

  .detailed-service-container, .detailed-service-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .detailed-service-client-review, .detailed-service-content4, .detailed-service-description-columns-first, .detailed-service-download-items, .detailed-service-gallery-images, .detailed-service-rectangle-group, .detailed-service-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .detailed-service-description-block-parent {
    min-width: 100%;
  }

  .detailed-service-client-feedback, .detailed-service-client-message, .detailed-service-listing-image-grid, .detailed-service-listing-image-grid1, .detailed-service-pagination-wrapper, .detailed-service-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-service-heading-parent3 {
    flex-wrap: wrap;
  }

  .detailed-service-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .detailed-service-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .detailed-service-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .detailed-service-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .detailed-service-actions, .detailed-service-file-upload-item-base {
    flex-wrap: wrap;
  }

  .detailed-service-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .detailed-service-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .detailed-service-review-stars {
    min-width: 100%;
  }

  .detailed-service-review-container, .detailed-service-review-stars {
    flex-wrap: wrap;
  }

  .detailed-service-client-review-header {
    min-width: 100%;
  }

  .detailed-service-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-service-service-card {
    min-width: 100%;
  }

  .detailed-service-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-service-feedback-header {
    min-width: 100%;
  }

  .detailed-service-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .detailed-service-frame-parent3 {
    flex-wrap: wrap;
  }

  .detailed-service-textarea-input-field {
    max-width: 100%;
  }

  .detailed-service-content6 {
    gap: 16px;
  }

  .detailed-service-textarea-input-field1 {
    max-width: 100%;
  }

  .detailed-service-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-service-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .detailed-service-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .detailed-service-links {
    flex: 1;
  }

  .detailed-service-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .detailed-service-container {
    gap: 24px;
  }

  .detailed-service-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-service-footer {
    gap: 24px;
    height: auto;
  }

  .detailed-service-container1 {
    gap: 16px;
  }

  .detailed-service-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .detailed-service-header-container {
    gap: 17px;
  }

  .detailed-service-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .detailed-service-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-service-button-row, .detailed-service-contact-details {
    flex-wrap: wrap;
  }

  .detailed-service-gallery-images-container, .detailed-service-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .detailed-service-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .detailed-service-input-dropdown {
    max-width: 100%;
  }

  .detailed-service-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .detailed-service-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .detailed-service-rectangle-parent1 {
    flex: 1;
  }

  .detailed-service-review-container {
    gap: 16px;
  }

  .detailed-service-price {
    font-size: 21px;
    line-height: 26px;
  }

  .detailed-service-header-content1, .detailed-service-professional-details, .detailed-service-testimonial-item {
    flex-wrap: wrap;
  }

  .detailed-service-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .detailed-service-review-form {
    gap: 25px;
  }

  .detailed-service-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .detailed-service-links, .detailed-service-logo-and-supporting-text {
    gap: 16px;
  }

  .detailed-service-email-capture {
    flex-wrap: wrap;
  }

  .detailed-service-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .detailed-service-footer1 {
    gap: 16px;
  }
}

.add-service-progress-container-parent {
  flex-direction: column;
  flex: 1;
  width: 100%;
}

.add-service-forms-add-service {
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 60px;
  font-family: Inter;
  display: flex;
}

.add-service-forms-add-service {
  box-sizing: border-box;
  letter-spacing: normal;
  align-items: flex-start;
  width: 100%;
  padding: 7px 0 0;
  font-size: 14px;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-service-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-service-progress-steps {
    display: none;
  }

  .add-service-main {
    height: auto;
  }

  .add-service-content23 {
    flex-wrap: wrap;
  }

  .add-service-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-service-content5 {
    max-width: 100%;
  }

  .add-service-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-service-frame-group {
    gap: 19px;
  }

  .add-service-frame-parent {
    gap: 35px;
  }

  .add-service-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-service-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-service-main {
    gap: 16px;
  }

  .add-service-content22, .add-service-content39 {
    min-width: 100%;
  }

  .add-service-textarea-input-field {
    max-width: 100%;
  }

  .add-service-content42 {
    gap: 16px;
  }

  .add-service-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-service-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-service-frame-parent {
    gap: 17px;
  }

  .add-service-step-two, .add-service-step-two-details, .add-service-steps {
    gap: 19px;
  }

  .add-service-form-parent {
    gap: 350px;
  }

  .add-service-action, .add-service-first-upload-item-content, .add-service-input1, .add-service-input10, .add-service-input9, .add-service-progress-bar {
    flex-wrap: wrap;
  }

  .add-service-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-service-progress-container-parent {
    gap: 49px;
  }
}

.add-service-step-input-field-parent {
  z-index: 1;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-service-step-button9:hover {
  background-color: #6941c6;
}

.add-service-step-button11:hover {
  background-color: #f3f3f3;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-service-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-service-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-service-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-service-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-service-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-service-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-service-step-first-upload-item-content, .add-service-step-action, .add-service-step-input1, .add-service-step-input10, .add-service-step-input9 {
    flex-wrap: wrap;
  }
}

.add-service-step3-button21:hover {
  background-color: #f3f3f3;
}

.add-service-step3-button22:hover {
  background-color: #f2a71b;
}

.add-service-step3-button23:hover {
  background-color: #6941c6;
}

@media screen and (width <= 1025px) {
  .add-service-step3-actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .add-service-step3-actions6 {
    flex-wrap: wrap;
  }

  .add-service-step3-section-header-group {
    min-width: 100%;
  }

  .add-service-step3-add-service-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .add-service-step3-textarea-input-field7 {
    max-width: 100%;
  }

  .add-service-step3-content62, .add-service-step3-content68 {
    gap: 16px;
  }

  .add-service-step3-actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .add-service-step3-step-base15 {
    gap: 19px;
  }

  .add-service-step3-action5, .add-service-step3-file-type-icon-parent, .add-service-step3-progress-bar8 {
    flex-wrap: wrap;
  }

  .add-service-step3-actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-service-step3-add-service-step-3 {
    gap: 32px;
  }
}

.sales-iq-detail-software-main-custom {
  width: 100% !important;
}

.sales-iq-detail-software-search-lg-icon-custom {
  cursor: pointer;
}

.sales-iq-detail-software-sales-iq-detail-software-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.sales-iq-detail-software-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-software-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-badge1, .sales-iq-detail-software-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sales-iq-detail-software-navigation, .sales-iq-detail-software-search-input {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.sales-iq-detail-software-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-content3, .sales-iq-detail-software-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-content3 {
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-software-divider-icon, .sales-iq-detail-software-home-line-icon {
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.sales-iq-detail-software-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sales-iq-detail-software-content12, .sales-iq-detail-software-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.sales-iq-detail-software-content5, .sales-iq-detail-software-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.sales-iq-detail-software-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.sales-iq-detail-software-supporting-text, .sales-iq-detail-software-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-software-title {
  font-weight: 600;
}

.sales-iq-detail-software-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.sales-iq-detail-software-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.sales-iq-detail-software-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.sales-iq-detail-software-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-software-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.sales-iq-detail-software-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-software-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.sales-iq-detail-software-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-breadcrumb-button-base4 {
  color: #344054;
  background-color: #0000;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.sales-iq-detail-software-tabs {
  gap: 8px;
}

.sales-iq-detail-software-breadcrumbs, .sales-iq-detail-software-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-heading, .sales-iq-detail-software-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.sales-iq-detail-software-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-detail-software-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.sales-iq-detail-software-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-software-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-software-button, .sales-iq-detail-software-button1, .sales-iq-detail-software-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-software-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.sales-iq-detail-software-button1, .sales-iq-detail-software-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.sales-iq-detail-software-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.sales-iq-detail-software-actions, .sales-iq-detail-software-button2, .sales-iq-detail-software-button3 {
  flex-direction: row;
  align-items: center;
}

.sales-iq-detail-software-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.sales-iq-detail-software-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-button4, .sales-iq-detail-software-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.sales-iq-detail-software-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-button6, .sales-iq-detail-software-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-software-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-content13, .sales-iq-detail-software-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.sales-iq-detail-software-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.sales-iq-detail-software-content13, .sales-iq-detail-software-divider-icon1, .sales-iq-detail-software-page-header {
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-software-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-software-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-software-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-button-group-base1, .sales-iq-detail-software-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-software-button-group-base2 {
  width: 77px;
}

.sales-iq-detail-software-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-software-button-group-base3, .sales-iq-detail-software-button-group-base4, .sales-iq-detail-software-button-group-base5, .sales-iq-detail-software-button-group-base6, .sales-iq-detail-software-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.sales-iq-detail-software-button-group-base4, .sales-iq-detail-software-button-group-base5, .sales-iq-detail-software-button-group-base6, .sales-iq-detail-software-button-group-base7 {
  z-index: 4;
}

.sales-iq-detail-software-button-group-base5, .sales-iq-detail-software-button-group-base6, .sales-iq-detail-software-button-group-base7 {
  z-index: 3;
}

.sales-iq-detail-software-button-group-base6, .sales-iq-detail-software-button-group-base7 {
  z-index: 2;
}

.sales-iq-detail-software-button-group-base7 {
  z-index: 1;
}

.sales-iq-detail-software-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-button-group, .sales-iq-detail-software-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-software-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.sales-iq-detail-software-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-actions2, .sales-iq-detail-software-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.sales-iq-detail-software-container, .sales-iq-detail-software-header-section, .sales-iq-detail-software-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.sales-iq-detail-software-container, .sales-iq-detail-software-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.sales-iq-detail-software-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.sales-iq-detail-software-header-section {
  flex-shrink: 0;
}

.sales-iq-detail-software-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-software-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.sales-iq-detail-software-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-software-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-software-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-color2, .sales-iq-detail-software-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-software-color3 {
  background-color: #17b26a;
}

.sales-iq-detail-software-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.sales-iq-detail-software-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-software-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-software-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.sales-iq-detail-software-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-software-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-software-divider, .sales-iq-detail-software-y-axis-line, .sales-iq-detail-software-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-software-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.sales-iq-detail-software-y-axis-line, .sales-iq-detail-software-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.sales-iq-detail-software-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.sales-iq-detail-software-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.sales-iq-detail-software-y-axis, .sales-iq-detail-software-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-software-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.sales-iq-detail-software-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.sales-iq-detail-software-jan, .sales-iq-detail-software-jul, .sales-iq-detail-software-jun, .sales-iq-detail-software-mar, .sales-iq-detail-software-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-jul, .sales-iq-detail-software-jun, .sales-iq-detail-software-mar, .sales-iq-detail-software-may {
  min-width: 23px;
}

.sales-iq-detail-software-jul, .sales-iq-detail-software-jun, .sales-iq-detail-software-may {
  min-width: 25px;
}

.sales-iq-detail-software-jul, .sales-iq-detail-software-jun {
  min-width: 22px;
}

.sales-iq-detail-software-jul {
  min-width: 17px;
}

.sales-iq-detail-software-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-software-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.sales-iq-detail-software-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-software-line-and-bar-chart, .sales-iq-detail-software-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-line-and-bar-chart {
  flex: 1;
}

.sales-iq-detail-software-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.sales-iq-detail-software-heading1, .sales-iq-detail-software-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-software-number {
  white-space: nowrap;
  line-height: 38px;
}

.sales-iq-detail-software-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-change-and-text, .sales-iq-detail-software-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-software-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.sales-iq-detail-software-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.sales-iq-detail-software-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-software-dropdown, .sales-iq-detail-software-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.sales-iq-detail-software-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-detail-software-change-and-text1, .sales-iq-detail-software-container1, .sales-iq-detail-software-metric-group, .sales-iq-detail-software-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sales-iq-detail-software-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-software-container1, .sales-iq-detail-software-metric-group, .sales-iq-detail-software-section {
  align-items: flex-start;
  max-width: 100%;
}

.sales-iq-detail-software-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.sales-iq-detail-software-container1, .sales-iq-detail-software-section {
  flex-direction: column;
}

.sales-iq-detail-software-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.sales-iq-detail-software-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.sales-iq-detail-software-separator, .sales-iq-detail-software-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.sales-iq-detail-software-separator1 {
  height: 43px;
}

.sales-iq-detail-software-main, .sales-iq-detail-software-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.sales-iq-detail-software-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.sales-iq-detail-software-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-software-breadcrumb-button-base6, .sales-iq-detail-software-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.sales-iq-detail-software-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.sales-iq-detail-software-breadcrumbs1, .sales-iq-detail-software-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sales-iq-detail-software-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.sales-iq-detail-software-breadcrumbs1 {
  width: 278px;
  display: none;
}

.sales-iq-detail-software-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.sales-iq-detail-software-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.sales-iq-detail-software-content16, .sales-iq-detail-software-input-with-label1, .sales-iq-detail-software-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sales-iq-detail-software-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sales-iq-detail-software-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.sales-iq-detail-software-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.sales-iq-detail-software-content15, .sales-iq-detail-software-page-header-wrapper, .sales-iq-detail-software-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.sales-iq-detail-software-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.sales-iq-detail-software-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-software-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.sales-iq-detail-software-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.sales-iq-detail-software-text49, .sales-iq-detail-software-text50, .sales-iq-detail-software-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-text50, .sales-iq-detail-software-text51 {
  min-width: 62px;
}

.sales-iq-detail-software-text51 {
  min-width: 34px;
}

.sales-iq-detail-software-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.sales-iq-detail-software-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-software-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.sales-iq-detail-software-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sales-iq-detail-software-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-software-tab-button-base7, .sales-iq-detail-software-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.sales-iq-detail-software-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.sales-iq-detail-software-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.sales-iq-detail-software-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.sales-iq-detail-software-horizontal-tabs, .sales-iq-detail-software-horizontal-tabs-wrapper, .sales-iq-detail-software-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-software-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.sales-iq-detail-software-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-software-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.sales-iq-detail-software-dropdown3, .sales-iq-detail-software-metric-card, .sales-iq-detail-software-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.sales-iq-detail-software-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.sales-iq-detail-software-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-software-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.sales-iq-detail-software-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.sales-iq-detail-software-frame-inner, .sales-iq-detail-software-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.sales-iq-detail-software-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.sales-iq-detail-software-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-heading5, .sales-iq-detail-software-number4 {
  z-index: 1;
  position: relative;
}

.sales-iq-detail-software-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-software-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.sales-iq-detail-software-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.sales-iq-detail-software-badge12, .sales-iq-detail-software-frame-container, .sales-iq-detail-software-heading-parent, .sales-iq-detail-software-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.sales-iq-detail-software-frame-container, .sales-iq-detail-software-rectangle-container {
  box-sizing: border-box;
}

.sales-iq-detail-software-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.sales-iq-detail-software-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.sales-iq-detail-software-heading-group {
  gap: 8px;
  width: 153px;
}

.sales-iq-detail-software-dropdown7, .sales-iq-detail-software-heading-container, .sales-iq-detail-software-heading-group, .sales-iq-detail-software-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-heading-container {
  gap: 8px;
  width: 163px;
}

.sales-iq-detail-software-dropdown7, .sales-iq-detail-software-heading-parent1 {
  flex-shrink: 0;
}

.sales-iq-detail-software-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.sales-iq-detail-software-dropdown7 {
  z-index: 1;
}

.sales-iq-detail-software-frame-group, .sales-iq-detail-software-frame-wrapper, .sales-iq-detail-software-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.sales-iq-detail-software-frame-group, .sales-iq-detail-software-frame-wrapper {
  max-width: 100%;
}

.sales-iq-detail-software-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.sales-iq-detail-software-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.sales-iq-detail-software-text62, .sales-iq-detail-software-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-text63 {
  min-width: 74px;
}

.sales-iq-detail-software-buttonsbutton4, .sales-iq-detail-software-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.sales-iq-detail-software-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-dropdowns, .sales-iq-detail-software-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.sales-iq-detail-software-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-input-dropdown2, .sales-iq-detail-software-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.sales-iq-detail-software-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.sales-iq-detail-software-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.sales-iq-detail-software-content17, .sales-iq-detail-software-filters-bar, .sales-iq-detail-software-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.sales-iq-detail-software-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.sales-iq-detail-software-frame-child3, .sales-iq-detail-software-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.sales-iq-detail-software-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.sales-iq-detail-software-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.sales-iq-detail-software-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-software-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.sales-iq-detail-software-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-software-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-detail-software-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-location-badge, .sales-iq-detail-software-location-badge-number, .sales-iq-detail-software-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.sales-iq-detail-software-location-badge, .sales-iq-detail-software-type-number {
  box-sizing: border-box;
}

.sales-iq-detail-software-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.sales-iq-detail-software-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.sales-iq-detail-software-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.sales-iq-detail-software-location-elements, .sales-iq-detail-software-type-badge-elements, .sales-iq-detail-software-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.sales-iq-detail-software-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.sales-iq-detail-software-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-software-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-software-badge-elements, .sales-iq-detail-software-badge-elements-wrapper, .sales-iq-detail-software-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.sales-iq-detail-software-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.sales-iq-detail-software-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-action-fields, .sales-iq-detail-software-card-elements, .sales-iq-detail-software-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.sales-iq-detail-software-action-fields, .sales-iq-detail-software-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.sales-iq-detail-software-input-elements {
  align-self: stretch;
  gap: 16px;
}

.sales-iq-detail-software-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.sales-iq-detail-software-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-software-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-software-frame-wrapper3, .sales-iq-detail-software-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-software-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.sales-iq-detail-software-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.sales-iq-detail-software-dropdown-elements, .sales-iq-detail-software-dropdown-options-parent, .sales-iq-detail-software-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.sales-iq-detail-software-price-parent {
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-software-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.sales-iq-detail-software-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-detail-software-content-actions, .sales-iq-detail-software-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.sales-iq-detail-software-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.sales-iq-detail-software-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.sales-iq-detail-software-name, .sales-iq-detail-software-role {
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.sales-iq-detail-software-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.sales-iq-detail-software-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-detail-software-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.sales-iq-detail-software-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.sales-iq-detail-software-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-buttonsbutton8, .sales-iq-detail-software-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-software-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.sales-iq-detail-software-buttonsbutton-parent, .sales-iq-detail-software-primary-table, .sales-iq-detail-software-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.sales-iq-detail-software-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.sales-iq-detail-software-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.sales-iq-detail-software-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-content-items, .sales-iq-detail-software-help-avatar, .sales-iq-detail-software-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.sales-iq-detail-software-content-items, .sales-iq-detail-software-rectangle-parent3 {
  box-sizing: border-box;
}

.sales-iq-detail-software-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.sales-iq-detail-software-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.sales-iq-detail-software-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-software-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-software-badge-parent, .sales-iq-detail-software-badge23, .sales-iq-detail-software-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.sales-iq-detail-software-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-software-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-badge23, .sales-iq-detail-software-badge24, .sales-iq-detail-software-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.sales-iq-detail-software-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.sales-iq-detail-software-badge24, .sales-iq-detail-software-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-badge-elements-copy, .sales-iq-detail-software-badge25, .sales-iq-detail-software-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.sales-iq-detail-software-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.sales-iq-detail-software-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-software-badge26, .sales-iq-detail-software-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.sales-iq-detail-software-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-badge27, .sales-iq-detail-software-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.sales-iq-detail-software-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.sales-iq-detail-software-frame-parent1, .sales-iq-detail-software-frame-parent2, .sales-iq-detail-software-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.sales-iq-detail-software-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.sales-iq-detail-software-frame-child5, .sales-iq-detail-software-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.sales-iq-detail-software-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.sales-iq-detail-software-frame-child7, .sales-iq-detail-software-text78 {
  z-index: 2;
  position: relative;
}

.sales-iq-detail-software-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.sales-iq-detail-software-text78 {
  font-weight: 600;
  line-height: 28px;
}

.sales-iq-detail-software-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-location3, .sales-iq-detail-software-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-type-of-work2 {
  min-width: 109px;
}

.sales-iq-detail-software-frame-parent12, .sales-iq-detail-software-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.sales-iq-detail-software-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.sales-iq-detail-software-badge29, .sales-iq-detail-software-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.sales-iq-detail-software-badge30 {
  width: 76px;
}

.sales-iq-detail-software-badge-container, .sales-iq-detail-software-badge30, .sales-iq-detail-software-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.sales-iq-detail-software-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-software-badge-container, .sales-iq-detail-software-badge32, .sales-iq-detail-software-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.sales-iq-detail-software-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.sales-iq-detail-software-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-software-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge33, .sales-iq-detail-software-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-software-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.sales-iq-detail-software-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-price2, .sales-iq-detail-software-text83 {
  position: relative;
}

.sales-iq-detail-software-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.sales-iq-detail-software-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-software-radar-1-1-container, .sales-iq-detail-software-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.sales-iq-detail-software-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.sales-iq-detail-software-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.sales-iq-detail-software-name2, .sales-iq-detail-software-role2 {
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.sales-iq-detail-software-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.sales-iq-detail-software-buttonsbutton13, .sales-iq-detail-software-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-software-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.sales-iq-detail-software-buttonsbutton14, .sales-iq-detail-software-buttonsbutton15, .sales-iq-detail-software-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.sales-iq-detail-software-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.sales-iq-detail-software-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.sales-iq-detail-software-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.sales-iq-detail-software-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-frame-wrapper16, .sales-iq-detail-software-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.sales-iq-detail-software-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.sales-iq-detail-software-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.sales-iq-detail-software-divider-icon5, .sales-iq-detail-software-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.sales-iq-detail-software-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-software-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-software-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.sales-iq-detail-software-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge34, .sales-iq-detail-software-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.sales-iq-detail-software-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-software-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-badge36, .sales-iq-detail-software-badge37, .sales-iq-detail-software-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.sales-iq-detail-software-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-software-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.sales-iq-detail-software-badge38, .sales-iq-detail-software-frame-parent26, .sales-iq-detail-software-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.sales-iq-detail-software-badge39, .sales-iq-detail-software-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.sales-iq-detail-software-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-element-details-child, .sales-iq-detail-software-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.sales-iq-detail-software-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.sales-iq-detail-software-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-detail-software-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.sales-iq-detail-software-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-software-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-detail-software-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-software-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-date-icon, .sales-iq-detail-software-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-type-label {
  color: #101828;
  font-size: 14px;
}

.sales-iq-detail-software-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.sales-iq-detail-software-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-software-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-work-type-icon, .sales-iq-detail-software-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.sales-iq-detail-software-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.sales-iq-detail-software-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.sales-iq-detail-software-action-icons, .sales-iq-detail-software-calendar-icon6, .sales-iq-detail-software-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.sales-iq-detail-software-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.sales-iq-detail-software-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.sales-iq-detail-software-element-actions, .sales-iq-detail-software-element-details-parent, .sales-iq-detail-software-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.sales-iq-detail-software-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.sales-iq-detail-software-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.sales-iq-detail-software-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-software-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.sales-iq-detail-software-frame-parent32, .sales-iq-detail-software-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.sales-iq-detail-software-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.sales-iq-detail-software-dropdown-parent1, .sales-iq-detail-software-frame-parent31, .sales-iq-detail-software-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.sales-iq-detail-software-dropdown-parent1, .sales-iq-detail-software-frame-parent31 {
  align-items: flex-end;
}

.sales-iq-detail-software-frame-parent31 {
  flex: 1;
}

.sales-iq-detail-software-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.sales-iq-detail-software-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.sales-iq-detail-software-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-detail-software-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.sales-iq-detail-software-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-software-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.sales-iq-detail-software-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.sales-iq-detail-software-span {
  font-weight: 500;
}

.sales-iq-detail-software-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.sales-iq-detail-software-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-software-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-frame-parent36, .sales-iq-detail-software-frame-parent37, .sales-iq-detail-software-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-software-frame-parent37, .sales-iq-detail-software-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.sales-iq-detail-software-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.sales-iq-detail-software-text105, .sales-iq-detail-software-text106, .sales-iq-detail-software-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-software-text105, .sales-iq-detail-software-text106 {
  display: inline-block;
}

.sales-iq-detail-software-text105 {
  min-width: 103px;
}

.sales-iq-detail-software-text106 {
  flex-shrink: 0;
  width: 151px;
}

.sales-iq-detail-software-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.sales-iq-detail-software-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.sales-iq-detail-software-supporting-text20, .sales-iq-detail-software-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-supporting-text20 {
  min-width: 70.9px;
}

.sales-iq-detail-software-supporting-text21 {
  width: 104px;
}

.sales-iq-detail-software-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-software-frame-parent33, .sales-iq-detail-software-frame-parent34, .sales-iq-detail-software-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.sales-iq-detail-software-frame-parent33, .sales-iq-detail-software-frame-parent34 {
  flex: 1;
}

.sales-iq-detail-software-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.sales-iq-detail-software-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.sales-iq-detail-software-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-buttonsbutton-wrapper, .sales-iq-detail-software-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.sales-iq-detail-software-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-dropdown-parent2, .sales-iq-detail-software-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.sales-iq-detail-software-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.sales-iq-detail-software-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.sales-iq-detail-software-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-software-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.sales-iq-detail-software-content-items5, .sales-iq-detail-software-frame-child16, .sales-iq-detail-software-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.sales-iq-detail-software-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-software-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-software-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.sales-iq-detail-software-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-software-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-software-frame-parent39, .sales-iq-detail-software-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.sales-iq-detail-software-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.sales-iq-detail-software-dropdown14, .sales-iq-detail-software-text112 {
  z-index: 1;
  position: absolute;
}

.sales-iq-detail-software-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.sales-iq-detail-software-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.sales-iq-detail-software-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-software-price6, .sales-iq-detail-software-text113 {
  z-index: 1;
  position: relative;
}

.sales-iq-detail-software-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-software-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.sales-iq-detail-software-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.sales-iq-detail-software-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.sales-iq-detail-software-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-software-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.sales-iq-detail-software-frame-parent46, .sales-iq-detail-software-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.sales-iq-detail-software-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.sales-iq-detail-software-frame-parent45, .sales-iq-detail-software-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.sales-iq-detail-software-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.sales-iq-detail-software-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.sales-iq-detail-software-card-container-child, .sales-iq-detail-software-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.sales-iq-detail-software-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.sales-iq-detail-software-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-software-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-detail-software-dropdown15, .sales-iq-detail-software-item-title {
  z-index: 2;
  position: absolute;
}

.sales-iq-detail-software-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.sales-iq-detail-software-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.sales-iq-detail-software-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-software-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-software-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.sales-iq-detail-software-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.sales-iq-detail-software-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-software-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-software-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.sales-iq-detail-software-card-container, .sales-iq-detail-software-card-list, .sales-iq-detail-software-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.sales-iq-detail-software-card-container, .sales-iq-detail-software-card-list {
  align-items: flex-start;
}

.sales-iq-detail-software-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.sales-iq-detail-software-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.sales-iq-detail-software-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.sales-iq-detail-software-frame-wrapper37, .sales-iq-detail-software-price-wrapper, .sales-iq-detail-software-text-wrapper18, .sales-iq-detail-software-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.sales-iq-detail-software-frame-wrapper37, .sales-iq-detail-software-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.sales-iq-detail-software-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.sales-iq-detail-software-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.sales-iq-detail-software-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.sales-iq-detail-software-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.sales-iq-detail-software-buttonsbutton-frame, .sales-iq-detail-software-frame-parent64, .sales-iq-detail-software-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.sales-iq-detail-software-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.sales-iq-detail-software-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.sales-iq-detail-software-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-software-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-change7, .sales-iq-detail-software-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-software-change7 {
  min-width: 38px;
  display: inline-block;
}

.sales-iq-detail-software-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.sales-iq-detail-software-change-and-text3, .sales-iq-detail-software-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-software-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.sales-iq-detail-software-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-software-dropdown19, .sales-iq-detail-software-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-detail-software-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-buttonsbutton25, .sales-iq-detail-software-buttonsbutton26, .sales-iq-detail-software-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.sales-iq-detail-software-buttonsbutton25, .sales-iq-detail-software-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-software-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-software-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.sales-iq-detail-software-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.sales-iq-detail-software-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-arrow-square-up-right-wrapper1, .sales-iq-detail-software-buttonsbutton-parent1, .sales-iq-detail-software-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.sales-iq-detail-software-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.sales-iq-detail-software-divider-container1, .sales-iq-detail-software-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.sales-iq-detail-software-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.sales-iq-detail-software-buttonsbutton-wrapper1, .sales-iq-detail-software-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.sales-iq-detail-software-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-software-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sales-iq-detail-software-badge46, .sales-iq-detail-software-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-software-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.sales-iq-detail-software-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-actions3, .sales-iq-detail-software-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.sales-iq-detail-software-content20, .sales-iq-detail-software-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-software-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-software-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-card-header, .sales-iq-detail-software-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.sales-iq-detail-software-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.sales-iq-detail-software-button-group-base9, .sales-iq-detail-software-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-software-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.sales-iq-detail-software-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.sales-iq-detail-software-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-software-button-group-base10, .sales-iq-detail-software-button-group-base11, .sales-iq-detail-software-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.sales-iq-detail-software-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.sales-iq-detail-software-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-software-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-content22, .sales-iq-detail-software-input-with-label3, .sales-iq-detail-software-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.sales-iq-detail-software-input-with-label3, .sales-iq-detail-software-input3 {
  align-self: stretch;
}

.sales-iq-detail-software-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.sales-iq-detail-software-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sales-iq-detail-software-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.sales-iq-detail-software-actions4, .sales-iq-detail-software-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.sales-iq-detail-software-content-items9, .sales-iq-detail-software-content21, .sales-iq-detail-software-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.sales-iq-detail-software-content-items9, .sales-iq-detail-software-filters-bar1 {
  justify-content: flex-start;
}

.sales-iq-detail-software-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-software-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.sales-iq-detail-software-badge-number1, .sales-iq-detail-software-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.sales-iq-detail-software-badge47, .sales-iq-detail-software-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-software-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.sales-iq-detail-software-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-software-actions5, .sales-iq-detail-software-card-header1, .sales-iq-detail-software-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.sales-iq-detail-software-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.sales-iq-detail-software-card-header1, .sales-iq-detail-software-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.sales-iq-detail-software-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.sales-iq-detail-software-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-software-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.sales-iq-detail-software-checkbox-wrapper, .sales-iq-detail-software-sub-nav-items-wrapper, .sales-iq-detail-software-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.sales-iq-detail-software-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.sales-iq-detail-software-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-avatar2, .sales-iq-detail-software-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.sales-iq-detail-software-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.sales-iq-detail-software-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.sales-iq-detail-software-account-button, .sales-iq-detail-software-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-account-button {
  min-width: 75px;
  font-weight: 500;
}

.sales-iq-detail-software-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.sales-iq-detail-software-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-software-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-software-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-software-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-software-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-software-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-contrast-border6, .sales-iq-detail-software-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.sales-iq-detail-software-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.sales-iq-detail-software-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-software-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.sales-iq-detail-software-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-button-upload, .sales-iq-detail-software-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-software-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-software-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-software-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-software-table-cell6, .sales-iq-detail-software-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-software-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.sales-iq-detail-software-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-software-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-software-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-software-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-software-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-software-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-table-cell15, .sales-iq-detail-software-table-cell16, .sales-iq-detail-software-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-software-table-cell16, .sales-iq-detail-software-table-cell18 {
  width: 271px;
}

.sales-iq-detail-software-table-cell18 {
  width: 239px;
}

.sales-iq-detail-software-column, .sales-iq-detail-software-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-software-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.sales-iq-detail-software-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.sales-iq-detail-software-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-software-user-cell2, .sales-iq-detail-software-user-cell3, .sales-iq-detail-software-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-user-cell3, .sales-iq-detail-software-user-cell4 {
  min-width: 84px;
}

.sales-iq-detail-software-user-cell4 {
  min-width: 82px;
}

.sales-iq-detail-software-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-software-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.sales-iq-detail-software-user-cell5, .sales-iq-detail-software-user-cell6, .sales-iq-detail-software-user-cell7 {
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-software-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.sales-iq-detail-software-user-cell7 {
  white-space: nowrap;
}

.sales-iq-detail-software-column1, .sales-iq-detail-software-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.sales-iq-detail-software-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.sales-iq-detail-software-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-column2, .sales-iq-detail-software-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.sales-iq-detail-software-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-software-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-button-wrap, .sales-iq-detail-software-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.sales-iq-detail-software-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.sales-iq-detail-software-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-content24, .sales-iq-detail-software-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-content24 {
  padding: 10px 16px;
}

.sales-iq-detail-software-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.sales-iq-detail-software-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-content25, .sales-iq-detail-software-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-content25 {
  padding: 10px 15px;
}

.sales-iq-detail-software-pagination-number-base1 {
  overflow: hidden;
}

.sales-iq-detail-software-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-content26, .sales-iq-detail-software-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-content26 {
  padding: 10px 15px;
}

.sales-iq-detail-software-pagination-number-base2 {
  overflow: hidden;
}

.sales-iq-detail-software-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.sales-iq-detail-software-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-content30, .sales-iq-detail-software-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.sales-iq-detail-software-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.sales-iq-detail-software-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-button-wrap1, .sales-iq-detail-software-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.sales-iq-detail-software-pagination, .sales-iq-detail-software-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.sales-iq-detail-software-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-software-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.sales-iq-detail-software-content-items10, .sales-iq-detail-software-content-items11, .sales-iq-detail-software-table-cell41, .sales-iq-detail-software-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.sales-iq-detail-software-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-software-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-software-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.sales-iq-detail-software-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-software-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-table-cell50, .sales-iq-detail-software-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.sales-iq-detail-software-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.sales-iq-detail-software-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.sales-iq-detail-software-column3, .sales-iq-detail-software-table-cell52, .sales-iq-detail-software-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.sales-iq-detail-software-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.sales-iq-detail-software-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.sales-iq-detail-software-marker-pin-02-group, .sales-iq-detail-software-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-marker-pin-02-group {
  gap: 7px;
}

.sales-iq-detail-software-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.sales-iq-detail-software-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.sales-iq-detail-software-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.sales-iq-detail-software-column-wrapper, .sales-iq-detail-software-column4, .sales-iq-detail-software-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.sales-iq-detail-software-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-software-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.sales-iq-detail-software-column5, .sales-iq-detail-software-column6, .sales-iq-detail-software-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.sales-iq-detail-software-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.sales-iq-detail-software-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-software-column-parent, .sales-iq-detail-software-frame-parent74, .sales-iq-detail-software-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.sales-iq-detail-software-frame-parent74, .sales-iq-detail-software-pagination1 {
  align-self: stretch;
}

.sales-iq-detail-software-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.sales-iq-detail-software-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.sales-iq-detail-software-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-badge50, .sales-iq-detail-software-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-software-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.sales-iq-detail-software-content-items14, .sales-iq-detail-software-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.sales-iq-detail-software-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.sales-iq-detail-software-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-button-group-base27, .sales-iq-detail-software-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-software-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.sales-iq-detail-software-button-group-base28 {
  background-color: #fff;
}

.sales-iq-detail-software-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.sales-iq-detail-software-filter-bar-container, .sales-iq-detail-software-frame-parent, .sales-iq-detail-software-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.sales-iq-detail-software-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.sales-iq-detail-software-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-software-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-software-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.sales-iq-detail-software-buttonsbutton33, .sales-iq-detail-software-content45, .sales-iq-detail-software-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.sales-iq-detail-software-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-actions11, .sales-iq-detail-software-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-software-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.sales-iq-detail-software-empty-state, .sales-iq-detail-software-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.sales-iq-detail-software-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.sales-iq-detail-software-empty-state-wrapper, .sales-iq-detail-software-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.sales-iq-detail-software-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.sales-iq-detail-software-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-software-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.sales-iq-detail-software-content46, .sales-iq-detail-software-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.sales-iq-detail-software-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.sales-iq-detail-software-add, .sales-iq-detail-software-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-learn-more {
  min-width: 88px;
}

.sales-iq-detail-software-actions12, .sales-iq-detail-software-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-software-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.sales-iq-detail-software-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.sales-iq-detail-software-empty-state-container, .sales-iq-detail-software-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.sales-iq-detail-software-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.sales-iq-detail-software-sales-iq-detail-software-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.sales-iq-detail-software-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.sales-iq-detail-software-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-software-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.sales-iq-detail-software-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-software-display-form-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-software-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-display-toggle-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-software-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-software-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-software-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-software-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-software-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-software-table-header-title {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-divider-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-content {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-software-table-row {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-software-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 6px 20px 5.5px;
  display: flex;
}

.sales-iq-detail-software-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-software-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-software-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 15px 27px;
  display: flex;
}

.sales-iq-detail-software-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-software-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell30 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 15px 27px;
  display: flex;
}

.sales-iq-detail-software-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell40 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 15px 50px 8.5px 11px;
  display: flex;
}

.sales-iq-detail-software-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-software-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-software-table-header-cell-parent:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sales-iq-detail-software-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-display-form-content-wrapper-Viewed {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-software-display-form-content-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-display-toggle-header-parent-Viewed {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-software-display-toggle-header-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-display-toggle-title-Viewed {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-software-display-divider-container-Viewed {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-software-display-divider-icon3-Viewed {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-Viewed {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-software-card-header1-Viewed {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-content4-Viewed {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-software-text-and-supporting-text2-Viewed {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-software-text-and-badge1-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-software-table-header-title-Viewed {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-dropdown-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-dots-vertical-icon-Viewed {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-divider-icon-Viewed {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-content-Viewed {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-software-table-row-Viewed {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-software-table-header-cell1-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell10-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-software-checkbox-wrapper-Viewed {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-software-table-header-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-software-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-arrow-down-icon1-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-header-cell2-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell20-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-help-icon-Viewed {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-software-table-header-cell3-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell30-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-header-cell4-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell40-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-software-table-header2-Viewed {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-software-action-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-arrow-down-icon2-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-header-cell-parent-Viewed {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-software-cell-content-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-display-form-content-wrapper-Added-to-Radar {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-software-display-form-content-Added-to-Radar {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-display-toggle-header-parent-Added-to-Radar {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-software-display-toggle-header-Added-to-Radar {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-display-toggle-title-Added-to-Radar {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-software-display-divider-container-Added-to-Radar {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-software-display-divider-icon3-Added-to-Radar {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-Added-to-Radar {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-software-card-header1-Added-to-Radar {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-content4-Added-to-Radar {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-software-text-and-supporting-text2-Added-to-Radar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-software-text-and-badge1-Added-to-Radar {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-software-table-header-title-Added-to-Radar {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-dropdown-Added-to-Radar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-dots-vertical-icon-Added-to-Radar {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-divider-icon-Added-to-Radar {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-content-Added-to-Radar {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-software-table-row-Added-to-Radar {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-software-table-header-cell1-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell10-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-software-checkbox-wrapper-Added-to-Radar {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-software-table-header-Added-to-Radar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-software-column-title-Added-to-Radar {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-arrow-down-icon1-Added-to-Radar {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-header-cell2-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell20-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-help-icon-Added-to-Radar {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-software-table-header-cell3-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell30-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-header-cell4-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell40-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-software-table-header2-Added-to-Radar {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-software-action-column-title-Added-to-Radar {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-arrow-down-icon2-Added-to-Radar {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-header-cell-parent-Added-to-Radar {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-software-cell-content-Added-to-Radar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-display-form-content-wrapper-Searched {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-software-display-form-content-Searched {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-display-toggle-header-parent-Searched {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-software-display-toggle-header-Searched {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-display-toggle-title-Searched {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-software-display-divider-container-Searched {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-software-display-divider-icon3-Searched {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-Searched {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-software-card-header1-Searched {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-content4-Searched {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-software-text-and-supporting-text2-Searched {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-software-text-and-badge1-Searched {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-software-table-header-title-Searched {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-dropdown-Searched {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-dots-vertical-icon-Searched {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-divider-icon-Searched {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-content-Searched {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-software-table-row-Searched {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-software-table-header-cell1-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell10-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-software-checkbox-wrapper-Searched {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-software-table-header-Searched {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-software-column-title-Searched {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-arrow-down-icon1-Searched {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-header-cell2-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell20-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-help-icon-Searched {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-software-table-header-cell3-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell30-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-header-cell4-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-software-table-cell40-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-software-table-header2-Searched {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-software-action-column-title-Searched {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-arrow-down-icon2-Searched {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-table-header-cell-parent-Searched {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-software-cell-content-Searched {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-software-table-data-custom-main-container {
  flex-direction: column;
  max-height: 420px;
  display: flex;
}

.sales-iq-detail-software-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.sales-iq-detail-software-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.sales-iq-detail-software-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.sales-iq-detail-software-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-detail-software-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

@media screen and (width <= 1275px) {
  .sales-iq-detail-software-all, .sales-iq-detail-software-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .sales-iq-detail-software-all {
    padding-bottom: 67px;
  }

  .sales-iq-detail-software-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .sales-iq-detail-software-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .sales-iq-detail-software-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .sales-iq-detail-software-content-elements-parent, .sales-iq-detail-software-content17, .sales-iq-detail-software-frame-group, .sales-iq-detail-software-rectangle-parent10, .sales-iq-detail-software-rectangle-parent5, .sales-iq-detail-software-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .sales-iq-detail-software-frame-wrapper31 {
    flex: 1;
  }

  .sales-iq-detail-software-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-list-item-parent {
    flex: 1;
  }

  .sales-iq-detail-software-card-list, .sales-iq-detail-software-content20, .sales-iq-detail-software-content21, .sales-iq-detail-software-metric-item-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .sales-iq-detail-software-content23, .sales-iq-detail-software-frame-parent73, .sales-iq-detail-software-frame-parent74 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .sales-iq-detail-software-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-detail-software-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-software-content13 {
    gap: 17px;
  }

  .sales-iq-detail-software-tabs-and-filters {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-jul {
    width: 100%;
    height: 17px;
  }

  .sales-iq-detail-software-x-axis {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-number {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-software-main {
    gap: 16px;
  }

  .sales-iq-detail-software-number3, .sales-iq-detail-software-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .sales-iq-detail-software-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .sales-iq-detail-software-badge-elements, .sales-iq-detail-software-card-elements, .sales-iq-detail-software-dropdowns, .sales-iq-detail-software-location-badge-number {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-action-fields {
    min-width: 100%;
  }

  .sales-iq-detail-software-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-software-frame-parent2, .sales-iq-detail-software-primary-table {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-software-frame-parent17, .sales-iq-detail-software-frame-parent18, .sales-iq-detail-software-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-element-details, .sales-iq-detail-software-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .sales-iq-detail-software-action-icons, .sales-iq-detail-software-element-details-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-icon-button {
    gap: 17px;
  }

  .sales-iq-detail-software-icon-button, .sales-iq-detail-software-sidebar1 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-software-rectangle-parent11 {
    gap: 16px;
  }

  .sales-iq-detail-software-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .sales-iq-detail-software-frame-parent39 {
    min-width: 100%;
  }

  .sales-iq-detail-software-frame-wrapper31 {
    margin-left: 0;
  }

  .sales-iq-detail-software-card-row {
    min-width: 100%;
  }

  .sales-iq-detail-software-list-item-parent {
    margin-left: 0;
  }

  .sales-iq-detail-software-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .sales-iq-detail-software-text-and-supporting-text2 {
    min-width: 100%;
  }

  .sales-iq-detail-software-actions4 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .sales-iq-detail-software-text-and-supporting-text3 {
    min-width: 100%;
  }

  .sales-iq-detail-software-actions5, .sales-iq-detail-software-table-cell51, .sales-iq-detail-software-table-cell52 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .sales-iq-detail-software-frame-parent, .sales-iq-detail-software-text-and-supporting-text16 {
    min-width: 100%;
  }

  .sales-iq-detail-software-empty-state3 {
    gap: 16px;
  }

  .sales-iq-detail-software-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .sales-iq-detail-software-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-detail-software-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .sales-iq-detail-software-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .sales-iq-detail-software-actions {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-number {
    font-size: 18px;
    line-height: 23px;
  }

  .sales-iq-detail-software-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sales-iq-detail-software-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .sales-iq-detail-software-number3, .sales-iq-detail-software-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .sales-iq-detail-software-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-software-price {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-software-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-date-elements-parent {
    flex: 1;
  }

  .sales-iq-detail-software-badge-container, .sales-iq-detail-software-frame-parent12 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-badge-group {
    height: auto;
    min-height: 104px;
  }

  .sales-iq-detail-software-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-software-work-type-icon {
    flex: 1;
  }

  .sales-iq-detail-software-calendar-icon6 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-work-type-label {
    margin-left: 0;
  }

  .sales-iq-detail-software-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-software-frame-parent36, .sales-iq-detail-software-frame-parent42 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-price5, .sales-iq-detail-software-price6, .sales-iq-detail-software-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-software-frame-parent64 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .sales-iq-detail-software-content22, .sales-iq-detail-software-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-software-input-dropdown3 {
    max-width: 100%;
  }

  .sales-iq-detail-software-table-cell50, .sales-iq-detail-software-table-cell53 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .sales-iq-detail-software-column5, .sales-iq-detail-software-column6 {
    flex: 1;
  }

  .sales-iq-detail-software-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .sales-iq-detail-software-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-software-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .sales-iq-detail-software-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .sales-iq-detail-software-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.sales-iq-detail-software-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 100%;
  height: max-content;
  padding: 0 29px 29px;
  display: flex;
  overflow-y: scroll;
}

.sales-iq-detail-software-component-listing-container::-webkit-scrollbar {
  display: none;
}

.sales-iq-detail-software-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.sales-iq-detail-software-component-sales-iq-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.sales-iq-detail-software-component-sales-iq-text78:hover {
  text-decoration: underline;
}

.sales-iq-detail-software-component-sales-iq-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-component-sales-iq-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-component-sales-iq-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: max-content;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-software-component-sales-iq-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-component-sales-iq-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 160px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-detail-software-component-sales-iq-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-component-sales-iq-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-component-sales-iq-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-component-sales-iq-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-detail-software-component-sales-iq-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-component-sales-iq-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-component-sales-iq-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.sales-iq-detail-software-component-sales-iq-metric-item3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-component-sales-iq-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-detail-software-component-sales-iq-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-upload-04-icon {
  flex-shrink: 0;
  width: 21px;
  height: 21px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-component-sales-iq-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-component-sales-iq-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-detail-software-component-sales-iq-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 5px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-component-sales-iq-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-component-sales-iq-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-buttonsbutton25, .sales-iq-detail-software-component-sales-iq-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-component-sales-iq-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-software-component-sales-iq-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 7px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-software-component-sales-iq-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-software-component-sales-iq-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.sales-iq-detail-software-component-sales-iq-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.sales-iq-detail-software-component-sales-iq-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.sales-iq-detail-software-component-sales-iq-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.sales-iq-detail-software-component-sales-iq-arrow-square-up-right-icon1 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-software-component-sales-iq-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .sales-iq-detail-software-component-sales-iq-rectangle-parent5, .sales-iq-detail-software-component-sales-iq-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-detail-software-component-sales-iq-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-software-component-sales-iq-action-fields {
    min-width: 100%;
  }

  .sales-iq-detail-software-component-sales-iq-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-component-sales-iq-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-software-component-sales-iq-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-detail-software-component-sales-iq-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-software-component-sales-iq-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-detail-software-component-sales-iq-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

@media screen and (width <= 1275px) {
  .add-software-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-software-progress-steps {
    display: none;
  }

  .add-software-main {
    height: auto;
  }

  .add-software-content23 {
    flex-wrap: wrap;
  }

  .add-software-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-software-content5 {
    max-width: 100%;
  }

  .add-software-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-software-frame-group {
    gap: 19px;
  }

  .add-software-frame-parent {
    gap: 35px;
  }

  .add-software-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-software-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-software-main {
    gap: 16px;
  }

  .add-software-content22, .add-software-content39 {
    min-width: 100%;
  }

  .add-software-textarea-input-field {
    max-width: 100%;
  }

  .add-software-content42 {
    gap: 16px;
  }

  .add-software-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-software-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-software-frame-parent {
    gap: 17px;
  }

  .add-software-step-two, .add-software-step-two-details, .add-software-steps {
    gap: 19px;
  }

  .add-software-form-parent {
    gap: 350px;
  }

  .add-software-action, .add-software-first-upload-item-content, .add-software-input1, .add-software-input10, .add-software-input9, .add-software-progress-bar {
    flex-wrap: wrap;
  }

  .add-software-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-software-progress-container-parent {
    gap: 49px;
  }
}

.add-software-step-content12 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-software-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-software-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-software-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-software-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-software-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-software-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-software-step-first-upload-item-content, .add-software-step-action, .add-software-step-input1, .add-software-step-input10, .add-software-step-input9 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 1025px) {
  .add-software-step3-actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .add-software-step3-actions6 {
    flex-wrap: wrap;
  }

  .add-software-step3-section-header-group {
    min-width: 100%;
  }

  .add-software-step3-add-software-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .add-software-step3-textarea-input-field7 {
    max-width: 100%;
  }

  .add-software-step3-content62, .add-software-step3-content68 {
    gap: 16px;
  }

  .add-software-step3-actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .add-software-step3-step-base15 {
    gap: 19px;
  }

  .add-software-step3-action5, .add-software-step3-file-type-icon-parent, .add-software-step3-progress-bar8 {
    flex-wrap: wrap;
  }

  .add-software-step3-actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-software-step3-add-software-step-3 {
    gap: 32px;
  }
}

.archive-software-error-text {
  color: red;
  z-index: 2;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.archive-software-frame-parent-31 {
  align-self: stretch;
}

.archive-software-frame-parent-28 {
  box-sizing: border-box;
  align-items: flex-start;
  padding: 0 1px 0 0;
}

.archive-software-buttons-button7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software-buttonsbutton17-custom {
  right: 325px !important;
}

.archive-software1-buttonsbutton18-custom {
  right: 195px !important;
}

.archive-software-listing-container-custom {
  justify-content: initial !important;
  flex-direction: column !important;
}

.archive-software-filter-cards-container {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 5px 32px;
  display: flex;
}

.archive-software-input-fields2-custom {
  align-items: initial !important;
  flex-direction: column !important;
}

.archive-software-second-badge-divider-custom, .archive-software-section-wrapper-custom {
  z-index: 1;
}

.archive-software-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software-sliders-02-icon {
  cursor: pointer;
}

.archive-software1-filter-selected-div {
  width: 100%;
  height: max-content;
}

.archive-software1-listing-container {
  gap: 20px;
  width: 100%;
  padding: 10px;
  display: grid;
  overflow-y: auto;
}

.archive-software1-content4, .archive-software1-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-software1-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-software1-page-header1, .archive-software1-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-software1-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 100%;
  padding: 0 32px;
}

.archive-software1-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-buttonsbutton:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.archive-software1-divider-icon2, .archive-software1-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
  margin: 0 !important;
}

.archive-software1-magnifier-1-icon {
  object-fit: cover;
  cursor: pointer;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-software1-radar-1-1-container {
  z-index: 2;
  cursor: pointer;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-software1-listing-container, .archive-software1-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-software1-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-software1-frame-parent41, .archive-software1-rectangle-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-slide-out {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  max-width: 100%;
  display: flex;
  margin: 0 !important;
}

.archive-software1-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-software1-hiddenbutton-container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-software1-button-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-software1-sort-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  padding: 5px 32px 0;
  display: flex;
}

.archive-software-section-wrapper-custom {
  display: initial !important;
}

.archive-software1-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-software1-filter-selected-div {
  width: 100%;
}

.archive-software1-listing-container {
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  height: max-content;
  padding: 25px 29px;
  display: flex;
  overflow-y: scroll;
}

.archive-software1-listing-container::-webkit-scrollbar {
  display: none;
}

.archive-software1-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-software1-divider-icon7-cstm {
  position: initial !important;
}

.archive-software1-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-software1-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-software1-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-software1-logo, .archive-software1-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-software1-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-software1-bar-chart-01-icon, .archive-software1-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-software1-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-software1-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-software1-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-software1-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-software1-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-software1-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-software1-text2, .archive-software1-text3 {
  font-family: Inter;
  position: relative;
}

.archive-software1-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-software1-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-software1-badge1, .archive-software1-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-software1-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-software1-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-software1-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-navigation, .archive-software1-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-software1-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-software1-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-software1-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-software1-search-lg-icon, .archive-software1-text6 {
  position: relative;
  overflow: hidden;
}

.archive-software1-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-software1-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-software1-content3, .archive-software1-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-content3 {
  flex: 1;
  gap: 8px;
}

.archive-software1-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-frame-parent, .archive-software1-input-with-label, .archive-software1-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-software1-frame-parent, .archive-software1-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-software1-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-software1-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-software1-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-software1-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-software1-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-software1-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-software1-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-software1-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-software1-breadcrumb-button-base, .archive-software1-rectangle-parent, .archive-software1-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-software1-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-software1-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-software1-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-software1-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-software1-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-software1-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-software1-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-software1-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-software1-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-software1-tabs {
  gap: 8px;
}

.archive-software1-breadcrumbs, .archive-software1-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-software1-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-software1-container {
  padding: 0 32px;
}

.archive-software1-container, .archive-software1-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-software1-main-child, .archive-software1-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-software1-main-item {
  height: 43px;
}

.archive-software1-main, .archive-software1-text11 {
  align-self: stretch;
}

.archive-software1-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-software1-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-software1-breadcrumb-button-base6, .archive-software1-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-software1-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-software1-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-software1-breadcrumbs1, .archive-software1-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-software1-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-software1-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-software1-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-software1-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-software1-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-software1-label1, .archive-software1-text15 {
  position: relative;
}

.archive-software1-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-software1-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-software1-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-software1-content5, .archive-software1-input-with-label1, .archive-software1-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-software1-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-software1-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-software1-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-software1-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-software1-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px 16px;
  max-width: 100%;
  font-size: 26px;
  display: flex;
}

.archive-software1-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-software1-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  height: max-content;
  display: flex;
}

.archive-software1-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-software1-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-software1-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-software1-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-software1-button-group-base2, .archive-software1-button-group-base3, .archive-software1-button-group-base4, .archive-software1-button-group-base5, .archive-software1-button-group-base6, .archive-software1-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-software1-button-group-base3, .archive-software1-button-group-base4, .archive-software1-button-group-base5, .archive-software1-button-group-base6, .archive-software1-button-group-base7 {
  z-index: 6;
}

.archive-software1-button-group-base4, .archive-software1-button-group-base5, .archive-software1-button-group-base6, .archive-software1-button-group-base7 {
  z-index: 5;
}

.archive-software1-button-group-base5, .archive-software1-button-group-base6, .archive-software1-button-group-base7 {
  z-index: 4;
}

.archive-software1-button-group-base6, .archive-software1-button-group-base7 {
  z-index: 3;
}

.archive-software1-button-group-base7 {
  z-index: 2;
}

.archive-software1-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-software1-breadcrumb-button-base11, .archive-software1-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-software1-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-software1-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-software1-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-software1-breadcrumb-button-base14, .archive-software1-breadcrumbs2, .archive-software1-button-group, .archive-software1-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-software1-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  position: absolute;
  bottom: -20px;
  right: -2px;
  margin: 0 !important;
}

.archive-software1-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  width: max-content;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-software1-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-software1-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-software1-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-software1-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
}

.archive-software1-divider-icon2, .archive-software1-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
}

.archive-software1-filter-items {
  position: absolute;
  margin: 0 !important;
}

.archive-software1-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
}

.archive-software1-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-software1-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-software1-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-software1-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-software1-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-software1-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-software1-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-software1-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-software1-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-dot-item-type-parent {
  gap: 8px;
}

.archive-software1-completed, .archive-software1-dot-item-content, .archive-software1-dot-item-innermost, .archive-software1-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-software1-completed, .archive-software1-dot-item-innermost {
  box-sizing: border-box;
}

.archive-software1-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-software1-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-software1-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-software1-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-software1-badge4, .archive-software1-completed-parent, .archive-software1-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-software1-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-badge5, .archive-software1-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-software1-badge6 {
  width: 76px;
}

.archive-software1-badge7, .archive-software1-badges {
  flex-direction: row;
  flex: 1;
}

.archive-software1-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-badges {
  gap: 8px;
}

.archive-software1-badges, .archive-software1-badges-wrapper, .archive-software1-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-software1-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-software1-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-dot-item-parent, .archive-software1-dots-parent, .archive-software1-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-software1-dots-parent, .archive-software1-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-software1-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-software1-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-software1-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-software1-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-software1-deal-inner, .archive-software1-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-software1-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-software1-card-deal, .archive-software1-deal-details, .archive-software1-deal-inner {
  justify-content: flex-start;
}

.archive-software1-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-software1-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-software1-card-deal, .archive-software1-frame-wrapper, .archive-software1-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-software1-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-software1-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-software1-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-software1-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-software1-close-icons, .archive-software1-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-software1-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-software1-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-software1-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-software1-name, .archive-software1-role {
  display: inline-block;
  position: relative;
}

.archive-software1-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-software1-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-software1-inner-info {
  flex-direction: column;
}

.archive-software1-inner-info, .archive-software1-inner-info-wrapper, .archive-software1-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-software1-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-software1-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-software1-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-software1-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-software1-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-buttonsbutton2, .archive-software1-buttonsbutton3, .archive-software1-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-software1-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-software1-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-software1-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 0 0;
  display: flex;
}

.archive-software1-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-software1-filter-items-parent, .archive-software1-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-software1-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-software1-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-software1-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-price-value, .archive-software1-text37 {
  display: inline-block;
  position: relative;
}

.archive-software1-text37 {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

.archive-software1-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-software1-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-software1-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-software1-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-software1-badge10, .archive-software1-badge11, .archive-software1-deal-type-parent, .archive-software1-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-badge11, .archive-software1-frame-parent1 {
  flex: 1;
}

.archive-software1-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-software1-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-badge-group, .archive-software1-badge12, .archive-software1-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-software1-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-software1-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-software1-badge13, .archive-software1-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-software1-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-software1-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-badge13, .archive-software1-badge14, .archive-software1-card-work, .archive-software1-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-software1-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-software1-badge14, .archive-software1-frame-div {
  flex-direction: row;
}

.archive-software1-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-software1-frame-container, .archive-software1-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 80%;
  padding: 8px 0 0;
}

.archive-software1-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-software1-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-software1-inner-icons, .archive-software1-inner-icons-wrapper, .archive-software1-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-software1-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 20%;
  font-size: 20px;
}

.archive-software1-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
}

.archive-software1-dots-vertical-container, .archive-software1-frame-group, .archive-software1-rectangle-container, .archive-software1-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-software1-dots-vertical-container, .archive-software1-rectangle-container {
  flex-direction: row;
}

.archive-software1-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-software1-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-software1-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-software1-buttonsbutton-wrapper, .archive-software1-frame-parent3, .archive-software1-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-software1-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-software1-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-software1-divider-parent, .archive-software1-rectangle-group, .archive-software1-rectangle-group1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-software1-rectangle-group {
  box-sizing: border-box;
  color: #101828;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 100%;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
}

.archive-software1-rectangle-group1 {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  position: absolute;
  top: 700px;
  bottom: -15px;
  right: 30px;
  margin: 0 !important;
}

.archive-software1-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton10 {
  left: 370px;
}

.archive-software1-buttonsbutton10, .archive-software1-buttonsbutton11, .archive-software1-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-software1-buttonsbutton12 {
  right: 262px;
}

.archive-software1-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 116px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-software1-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-button, .archive-software1-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-software1-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-software1-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-software1-button, .archive-software1-button1, .archive-software1-text60 {
  align-self: stretch;
}

.archive-software1-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
  margin: 0 !important;
}

.archive-software1-divider-icon6, .archive-software1-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-software1-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  height: max-content;
  font-size: 14px;
}

.archive-software1-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 70px;
  overflow: hidden;
}

.archive-software1-divider-icon6, .archive-software1-divider-icon7, .archive-software1-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-software1-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-software1-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-software1-text-group, .archive-software1-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-software1-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-software1-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-last-active, .archive-software1-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-software1-name-container {
  gap: 16px;
}

.archive-software1-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-applications, .archive-software1-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-software1-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-software1-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-software1-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-software1-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-software1-card-actions, .archive-software1-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-software1-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-software1-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-software1-price2, .archive-software1-rate {
  display: inline-block;
  position: relative;
}

.archive-software1-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-software1-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-software1-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-software1-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-software1-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-software1-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-software1-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-software1-card-actions1, .archive-software1-deal-container, .archive-software1-listing-border-parent, .archive-software1-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-software1-listing-border-parent, .archive-software1-listing-card-actions {
  box-sizing: border-box;
}

.archive-software1-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-software1-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-software1-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-software1-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-software1-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-software1-name3, .archive-software1-role2 {
  display: inline-block;
  position: relative;
}

.archive-software1-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-software1-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-software1-collapsed-name-details, .archive-software1-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-software1-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-software1-collapsed-name-role, .archive-software1-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-software1-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-software1-detail-header, .archive-software1-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-software1-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-software1-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-software1-detail-header1, .archive-software1-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-software1-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-software1-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-software1-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-software1-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-software1-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-software1-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-software1-badge16, .archive-software1-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-software1-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-software1-location2, .archive-software1-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-type-of-work3 {
  min-width: 109px;
}

.archive-software1-location-content, .archive-software1-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-software1-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-software1-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-badge17, .archive-software1-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-software1-badge18 {
  width: 76px;
}

.archive-software1-badge-container, .archive-software1-badge18, .archive-software1-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-software1-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-software1-badge-name, .archive-software1-buttonsbutton19, .archive-software1-buttonsbutton20, .archive-software1-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-software1-buttonsbutton19, .archive-software1-buttonsbutton20, .archive-software1-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-software1-buttonsbutton20, .archive-software1-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-software1-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-software1-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-software1-badge-details, .archive-software1-buttonsbutton-parent, .archive-software1-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-software1-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-software1-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-software1-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-software1-badge22, .archive-software1-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-software1-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-software1-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-badge-list-item, .archive-software1-badge22, .archive-software1-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-software1-location-item, .archive-software1-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-software1-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-software1-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-software1-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-badge24, .archive-software1-buttonsbutton23, .archive-software1-first-badge-details, .archive-software1-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-buttonsbutton23, .archive-software1-first-badge-details, .archive-software1-work-item {
  flex: 1;
}

.archive-software1-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-software1-buttonsbutton23, .archive-software1-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-software1-first-badge-details {
  max-width: 100%;
}

.archive-software1-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-software1-buttonsbutton-group, .archive-software1-second-badge-divider, .archive-software1-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-software1-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-software1-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-software1-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-software1-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-software1-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-software1-location-summary, .archive-software1-summary-details, .archive-software1-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-software1-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-software1-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-software1-badge25, .archive-software1-frame-parent5, .archive-software1-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-software1-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-software1-expanded-content, .archive-software1-expanded-listing, .archive-software1-first-badges, .archive-software1-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-software1-expanded-content, .archive-software1-expanded-listing {
  max-width: 100%;
}

.archive-software1-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-software1-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-software1-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-software1-arrow-square-up-right-icon1, .archive-software1-arrow-square-up-right-icon2, .archive-software1-dots-vertical-icon3, .archive-software1-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-software1-dots-vertical-icon3, .archive-software1-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-software1-dots-vertical-icon3 {
  top: 260px;
}

.archive-software1-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-software1-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-software1-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-software1-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-software1-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-software1-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-software1-arrow-square-up-right-parent, .archive-software1-frame-parent6, .archive-software1-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-software1-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-software1-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-software1-collapsed-content, .archive-software1-collapsed-details, .archive-software1-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-collapsed-content {
  position: relative;
}

.archive-software1-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-software1-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-software1-business-image, .archive-software1-text83 {
  z-index: 1;
  position: relative;
}

.archive-software1-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-software1-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-software1-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-software1-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-software1-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-software1-span {
  font-weight: 500;
}

.archive-software1-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-software1-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-software1-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-software1-application-count, .archive-software1-business-location, .archive-software1-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-software1-application-count, .archive-software1-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-software1-application-count {
  color: #fff;
  gap: 8px;
}

.archive-software1-badge-one, .archive-software1-badge-three, .archive-software1-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-software1-badge-three, .archive-software1-badge-two {
  display: inline-block;
}

.archive-software1-badge-two {
  min-width: 103px;
}

.archive-software1-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-software1-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-software1-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-software1-supporting-text23, .archive-software1-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-supporting-text23 {
  min-width: 70.9px;
}

.archive-software1-supporting-text24 {
  width: 104px;
}

.archive-software1-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-software1-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-software1-badges-parent, .archive-software1-business-details, .archive-software1-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-software1-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-software1-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-business-actions, .archive-software1-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-software1-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-software1-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-software1-content6:hover {
  background-color: #40454f;
}

.archive-software1-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-software1-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-software1-arrow-square-up-right-icon3, .archive-software1-arrow-square-up-right-icon4, .archive-software1-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-arrow-square-up-right-icon4, .archive-software1-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-software1-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-software1-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-software1-frame-parent11, .archive-software1-group-div, .archive-software1-list-header, .archive-software1-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-software1-frame-parent11, .archive-software1-group-div {
  gap: 7.3px;
}

.archive-software1-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-software1-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-software1-divider-icon10, .archive-software1-dots-vertical-icon7, .archive-software1-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-software1-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-software1-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-software1-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-dots-vertical-parent1, .archive-software1-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-text-wrapper7 {
  flex: 1;
}

.archive-software1-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-software1-rectangle-textarea, .archive-software1-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-software1-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-software1-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-software1-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-software1-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-contact-details, .archive-software1-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-software1-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-software1-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-software1-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton27, .archive-software1-buttonsbutton28, .archive-software1-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-buttonsbutton28, .archive-software1-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-software1-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-software1-contact-details-parent, .archive-software1-detail-item-parent, .archive-software1-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-software1-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-software1-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton-wrapper2, .archive-software1-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-software1-frame-parent22, .archive-software1-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-software1-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-software1-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-software1-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-software1-pair-container-parent, .archive-software1-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-software1-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-software1-frame-parent19, .archive-software1-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-software1-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-software1-price7, .archive-software1-total {
  display: inline-block;
  position: relative;
}

.archive-software1-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-software1-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-software1-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-software1-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-software1-pair-container-container, .archive-software1-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-software1-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-software1-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-software1-frame-parent24, .archive-software1-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-software1-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-software1-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-software1-fourth-listing, .archive-software1-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-software1-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-software1-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-software1-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-software1-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-buttonsbutton30, .archive-software1-expand-action, .archive-software1-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-software1-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-software1-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-software1-arrow-square-up-right-icon6, .archive-software1-arrow-square-up-right-icon7, .archive-software1-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-software1-arrow-square-up-right-icon7, .archive-software1-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-software1-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-software1-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-software1-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-software1-text100, .archive-software1-text101 {
  font-family: Inter;
  position: relative;
}

.archive-software1-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-software1-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-software1-badge27, .archive-software1-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-software1-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-software1-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-software1-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-software1-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-software1-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-software1-card-header, .archive-software1-content7, .archive-software1-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-software1-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-software1-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-software1-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-software1-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-button-group-base10, .archive-software1-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-software1-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-software1-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-software1-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-software1-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-software1-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-label3, .archive-software1-supporting-text41, .archive-software1-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-software1-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-software1-supporting-text41, .archive-software1-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-software1-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-software1-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-software1-content9, .archive-software1-input-with-label2, .archive-software1-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-software1-input-with-label2, .archive-software1-input2 {
  align-self: stretch;
}

.archive-software1-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-software1-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-software1-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-software1-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-software1-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-actions2, .archive-software1-button7, .archive-software1-content8 {
  flex-direction: row;
  display: flex;
}

.archive-software1-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-actions2, .archive-software1-content8 {
  max-width: 100%;
}

.archive-software1-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-software1-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-software1-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-software1-card-header-parent, .archive-software1-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-text117, .archive-software1-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-software1-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-software1-badge28, .archive-software1-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-software1-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-software1-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-software1-button8, .archive-software1-button9, .archive-software1-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-software1-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-software1-button8, .archive-software1-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-software1-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-software1-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-actions3, .archive-software1-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-software1-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-software1-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-software1-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-software1-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-software1-table-header-cell, .archive-software1-table-header-cell-inner, .archive-software1-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-software1-table-header-cell, .archive-software1-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-software1-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-software1-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-software1-avatar-online-indicator, .archive-software1-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-software1-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-software1-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-software1-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-software1-supporting-text43, .archive-software1-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-software1-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-software1-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-supporting-text46, .archive-software1-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-software1-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-software1-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-software1-avatar5, .archive-software1-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-software1-avatar5 {
  background-color: #f2f4f7;
}

.archive-software1-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-table-cell6, .archive-software1-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-software1-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-software1-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-table-header, .archive-software1-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-table-header {
  gap: 4px;
}

.archive-software1-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-software1-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-software1-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-marker-pin-02-group, .archive-software1-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-marker-pin-02-group {
  gap: 7px;
}

.archive-software1-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-software1-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-table-cell15, .archive-software1-table-cell16, .archive-software1-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-software1-table-cell16, .archive-software1-table-cell18 {
  width: 271px;
}

.archive-software1-table-cell18 {
  width: 239px;
}

.archive-software1-column, .archive-software1-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-software1-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-software1-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-software1-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-software1-table-header-cell2, .archive-software1-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-software1-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-software1-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-software1-table-cell20, .archive-software1-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-software1-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-software1-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-software1-column1, .archive-software1-table-cell25, .archive-software1-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-software1-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-software1-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-software1-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-table-cell30, .archive-software1-table-header-cell3, .archive-software1-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-software1-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-software1-table-cell30, .archive-software1-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-software1-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-software1-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-software1-column2, .archive-software1-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-software1-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-software1-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-software1-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-button-wrap, .archive-software1-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-software1-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-software1-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-software1-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-content11, .archive-software1-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-software1-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-software1-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-content12, .archive-software1-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-software1-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-software1-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-content13, .archive-software1-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-content13 {
  padding: 10px 15px;
}

.archive-software1-pagination-number-base2 {
  overflow: hidden;
}

.archive-software1-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-software1-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-content17, .archive-software1-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-software1-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-software1-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-button-wrap1, .archive-software1-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-software1-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-software1-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-software1-next-page-button, .archive-software1-page-navigation, .archive-software1-pagination, .archive-software1-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-software1-pagination, .archive-software1-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-software1-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-software1-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-software1-text161, .archive-software1-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-software1-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-software1-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-software1-badge29, .archive-software1-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-software1-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-software1-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-software1-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-button-group-base18, .archive-software1-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-software1-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-software1-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-software1-button-group-base19 {
  background-color: #fff;
}

.archive-software1-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-card-header-group, .archive-software1-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-software1-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-software1-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-software1-supporting-text55, .archive-software1-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-software1-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-software1-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-software1-content21, .archive-software1-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-software1-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-software1-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-actions6, .archive-software1-empty-state1 {
  justify-content: flex-start;
}

.archive-software1-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-software1-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-software1-empty-state, .archive-software1-empty-state1, .archive-software1-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-software1-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-software1-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-software1-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-software1-supporting-text56, .archive-software1-text181 {
  align-self: stretch;
  position: relative;
}

.archive-software1-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-software1-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-software1-content22, .archive-software1-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-software1-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-software1-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-empty-state2, .archive-software1-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-software1-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-software1-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-software1-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  font-family: Inter;
  font-size: 18px;
  display: flex;
}

.archive-software1-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-software1-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-software1-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-software1-frame-child6, .archive-software1-rectangle-parent2, .archive-software1-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-software1-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-software1-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-software1-dots-vertical-icon22, .archive-software1-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-software1-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-software1-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-software1-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-software1-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-software1-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-software1-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-software1-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-software1-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-software1-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-software1-frame-parent27, .archive-software1-logomark, .archive-software1-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-software1-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-software1-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-software1-content23, .archive-software1-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-software1-container1, .archive-software1-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-software1-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-software1-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-software1-divider-icon14 {
  object-fit: contain;
  z-index: 4;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: -11px;
  right: 0;
  margin: 0 !important;
}

.archive-software1-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-software1-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-software1-dot-icon10, .archive-software1-dot-icon11, .archive-software1-dot-icon7, .archive-software1-dot-icon8, .archive-software1-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-software1-dot-icon10, .archive-software1-dot-icon11, .archive-software1-dot-icon8, .archive-software1-dot-icon9 {
  z-index: 3;
}

.archive-software1-dot-icon10, .archive-software1-dot-icon11, .archive-software1-dot-icon9 {
  z-index: 4;
}

.archive-software1-dot-icon10, .archive-software1-dot-icon11 {
  z-index: 5;
}

.archive-software1-dot-icon11 {
  z-index: 6;
}

.archive-software1-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-software1-dot-icon12, .archive-software1-dot-icon13, .archive-software1-featured-icon1 {
  display: none;
  position: relative;
}

.archive-software1-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-software1-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-software1-supporting-text57, .archive-software1-text184 {
  align-self: stretch;
  position: relative;
}

.archive-software1-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-software1-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-software1-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-software1-button-close-x, .archive-software1-content24 {
  flex-direction: row;
  display: flex;
}

.archive-software1-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-software1-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-software1-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-software1-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-software1-frame-wrapper13, .archive-software1-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-software1-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-software1-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-software1-background, .archive-software1-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-software1-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-software1-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-software1-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-content25, .archive-software1-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-software1-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-software1-control-handle, .archive-software1-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-software1-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-software1-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-software1-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-software1-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-software1-background-parent, .archive-software1-content26, .archive-software1-progress, .archive-software1-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-software1-background-parent, .archive-software1-progress {
  position: relative;
}

.archive-software1-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-software1-background-parent {
  padding: 0 20px 0 0;
}

.archive-software1-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-software1-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-software1-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-software1-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-software1-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-input-field, .archive-software1-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-software1-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-software1-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-software1-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-software1-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-software1-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-software1-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-software1-frame-parent31, .archive-software1-frame-wrapper14, .archive-software1-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-software1-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-software1-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-software1-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-software1-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-software1-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-content-parent, .archive-software1-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-software1-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-software1-content-parent {
  gap: 42px;
}

.archive-software1-content-parent, .archive-software1-input10, .archive-software1-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-software1-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-software1-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-input-field2, .archive-software1-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-software1-section-parent {
  gap: 8px;
}

.archive-software1-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-software1-checkboxes1, .archive-software1-section-wrapper, .archive-software1-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-software1-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-software1-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-software1-text203, .archive-software1-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-text207 {
  min-width: 44px;
}

.archive-software1-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-text208, .archive-software1-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-text209 {
  min-width: 59px;
}

.archive-software1-search-lg, .archive-software1-text210 {
  z-index: 2;
  position: relative;
}

.archive-software1-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-software1-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-software1-content37, .archive-software1-input-fields2, .archive-software1-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-software1-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-software1-input-fields2, .archive-software1-input19 {
  align-self: stretch;
}

.archive-software1-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-software1-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-software1-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-software1-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-software1-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-software1-text212, .archive-software1-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-software1-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-software1-frame-parent36, .archive-software1-frame-parent37, .archive-software1-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-software1-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-software1-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-software1-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-software1-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-software1-frame-parent28, .archive-software1-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-software1-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-software1-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-software1-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-software1-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-software1-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-software1-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-software1-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-software1-actions9, .archive-software1-buttonsbutton39, .archive-software1-content38 {
  flex-direction: row;
  display: flex;
}

.archive-software1-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-software1-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-software1-divider-parent6, .archive-software1-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-software1-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-software1-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-software1-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-software1-frame-parent41, .archive-software1-rectangle-parent4, .archive-software1-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-software1-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-software1-slide-out {
  flex-direction: row;
  width: 25%;
  margin: 0 !important;
}

.archive-software1-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-software1-collapsed-listing, .archive-software1-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-software1-frame-form {
    padding-bottom: 272px;
  }

  .archive-software1-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-software1-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-software1-fourth-listing {
    flex: 1;
  }

  .archive-software1-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-software1-frame-parent16 {
    gap: 140px;
  }

  .archive-software1-content8 {
    flex-wrap: wrap;
  }

  .archive-software1-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-software1-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-software1-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-software1-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-software1-navigation-parent {
    gap: 19px;
  }

  .archive-software1-frame-parent {
    gap: 35px;
  }

  .archive-software1-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-software1-main {
    gap: 16px;
  }

  .archive-software1-badges, .archive-software1-dot-item-content, .archive-software1-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-software1-dots-vertical {
    min-width: 100%;
  }

  .archive-software1-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-software1-frame-div {
    flex-wrap: wrap;
  }

  .archive-software1-frame-container {
    min-width: 100%;
  }

  .archive-software1-frame-group {
    flex-wrap: wrap;
  }

  .archive-software1-dots-vertical-container {
    min-width: 100%;
  }

  .archive-software1-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-software1-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-software1-first-badge, .archive-software1-location-content {
    flex: 1;
  }

  .archive-software1-badge-name {
    flex-wrap: wrap;
  }

  .archive-software1-badge-details {
    gap: 23px;
  }

  .archive-software1-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-software1-second-badge-list-parent {
    gap: 23px;
  }

  .archive-software1-frame-parent5 {
    gap: 53px;
  }

  .archive-software1-expanded-content {
    flex-wrap: wrap;
  }

  .archive-software1-expanded-listing {
    min-width: 100%;
  }

  .archive-software1-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-software1-badge-support-parent, .archive-software1-badges1, .archive-software1-detail-item, .archive-software1-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-software1-second-listing-details {
    flex: 1;
  }

  .archive-software1-listing-detail {
    flex-wrap: wrap;
  }

  .archive-software1-frame-parent19 {
    gap: 54px;
  }

  .archive-software1-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-software1-fourth-listing {
    margin-left: 0;
  }

  .archive-software1-frame-parent16 {
    gap: 70px;
  }

  .archive-software1-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-software1-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-software1-actions2 {
    flex-wrap: wrap;
  }

  .archive-software1-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-software1-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-software1-actions3 {
    flex-wrap: wrap;
  }

  .archive-software1-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-software1-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-software1-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-software1-empty-state3 {
    gap: 16px;
  }

  .archive-software1-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-software1-container1 {
    gap: 16px;
  }

  .archive-software1-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-software1-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-software1-frame-parent {
    gap: 17px;
  }

  .archive-software1-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-software1-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-software1-card-work {
    flex: 1;
  }

  .archive-software1-provider-name {
    flex-wrap: wrap;
  }

  .archive-software1-price2, .archive-software1-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-software1-badge-container, .archive-software1-location-content {
    flex-wrap: wrap;
  }

  .archive-software1-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-software1-buttonsbutton-group, .archive-software1-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-software1-location-summary {
    flex: 1;
  }

  .archive-software1-summary-details {
    flex-wrap: wrap;
  }

  .archive-software1-frame-parent5 {
    gap: 27px;
  }

  .archive-software1-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-software1-price4, .archive-software1-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-software1-business-name-role, .archive-software1-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-software1-detail-item-parent {
    gap: 20px;
  }

  .archive-software1-pair-container-parent {
    margin-left: 0;
  }

  .archive-software1-frame-parent19 {
    gap: 27px;
  }

  .archive-software1-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-software1-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-software1-frame-parent24 {
    gap: 126px;
  }

  .archive-software1-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-software1-content9, .archive-software1-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-software1-input-dropdown2 {
    max-width: 100%;
  }

  .archive-software1-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-software1-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-software1-button-group2 {
    flex-wrap: wrap;
  }

  .archive-software1-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-software1-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-software1-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-software1-footer {
    gap: 16px;
  }

  .archive-software1-listings-search-results-list {
    gap: 25px;
  }
}

.detailed-software-review-reply-header {
  width: 20%;
}

.detailed-software-review-reply-feedback-header {
  box-sizing: border-box;
  flex-direction: row;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.detailed-software-review-reply-header-info {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-review-reply-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-review-reply-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-software-review-reply-alvo-medical {
  font-weight: 500;
}

.detailed-software-review-reply-main {
  box-sizing: border-box;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 80px 24px 10px;
  display: flex;
}

.detailed-software-review-reply-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-software-review-reply {
  width: 100%;
  padding: 0 6px;
}

.detailed-software-frame-child, .detailed-software-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.detailed-software-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.detailed-software-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.detailed-software-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.detailed-software-header-content, .detailed-software-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.detailed-software-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.detailed-software-bar-chart-01-icon, .detailed-software-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.detailed-software-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.detailed-software-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.detailed-software-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.detailed-software-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-software-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-software-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-software-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-badge1, .detailed-software-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.detailed-software-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-software-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-software-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-navigation, .detailed-software-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.detailed-software-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.detailed-software-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.detailed-software-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-software-placeholder, .detailed-software-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.detailed-software-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.detailed-software-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.detailed-software-content3, .detailed-software-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-software-content3 {
  flex: 1;
  gap: 8px;
}

.detailed-software-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-header-container, .detailed-software-input-with-label, .detailed-software-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.detailed-software-header-container, .detailed-software-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.detailed-software-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.detailed-software-header-container {
  gap: 70px;
  width: 754px;
}

.detailed-software-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.detailed-software-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.detailed-software-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.detailed-software-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.detailed-software-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.detailed-software-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.detailed-software-button-container, .detailed-software-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.detailed-software-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.detailed-software-divider-icon, .detailed-software-text6 {
  align-self: stretch;
  position: relative;
}

.detailed-software-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.detailed-software-text6 {
  font-weight: 500;
  line-height: 20px;
}

.detailed-software-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.detailed-software-chevron-right-icon, .detailed-software-text7 {
  flex-shrink: 0;
  position: relative;
}

.detailed-software-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.detailed-software-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-software-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.detailed-software-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-software-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.detailed-software-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-software-breadcrumb-controls, .detailed-software-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.detailed-software-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-software-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.detailed-software-breadcrumb-controls-icon, .detailed-software-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.detailed-software-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.detailed-software-breadcrumb-controls-item {
  display: none;
}

.detailed-software-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-software-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-buttonsbutton, .detailed-software-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.detailed-software-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-software-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.detailed-software-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.detailed-software-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-software-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.detailed-software-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.detailed-software-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.detailed-software-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-software-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.detailed-software-breadcrumb, .detailed-software-breadcrumb-button-base3, .detailed-software-breadcrumb-container-parent, .detailed-software-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.detailed-software-breadcrumb, .detailed-software-breadcrumb-container-parent {
  max-width: 100%;
}

.detailed-software-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.detailed-software-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.detailed-software-pre- {
  text-transform: capitalize;
}

.detailed-software-o {
  text-transform: lowercase;
}

.detailed-software-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.detailed-software-marker-pin-02-icon, .detailed-software-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.detailed-software-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.detailed-software-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.detailed-software-detail-items, .detailed-software-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-detail-items {
  flex: 1;
  gap: 8px;
}

.detailed-software-details-row {
  gap: 20px;
  width: 294px;
}

.detailed-software-contact-name {
  padding: 0 5px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  max-width: 50px;
  padding: 1px 4px;
  display: flex;
}

.detailed-software-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.detailed-software-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.detailed-software-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.detailed-software-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-software-ellipse-div, .detailed-software-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-software-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.detailed-software-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-software-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.detailed-software-contact-details, .detailed-software-details-content, .detailed-software-rectangle-container, .detailed-software-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.detailed-software-contact-details, .detailed-software-details-content {
  align-self: stretch;
}

.detailed-software-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.detailed-software-details-content {
  flex-direction: column;
  gap: 8px;
}

.detailed-software-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-buttonsbutton1, .detailed-software-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.detailed-software-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-buttonsbutton1:hover {
  background-color: #eaecf0;
}

.detailed-software-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-software-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.detailed-software-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-software-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.detailed-software-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.detailed-software-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.detailed-software-detail-container, .detailed-software-dropdown, .detailed-software-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.detailed-software-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.detailed-software-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.detailed-software-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.detailed-software-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.detailed-software-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.detailed-software-heading, .detailed-software-paragraph, .detailed-software-paragraph1 {
  z-index: 1;
  position: relative;
}

.detailed-software-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-software-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.detailed-software-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.detailed-software-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 35px;
  display: flex;
}

.detailed-software-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.detailed-software-description-columns-second, .detailed-software-description-content, .detailed-software-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-software-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 36px;
  min-height: 120px;
}

.detailed-software-description-content, .detailed-software-heading-parent {
  flex-direction: column;
}

.detailed-software-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.detailed-software-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.detailed-software-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-software-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-description-paragraphs, .detailed-software-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.detailed-software-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.detailed-software-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.detailed-software-heading1, .detailed-software-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-software-heading1 {
  font-weight: 500;
}

.detailed-software-paragraph26 {
  color: #475467;
}

.detailed-software-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.detailed-software-gallery-images-container-child, .detailed-software-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.detailed-software-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.detailed-software-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.detailed-software-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.detailed-software-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-software-gallery-images, .detailed-software-gallery-images-container, .detailed-software-gallery-images-container1, .detailed-software-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-software-gallery-images, .detailed-software-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.detailed-software-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.detailed-software-heading6 {
  font-weight: 600;
}

.detailed-software-heading6, .detailed-software-heading7, .detailed-software-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-software-heading7 {
  font-weight: 500;
}

.detailed-software-paragraph30 {
  color: #475467;
}

.detailed-software-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.detailed-software-benefits-content {
  gap: 16px;
}

.detailed-software-benefits-container, .detailed-software-benefits-content, .detailed-software-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-software-section {
  z-index: 1;
  font-size: 18px;
}

.detailed-software-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.detailed-software-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-software-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.detailed-software-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.detailed-software-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.detailed-software-supporting-text3, .detailed-software-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-software-text12 {
  font-weight: 500;
}

.detailed-software-supporting-text3 {
  color: #475467;
}

.detailed-software-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.detailed-software-download-items, .detailed-software-download-items-parent, .detailed-software-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.detailed-software-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.detailed-software-download-items, .detailed-software-download-items-parent {
  align-self: stretch;
}

.detailed-software-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.detailed-software-heading15, .detailed-software-text18 {
  font-weight: 600;
  position: relative;
}

.detailed-software-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.detailed-software-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.detailed-software-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-software-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-software-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-software-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-software-button-group-base2, .detailed-software-button-group-base3, .detailed-software-button-group-base4, .detailed-software-button-group-base5, .detailed-software-button-group-base6, .detailed-software-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.detailed-software-button-group-base3, .detailed-software-button-group-base4, .detailed-software-button-group-base5, .detailed-software-button-group-base6, .detailed-software-button-group-base7 {
  z-index: 5;
}

.detailed-software-button-group-base4, .detailed-software-button-group-base5, .detailed-software-button-group-base6, .detailed-software-button-group-base7 {
  z-index: 4;
}

.detailed-software-button-group-base5, .detailed-software-button-group-base6, .detailed-software-button-group-base7 {
  z-index: 3;
}

.detailed-software-button-group-base6, .detailed-software-button-group-base7 {
  z-index: 2;
}

.detailed-software-button-group-base7 {
  z-index: 1;
}

.detailed-software-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-software-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-software-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-supporting-text9, .detailed-software-text27 {
  line-height: 24px;
  position: relative;
}

.detailed-software-text27 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}

.detailed-software-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.detailed-software-content5, .detailed-software-input-with-label1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.detailed-software-input-with-label1 {
  align-self: stretch;
}

.detailed-software-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.detailed-software-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-software-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-software-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.detailed-software-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-software-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-software-actions, .detailed-software-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-software-button {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.detailed-software-content4, .detailed-software-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 3px;
}

.detailed-software-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.detailed-software-empty-review, .detailed-software-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.detailed-software-empty-review {
  justify-content: center;
  height: 44px;
  line-height: 24px;
}

.detailed-software-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.detailed-software-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.detailed-software-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.detailed-software-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.detailed-software-review-content, .detailed-software-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.detailed-software-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.detailed-software-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.detailed-software-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-software-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-first-review-fifth-star, .detailed-software-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.detailed-software-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.detailed-software-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-heading-wrapper {
  padding: 0 4px;
}

.detailed-software-heading-wrapper, .detailed-software-stars-wrapper, .detailed-software-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.detailed-software-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.detailed-software-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-software-rectangle-parent3, .detailed-software-review-container, .detailed-software-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.detailed-software-review-container, .detailed-software-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.detailed-software-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.detailed-software-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  padding-top: 10px;
  font-size: 56px;
}

.detailed-software-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-software-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.detailed-software-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.detailed-software-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-alvo-medical, .detailed-software-heading20 {
  font-weight: 500;
}

.detailed-software-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-software-client-review-header, .detailed-software-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.detailed-software-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.detailed-software-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-software-client-rating, .detailed-software-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-client-rating {
  align-self: stretch;
  gap: 4px;
}

.detailed-software-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.detailed-software-client-review, .detailed-software-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.detailed-software-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.detailed-software-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-software-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.detailed-software-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-software-badge-wrapper, .detailed-software-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.detailed-software-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.detailed-software-discount, .detailed-software-price {
  z-index: 2;
  position: relative;
}

.detailed-software-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.detailed-software-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.detailed-software-original-price, .detailed-software-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.detailed-software-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.detailed-software-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-software-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 0 12px 0 11px;
}

.detailed-software-card-header, .detailed-software-price-tag, .detailed-software-service-title-container {
  align-items: flex-start;
  display: flex;
}

.detailed-software-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
}

.detailed-software-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.detailed-software-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -4px;
  right: 130px;
  margin: 0 !important;
}

.detailed-software-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-software-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.detailed-software-amlie-laurent, .detailed-software-card-footer, .detailed-software-role {
  align-self: stretch;
  position: relative;
}

.detailed-software-card-footer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-amlie-laurent, .detailed-software-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.detailed-software-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.detailed-software-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-software-supporting-text10 {
  z-index: 2;
  width: 117px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-supporting-text10-a {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-message-button {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  display: flex;
}

.detailed-software-contact-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 52px;
  display: flex;
}

.detailed-software-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.detailed-software-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.detailed-software-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-software-buttonsbutton5, .detailed-software-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-buttonsbutton5 {
  white-space: nowrap;
  cursor: pointer;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.detailed-software-buttonsbutton5:hover {
  background-color: #6941c6;
}

.detailed-software-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.detailed-software-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-buttonsbutton6-add:hover {
  background-color: #eaecf0;
}

.detailed-software-buttonsbutton6:hover {
  background-color: #3e9e5b;
}

.detailed-software-button-container2, .detailed-software-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.detailed-software-button-container2 {
  flex: 1;
  gap: 16px;
}

.detailed-software-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.detailed-software-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.detailed-software-dropdown-menu, .detailed-software-dropdown1, .detailed-software-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-dropdown1 {
  z-index: 2;
}

.detailed-software-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.detailed-software-professional-details, .detailed-software-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-software-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.detailed-software-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.detailed-software-card-content, .detailed-software-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.detailed-software-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-software-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.detailed-software-description, .detailed-software-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.detailed-software-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.detailed-software-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-software-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.detailed-software-header-content1, .detailed-software-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-software-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.detailed-software-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.detailed-software-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.detailed-software-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.detailed-software-client-name, .detailed-software-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-software-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  text-overflow: ellipsis;
  align-self: stretch;
  max-width: 260px;
  font-size: 16px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.detailed-software-heading24 {
  text-overflow: ellipsis;
  color: #6941c6;
  width: 164px;
  max-width: 164px;
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
}

.detailed-software-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.detailed-software-testimonial-divider, .detailed-software-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  padding: 16px;
}

.detailed-software-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.detailed-software-rectangle-parent4, .detailed-software-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.detailed-software-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.detailed-software-frame-parent, .detailed-software-listing-content, .detailed-software-listing-content-wrapper, .detailed-software-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.detailed-software-frame-parent, .detailed-software-listing-content, .detailed-software-listing-content-wrapper {
  flex-direction: row;
}

.detailed-software-listing-content {
  flex: 1;
  gap: 14px;
}

.detailed-software-frame-parent, .detailed-software-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.detailed-software-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  padding: 0 2px 24px 0;
}

.detailed-software-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-listing-image-grid, .detailed-software-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.detailed-software-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.detailed-software-listing-image-grid1 {
  padding: 0 80px 24px;
}

.detailed-software-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-software-feedback-header, .detailed-software-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.detailed-software-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.detailed-software-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-software-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-buttonsbutton7, .detailed-software-feedback-score, .detailed-software-stars-parent {
  align-items: flex-start;
  display: flex;
}

.detailed-software-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.detailed-software-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.detailed-software-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.detailed-software-client-feedback, .detailed-software-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.detailed-software-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 24px 80px 24px 0;
}

.detailed-software-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.detailed-software-client-message, .detailed-software-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.detailed-software-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-software-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px 0;
}

.detailed-software-buttonsbutton8, .detailed-software-client-message {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-software-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-buttonsbutton8:hover {
  background-color: #6941c6;
}

.detailed-software-view-replies {
  color: #eaecf0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 91.5%;
  padding-bottom: 24px;
  font-size: 14px;
  display: flex;
}

.detailed-software-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-software-button-wrap, .detailed-software-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-software-buttonsbutton9 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-buttonsbutton9:hover {
  background-color: #eaecf0;
}

.detailed-software-button-wrap {
  justify-content: flex-start;
}

.detailed-software-details, .detailed-software-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-software-text37 {
  min-width: 32px;
  font-weight: 600;
}

.detailed-software-button-wrap1, .detailed-software-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-software-buttonsbutton10 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-buttonsbutton10:hover {
  background-color: #eaecf0;
}

.detailed-software-button-wrap1 {
  justify-content: flex-end;
}

.detailed-software-pagination, .detailed-software-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.detailed-software-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px 16px 9px;
  overflow-x: auto;
}

.detailed-software-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 66px 24px;
  font-size: 14px;
}

.detailed-software-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.detailed-software-heading32, .detailed-software-heading33 {
  line-height: 24px;
  position: relative;
}

.detailed-software-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.detailed-software-heading33 {
  width: 107px;
  display: inline-block;
}

.detailed-software-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-software-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.detailed-software-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.detailed-software-label2, .detailed-software-label3, .detailed-software-text38 {
  position: relative;
}

.detailed-software-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.detailed-software-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.detailed-software-input-with-label3, .detailed-software-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.detailed-software-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.detailed-software-content6, .detailed-software-input-field, .detailed-software-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.detailed-software-content6, .detailed-software-input-field {
  max-width: 100%;
}

.detailed-software-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.detailed-software-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.detailed-software-label4, .detailed-software-text39 {
  display: inline-block;
  position: relative;
}

.detailed-software-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-software-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.detailed-software-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-software-input-field1, .detailed-software-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.detailed-software-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.detailed-software-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.detailed-software-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-software-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-software-button1, .detailed-software-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-software-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.detailed-software-review-form, .detailed-software-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.detailed-software-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.detailed-software-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.detailed-software-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.detailed-software-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-heading-parent3, .detailed-software-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.detailed-software-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.detailed-software-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.detailed-software-frame-child12, .detailed-software-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.detailed-software-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.detailed-software-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.detailed-software-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.detailed-software-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-software-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.detailed-software-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-software-badge5, .detailed-software-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.detailed-software-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.detailed-software-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.detailed-software-image-overlay, .detailed-software-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.detailed-software-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.detailed-software-text42 {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 220px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
}

.detailed-software-listing-detail-item-date, .detailed-software-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.detailed-software-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.detailed-software-location {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.detailed-software-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-software-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.detailed-software-listing-team-member {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.detailed-software-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-listing-detail-item-pin-wrapper, .detailed-software-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.detailed-software-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.detailed-software-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.detailed-software-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-listing, .detailed-software-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.detailed-software-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.detailed-software-name {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0;
  max-width: 110px;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
  overflow: hidden;
}

.detailed-software-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.detailed-software-role1 {
  color: #6941c6;
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 110px;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.detailed-software-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.detailed-software-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.detailed-software-listing-detail-item-value, .detailed-software-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-software-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.detailed-software-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.detailed-software-listing-detail-item, .detailed-software-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-software-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.detailed-software-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.detailed-software-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.detailed-software-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.detailed-software-footer-social, .detailed-software-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-software-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.detailed-software-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-software-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-software-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.detailed-software-badge-group, .detailed-software-image-overlay3, .detailed-software-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.detailed-software-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.detailed-software-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.detailed-software-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.detailed-software-agent-details-icon, .detailed-software-agent-extra-info, .detailed-software-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.detailed-software-agent-details-icon, .detailed-software-agent-extra-info {
  max-width: 100%;
}

.detailed-software-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.detailed-software-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.detailed-software-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.detailed-software-frame-parent5 {
  scrollbar-width: none;
  white-space: nowrap;
  scroll-behavior: smooth;
  align-items: flex-start;
  gap: 16px;
  height: 455px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  top: 0;
  left: 20px;
  overflow: scroll hidden;
}

.detailed-software-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.detailed-software-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.detailed-software-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 90%;
  max-width: 100%;
  padding: 0 10px 24px;
  font-size: 12px;
  display: flex;
}

.detailed-software-testiomonial-carousel-arrow4, .detailed-software-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.detailed-software-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.detailed-software-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.detailed-software-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-rectangle-parent30, .detailed-software-supporting-six-wrapper, .detailed-software-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.detailed-software-supporting-six-wrapper, .detailed-software-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.detailed-software-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.detailed-software-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.detailed-software-divider-container, .detailed-software-icon-group, .detailed-software-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.detailed-software-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.detailed-software-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.detailed-software-breadcrumb-button-base4, .detailed-software-testiomonial-carousel-arrow6, .detailed-software-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-software-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.detailed-software-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.detailed-software-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-software-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-software-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.detailed-software-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-software-divider-icon24 {
  width: 1216px;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin: 0 !important;
}

.detailed-software-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-software-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-software-button2, .detailed-software-text-padding4, .detailed-software-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.detailed-software-button2, .detailed-software-text-padding5 {
  box-sizing: border-box;
}

.detailed-software-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.detailed-software-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.detailed-software-button3, .detailed-software-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.detailed-software-button4, .detailed-software-button5, .detailed-software-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.detailed-software-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-actions1, .detailed-software-testiomonial-carousel-arrow8, .detailed-software-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-software-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.detailed-software-testiomonial-carousel-arrow8, .detailed-software-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-software-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.detailed-software-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.detailed-software-listing-image-grid11, .detailed-software-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-software-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.detailed-software-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.detailed-software-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-software-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.detailed-software-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.detailed-software-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.detailed-software-heading40, .detailed-software-text123 {
  font-weight: 600;
  position: relative;
}

.detailed-software-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.detailed-software-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.detailed-software-buttonsbutton27, .detailed-software-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-software-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.detailed-software-footer-link1 {
  justify-content: flex-start;
}

.detailed-software-text124, .detailed-software-text125, .detailed-software-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-text125, .detailed-software-text126 {
  min-width: 68px;
}

.detailed-software-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.detailed-software-badge36, .detailed-software-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-software-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.detailed-software-footer-link3 {
  gap: 8px;
}

.detailed-software-text127, .detailed-software-text128, .detailed-software-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-text128, .detailed-software-text129 {
  min-width: 97px;
}

.detailed-software-text129 {
  min-width: 81px;
}

.detailed-software-footer-links-column, .detailed-software-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.detailed-software-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.detailed-software-text130, .detailed-software-text131, .detailed-software-text132, .detailed-software-text133, .detailed-software-text134, .detailed-software-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.detailed-software-text131, .detailed-software-text132, .detailed-software-text133, .detailed-software-text134, .detailed-software-text135 {
  min-width: 58px;
}

.detailed-software-text132, .detailed-software-text133, .detailed-software-text134, .detailed-software-text135 {
  min-width: 66px;
}

.detailed-software-text133, .detailed-software-text134, .detailed-software-text135 {
  min-width: 90px;
}

.detailed-software-text134, .detailed-software-text135 {
  min-width: 55px;
}

.detailed-software-text135 {
  min-width: 63px;
}

.detailed-software-footer-links2, .detailed-software-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.detailed-software-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.detailed-software-help-icon, .detailed-software-label6 {
  display: none;
  position: relative;
}

.detailed-software-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-software-help-icon {
  width: 16px;
  height: 16px;
}

.detailed-software-input-with-label6, .detailed-software-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.detailed-software-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-software-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-software-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.detailed-software-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-software-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.detailed-software-email-capture, .detailed-software-links-and-newsletter, .detailed-software-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.detailed-software-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.detailed-software-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.detailed-software-container, .detailed-software-content8, .detailed-software-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-container {
  flex: 1;
  max-width: 1280px;
}

.detailed-software-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.detailed-software-divider-icon29, .detailed-software-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.detailed-software-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.detailed-software-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  padding: 64px 0 48px;
  display: flex;
}

.detailed-software-footer-text {
  line-height: 20px;
  position: relative;
}

.detailed-software-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.detailed-software-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.detailed-software-logomark, .detailed-software-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.detailed-software-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.detailed-software-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.detailed-software-content10, .detailed-software-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-software-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.detailed-software-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.detailed-software-footer1, .detailed-software-listings-detailed-page-devic, .detailed-software-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.detailed-software-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.detailed-software-listings-detailed-page-devic, .detailed-software-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.detailed-software-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.detailed-software-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.detailed-software-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-software-sharethis-parent {
  position: relative;
}

.detailed-software-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-software-sharethis-follow-parent {
  position: relative;
}

.detailed-software-button1-submit {
  z-index: 2;
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-software-button1-submit:hover {
  background-color: #6941c6;
}

.detailed-software-client-feedback-parent {
  width: 100%;
}

.detailed-software-reply-section {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 0 80px 24px 0;
  display: flex;
}

.detailed-software-reply-textarea {
  resize: none;
  box-sizing: border-box;
  scrollbar-width: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  height: 100px;
  padding: 10px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.detailed-software-reply-textarea:focus {
  border-color: #7e56d9;
  outline: none;
}

.detailed-software-reply-submit-btn {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9;
  border: none;
  border-radius: 5px;
  width: max-content;
  padding: 8px 15px;
  font-size: 14px;
}

.detailed-software-reply-submit-btn:hover {
  background-color: #6941c6;
}

.detailed-software-reply-submit-btn:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.detailed-software-char-counter {
  color: #555;
  text-align: left;
  font-size: 12px;
}

.detailed-software-char-counter.warning {
  color: #e74c3c;
}

@media screen and (width <= 1275px) {
  .detailed-software-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .detailed-software-breadcrumb-controls1 {
    flex: 1;
  }

  .detailed-software-breadcrumb-container {
    flex-wrap: wrap;
  }

  .detailed-software-service-card {
    flex: 1;
  }

  .detailed-software-listing-content {
    flex-wrap: wrap;
  }

  .detailed-software-container, .detailed-software-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .detailed-software-client-review, .detailed-software-content4, .detailed-software-description-columns-first, .detailed-software-download-items, .detailed-software-gallery-images, .detailed-software-rectangle-group, .detailed-software-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .detailed-software-description-block-parent {
    min-width: 100%;
  }

  .detailed-software-client-feedback, .detailed-software-client-message, .detailed-software-listing-image-grid, .detailed-software-listing-image-grid1, .detailed-software-pagination-wrapper, .detailed-software-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-software-heading-parent3 {
    flex-wrap: wrap;
  }

  .detailed-software-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .detailed-software-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .detailed-software-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .detailed-software-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .detailed-software-actions, .detailed-software-file-upload-item-base {
    flex-wrap: wrap;
  }

  .detailed-software-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .detailed-software-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .detailed-software-review-stars {
    min-width: 100%;
  }

  .detailed-software-review-container, .detailed-software-review-stars {
    flex-wrap: wrap;
  }

  .detailed-software-client-review-header {
    min-width: 100%;
  }

  .detailed-software-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-software-service-card {
    min-width: 100%;
  }

  .detailed-software-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-software-feedback-header {
    min-width: 100%;
  }

  .detailed-software-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .detailed-software-frame-parent3 {
    flex-wrap: wrap;
  }

  .detailed-software-textarea-input-field {
    max-width: 100%;
  }

  .detailed-software-content6 {
    gap: 16px;
  }

  .detailed-software-textarea-input-field1 {
    max-width: 100%;
  }

  .detailed-software-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-software-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .detailed-software-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .detailed-software-links {
    flex: 1;
  }

  .detailed-software-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .detailed-software-container {
    gap: 24px;
  }

  .detailed-software-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-software-footer {
    gap: 24px;
    height: auto;
  }

  .detailed-software-container1 {
    gap: 16px;
  }

  .detailed-software-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .detailed-software-header-container {
    gap: 17px;
  }

  .detailed-software-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .detailed-software-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-software-button-row, .detailed-software-contact-details {
    flex-wrap: wrap;
  }

  .detailed-software-gallery-images-container, .detailed-software-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .detailed-software-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .detailed-software-input-dropdown {
    max-width: 100%;
  }

  .detailed-software-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .detailed-software-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .detailed-software-rectangle-parent1 {
    flex: 1;
  }

  .detailed-software-review-container {
    gap: 16px;
  }

  .detailed-software-price {
    font-size: 21px;
    line-height: 26px;
  }

  .detailed-software-header-content1, .detailed-software-professional-details, .detailed-software-testimonial-item {
    flex-wrap: wrap;
  }

  .detailed-software-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .detailed-software-review-form {
    gap: 25px;
  }

  .detailed-software-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .detailed-software-links, .detailed-software-logo-and-supporting-text {
    gap: 16px;
  }

  .detailed-software-email-capture {
    flex-wrap: wrap;
  }

  .detailed-software-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .detailed-software-footer1 {
    gap: 16px;
  }
}

.add-software-progress-container-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.add-software-forms-add-software {
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 60px;
  font-family: Inter;
  display: flex;
}

.add-software-forms-add-software {
  box-sizing: border-box;
  letter-spacing: normal;
  align-items: flex-start;
  width: 100%;
  padding: 7px 0 0;
  font-size: 14px;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-software-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-software-progress-steps {
    display: none;
  }

  .add-software-main {
    height: auto;
  }

  .add-software-content23 {
    flex-wrap: wrap;
  }

  .add-software-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-software-content5 {
    max-width: 100%;
  }

  .add-software-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-software-frame-group {
    gap: 19px;
  }

  .add-software-frame-parent {
    gap: 35px;
  }

  .add-software-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-software-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-software-main {
    gap: 16px;
  }

  .add-software-content22, .add-software-content39 {
    min-width: 100%;
  }

  .add-software-textarea-input-field {
    max-width: 100%;
  }

  .add-software-content42 {
    gap: 16px;
  }

  .add-software-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-software-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-software-frame-parent {
    gap: 17px;
  }

  .add-software-step-two, .add-software-step-two-details, .add-software-steps {
    gap: 19px;
  }

  .add-software-form-parent {
    gap: 350px;
  }

  .add-software-action, .add-software-first-upload-item-content, .add-software-input1, .add-software-input10, .add-software-input9, .add-software-progress-bar {
    flex-wrap: wrap;
  }

  .add-software-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-software-progress-container-parent {
    gap: 49px;
  }
}

.add-software-step-input-field-parent {
  z-index: 1;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-software-step-button9:hover {
  background-color: #6941c6;
}

.add-software-step-button11:hover {
  background-color: #f3f3f3;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-software-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-software-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-software-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-software-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-software-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-software-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-software-step-first-upload-item-content, .add-software-step-action, .add-software-step-input1, .add-software-step-input10, .add-software-step-input9 {
    flex-wrap: wrap;
  }
}

.add-software-step3-button21:hover {
  background-color: #f3f3f3;
}

.add-software-step3-button22:hover {
  background-color: #f2a71b;
}

.add-software-step3-button23:hover {
  background-color: #6941c6;
}

@media screen and (width <= 1025px) {
  .add-software-step3-actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .add-software-step3-actions6 {
    flex-wrap: wrap;
  }

  .add-software-step3-section-header-group {
    min-width: 100%;
  }

  .add-software-step3-add-software-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .add-software-step3-textarea-input-field7 {
    max-width: 100%;
  }

  .add-software-step3-content62, .add-software-step3-content68 {
    gap: 16px;
  }

  .add-software-step3-actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .add-software-step3-step-base15 {
    gap: 19px;
  }

  .add-software-step3-action5, .add-software-step3-file-type-icon-parent, .add-software-step3-progress-bar8 {
    flex-wrap: wrap;
  }

  .add-software-step3-actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-software-step3-add-software-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1275px) {
  .add-job-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-job-progress-steps {
    display: none;
  }

  .add-job-main {
    height: auto;
  }

  .add-job-content23 {
    flex-wrap: wrap;
  }

  .add-job-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-job-content5 {
    max-width: 100%;
  }

  .add-job-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-job-frame-group {
    gap: 19px;
  }

  .add-job-frame-parent {
    gap: 35px;
  }

  .add-job-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-job-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-job-main {
    gap: 16px;
  }

  .add-job-content22, .add-job-content39 {
    min-width: 100%;
  }

  .add-job-textarea-input-field {
    max-width: 100%;
  }

  .add-job-content42 {
    gap: 16px;
  }

  .add-job-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-job-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-job-frame-parent {
    gap: 17px;
  }

  .add-job-step-two, .add-job-step-two-details, .add-job-steps {
    gap: 19px;
  }

  .add-job-form-parent {
    gap: 350px;
  }

  .add-job-action, .add-job-first-upload-item-content, .add-job-input1, .add-job-input10, .add-job-input9, .add-job-progress-bar {
    flex-wrap: wrap;
  }

  .add-job-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-job-progress-container-parent {
    gap: 49px;
  }
}

.hide-input-field {
  display: none;
}

.document-field-component-width {
  width: inherit;
}

input[type="radio"] {
  transform: scale(1.3);
}

.custom-file-upload {
  cursor: pointer;
  color: #333;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 6px 12px;
  display: inline-block;
}

.documentLabel {
  border: 1px solid #eaecf0;
  border-radius: 10px;
  padding: 5px;
}

.documentLabel:hover {
  border: 1px solid #583c97;
}

.custom-action {
  padding-top: 10px;
  display: block;
}

.imagelayout-checkbox {
  background-color: #6941c6;
}

.error-for-document {
  text-align: center;
}

.error-for-all-field {
  color: red;
  width: 320px;
  font-size: 15px;
  line-height: 20px;
  position: relative;
}

.add-job-step-section-header-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-job-step-first-nested-input-remove-border {
  border: none;
}

.add-job-step-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  margin: 0;
}

.add-job-step-content31-custom {
  padding: 20px 0 !important;
}

.add-job-step-button11:hover {
  background-color: #f3f3f3;
}

.add-job-step-file-button-labels, .add-job-step-text48 {
  gap: 5px;
  display: flex;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-job-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-job-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-job-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-job-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-job-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-job-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-job-step-first-upload-item-content, .add-job-step-action, .add-job-step-input1, .add-job-step-input10, .add-job-step-input9 {
    flex-wrap: wrap;
  }
}

.archive-job-error-text {
  color: red;
  z-index: 2;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.archive-job-frame-parent-31 {
  align-self: stretch;
}

.archive-job-frame-parent-28 {
  box-sizing: border-box;
  align-items: flex-start;
  padding: 0 1px 0 0;
}

.archive-job-buttons-button7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job-buttonsbutton17-custom {
  right: 325px !important;
}

.archive-job1-buttonsbutton18-custom {
  right: 195px !important;
}

.archive-job-listing-container-custom {
  justify-content: initial !important;
  flex-direction: column !important;
}

.archive-job-filter-cards-container {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 5px 32px;
  display: flex;
}

.archive-job-input-fields2-custom {
  align-items: initial !important;
  flex-direction: column !important;
}

.archive-job-second-badge-divider-custom, .archive-job-section-wrapper-custom {
  z-index: 1;
}

.archive-job-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job-sliders-02-icon {
  cursor: pointer;
}

.archive-job1-filter-selected-div {
  width: 100%;
  height: max-content;
}

.archive-job1-listing-container {
  gap: 20px;
  width: 100%;
  padding: 10px;
  display: grid;
  overflow-y: auto;
}

.archive-job1-content4, .archive-job1-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-job1-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-job1-page-header1, .archive-job1-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-job1-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 100%;
  padding: 0 32px;
}

.archive-job1-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-divider-icon2, .archive-job1-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
  margin: 0 !important;
}

.archive-job1-magnifier-1-icon {
  object-fit: cover;
  cursor: pointer;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-job1-listing-container, .archive-job1-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-job1-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-job1-frame-parent41, .archive-job1-rectangle-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-slide-out {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  max-width: 100%;
  display: flex;
  margin: 0 !important;
}

.archive-job1-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-job1-hiddenbutton-container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-job1-button-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-job1-sort-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  padding: 5px 32px 0;
  display: flex;
}

.archive-job-section-wrapper-custom {
  display: initial !important;
}

.archive-job1-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-job1-filter-selected-div {
  width: 100%;
}

.archive-job1-listing-container {
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  height: max-content;
  padding: 25px 29px;
  display: flex;
  overflow-y: scroll;
}

.archive-job1-listing-container::-webkit-scrollbar {
  display: none;
}

.archive-job1-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-job1-divider-icon7-cstm {
  position: initial !important;
}

.archive-job1-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-job1-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-job1-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-job1-logo, .archive-job1-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-job1-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-job1-bar-chart-01-icon, .archive-job1-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-job1-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-job1-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-job1-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-job1-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-job1-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-job1-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-job1-text2, .archive-job1-text3 {
  font-family: Inter;
  position: relative;
}

.archive-job1-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-job1-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-job1-badge1, .archive-job1-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-job1-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-job1-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-job1-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-navigation, .archive-job1-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-job1-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-job1-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-job1-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-job1-search-lg-icon, .archive-job1-text6 {
  position: relative;
  overflow: hidden;
}

.archive-job1-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-job1-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-job1-content3, .archive-job1-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-content3 {
  flex: 1;
  gap: 8px;
}

.archive-job1-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-frame-parent, .archive-job1-input-with-label, .archive-job1-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-job1-frame-parent, .archive-job1-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-job1-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-job1-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-job1-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-job1-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-job1-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-job1-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-job1-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-job1-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-job1-breadcrumb-button-base, .archive-job1-rectangle-parent, .archive-job1-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-job1-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-job1-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-job1-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-job1-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-job1-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-job1-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-job1-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-job1-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-job1-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-job1-tabs {
  gap: 8px;
}

.archive-job1-breadcrumbs, .archive-job1-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-job1-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-job1-container {
  padding: 0 32px;
}

.archive-job1-container, .archive-job1-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-job1-main-child, .archive-job1-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-job1-main-item {
  height: 43px;
}

.archive-job1-main, .archive-job1-text11 {
  align-self: stretch;
}

.archive-job1-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-job1-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-job1-breadcrumb-button-base6, .archive-job1-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-job1-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-job1-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-job1-breadcrumbs1, .archive-job1-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-job1-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-job1-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-job1-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-job1-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-job1-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-job1-label1, .archive-job1-text15 {
  position: relative;
}

.archive-job1-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-job1-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-job1-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-job1-content5, .archive-job1-input-with-label1, .archive-job1-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-job1-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-job1-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-job1-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-job1-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-job1-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px 16px;
  max-width: 100%;
  font-size: 26px;
  display: flex;
}

.archive-job1-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-job1-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  height: max-content;
  display: flex;
}

.archive-job1-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-job1-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-job1-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-job1-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-job1-button-group-base2, .archive-job1-button-group-base3, .archive-job1-button-group-base4, .archive-job1-button-group-base5, .archive-job1-button-group-base6, .archive-job1-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-job1-button-group-base3, .archive-job1-button-group-base4, .archive-job1-button-group-base5, .archive-job1-button-group-base6, .archive-job1-button-group-base7 {
  z-index: 6;
}

.archive-job1-button-group-base4, .archive-job1-button-group-base5, .archive-job1-button-group-base6, .archive-job1-button-group-base7 {
  z-index: 5;
}

.archive-job1-button-group-base5, .archive-job1-button-group-base6, .archive-job1-button-group-base7 {
  z-index: 4;
}

.archive-job1-button-group-base6, .archive-job1-button-group-base7 {
  z-index: 3;
}

.archive-job1-button-group-base7 {
  z-index: 2;
}

.archive-job1-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-job1-breadcrumb-button-base11, .archive-job1-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-job1-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-job1-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-job1-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-job1-breadcrumb-button-base14, .archive-job1-breadcrumbs2, .archive-job1-button-group, .archive-job1-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-job1-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  position: absolute;
  bottom: -20px;
  right: -2px;
  margin: 0 !important;
}

.archive-job1-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  width: max-content;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-job1-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-job1-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-job1-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-job1-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
}

.archive-job1-divider-icon2, .archive-job1-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
}

.archive-job1-filter-items {
  position: absolute;
  margin: 0 !important;
}

.archive-job1-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
}

.archive-job1-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-job1-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-job1-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-job1-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-job1-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-job1-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-job1-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-job1-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-job1-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-dot-item-type-parent {
  gap: 8px;
}

.archive-job1-completed, .archive-job1-dot-item-content, .archive-job1-dot-item-innermost, .archive-job1-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-job1-completed, .archive-job1-dot-item-innermost {
  box-sizing: border-box;
}

.archive-job1-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-job1-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-job1-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-job1-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-job1-badge4, .archive-job1-completed-parent, .archive-job1-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-job1-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-badge5, .archive-job1-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-job1-badge6 {
  width: 76px;
}

.archive-job1-badge7, .archive-job1-badges {
  flex-direction: row;
  flex: 1;
}

.archive-job1-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-badges {
  gap: 8px;
}

.archive-job1-badges, .archive-job1-badges-wrapper, .archive-job1-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-job1-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-job1-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-dot-item-parent, .archive-job1-dots-parent, .archive-job1-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-job1-dots-parent, .archive-job1-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-job1-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-job1-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-job1-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-job1-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-job1-deal-inner, .archive-job1-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-job1-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-job1-card-deal, .archive-job1-deal-details, .archive-job1-deal-inner {
  justify-content: flex-start;
}

.archive-job1-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-job1-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-job1-card-deal, .archive-job1-frame-wrapper, .archive-job1-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-job1-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-job1-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-job1-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-job1-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-job1-close-icons, .archive-job1-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-job1-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-job1-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-job1-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-job1-name, .archive-job1-role {
  display: inline-block;
  position: relative;
}

.archive-job1-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-job1-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-job1-inner-info {
  flex-direction: column;
}

.archive-job1-inner-info, .archive-job1-inner-info-wrapper, .archive-job1-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-job1-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-job1-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-job1-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-job1-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-job1-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-buttonsbutton2, .archive-job1-buttonsbutton3, .archive-job1-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-job1-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-job1-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-job1-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 0 0;
  display: flex;
}

.archive-job1-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-job1-filter-items-parent, .archive-job1-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-job1-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-job1-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-job1-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-price-value, .archive-job1-text37 {
  display: inline-block;
  position: relative;
}

.archive-job1-text37 {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

.archive-job1-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-job1-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-job1-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-job1-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-job1-badge10, .archive-job1-badge11, .archive-job1-deal-type-parent, .archive-job1-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-badge11, .archive-job1-frame-parent1 {
  flex: 1;
}

.archive-job1-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-job1-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-badge-group, .archive-job1-badge12, .archive-job1-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-job1-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-job1-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-job1-badge13, .archive-job1-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-job1-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-job1-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-badge13, .archive-job1-badge14, .archive-job1-card-work, .archive-job1-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-job1-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-job1-badge14, .archive-job1-frame-div {
  flex-direction: row;
}

.archive-job1-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-job1-frame-container, .archive-job1-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 80%;
  padding: 8px 0 0;
}

.archive-job1-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-job1-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-job1-inner-icons, .archive-job1-inner-icons-wrapper, .archive-job1-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-job1-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 20%;
  font-size: 20px;
}

.archive-job1-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
}

.archive-job1-dots-vertical-container, .archive-job1-frame-group, .archive-job1-rectangle-container, .archive-job1-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-job1-dots-vertical-container, .archive-job1-rectangle-container {
  flex-direction: row;
}

.archive-job1-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-job1-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-job1-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-job1-buttonsbutton-wrapper, .archive-job1-frame-parent3, .archive-job1-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-job1-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-job1-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-job1-divider-parent, .archive-job1-rectangle-group, .archive-job1-rectangle-group1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-job1-rectangle-group {
  box-sizing: border-box;
  color: #101828;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 100%;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
}

.archive-job1-rectangle-group1 {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  position: absolute;
  top: 700px;
  bottom: -15px;
  right: 30px;
  margin: 0 !important;
}

.archive-job1-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton10 {
  left: 370px;
}

.archive-job1-buttonsbutton10, .archive-job1-buttonsbutton11, .archive-job1-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-job1-buttonsbutton12 {
  right: 262px;
}

.archive-job1-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 116px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-job1-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-button, .archive-job1-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-job1-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-job1-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-job1-button, .archive-job1-button1, .archive-job1-text60 {
  align-self: stretch;
}

.archive-job1-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
  margin: 0 !important;
}

.archive-job1-divider-icon6, .archive-job1-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-job1-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  height: max-content;
  font-size: 14px;
}

.archive-job1-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 70px;
  overflow: hidden;
}

.archive-job1-divider-icon6, .archive-job1-divider-icon7, .archive-job1-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-job1-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-job1-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-job1-text-group, .archive-job1-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-job1-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-job1-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-last-active, .archive-job1-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-job1-name-container {
  gap: 16px;
}

.archive-job1-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-applications, .archive-job1-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-job1-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-job1-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-job1-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-job1-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-job1-card-actions, .archive-job1-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-job1-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-job1-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-job1-price2, .archive-job1-rate {
  display: inline-block;
  position: relative;
}

.archive-job1-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-job1-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-job1-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-job1-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-job1-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-job1-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-job1-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-job1-card-actions1, .archive-job1-deal-container, .archive-job1-listing-border-parent, .archive-job1-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-job1-listing-border-parent, .archive-job1-listing-card-actions {
  box-sizing: border-box;
}

.archive-job1-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-job1-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-job1-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-job1-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-job1-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-job1-name3, .archive-job1-role2 {
  display: inline-block;
  position: relative;
}

.archive-job1-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-job1-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-job1-collapsed-name-details, .archive-job1-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-job1-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-job1-collapsed-name-role, .archive-job1-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-job1-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-job1-detail-header, .archive-job1-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-job1-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-job1-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-job1-detail-header1, .archive-job1-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-job1-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-job1-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-job1-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-job1-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-job1-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-job1-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-job1-badge16, .archive-job1-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-job1-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-job1-location2, .archive-job1-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-type-of-work3 {
  min-width: 109px;
}

.archive-job1-location-content, .archive-job1-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-job1-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-job1-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-badge17, .archive-job1-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-job1-badge18 {
  width: 76px;
}

.archive-job1-badge-container, .archive-job1-badge18, .archive-job1-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-job1-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-job1-badge-name, .archive-job1-buttonsbutton19, .archive-job1-buttonsbutton20, .archive-job1-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-job1-buttonsbutton19, .archive-job1-buttonsbutton20, .archive-job1-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-job1-buttonsbutton20, .archive-job1-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-job1-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-job1-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-job1-badge-details, .archive-job1-buttonsbutton-parent, .archive-job1-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-job1-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-job1-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-job1-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-job1-badge22, .archive-job1-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-job1-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-job1-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-badge-list-item, .archive-job1-badge22, .archive-job1-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-job1-location-item, .archive-job1-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-job1-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-job1-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-job1-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-badge24, .archive-job1-buttonsbutton23, .archive-job1-first-badge-details, .archive-job1-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-buttonsbutton23, .archive-job1-first-badge-details, .archive-job1-work-item {
  flex: 1;
}

.archive-job1-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-job1-buttonsbutton23, .archive-job1-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-job1-first-badge-details {
  max-width: 100%;
}

.archive-job1-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-job1-buttonsbutton-group, .archive-job1-second-badge-divider, .archive-job1-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-job1-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-job1-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-job1-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-job1-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-job1-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-job1-location-summary, .archive-job1-summary-details, .archive-job1-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-job1-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-job1-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-job1-badge25, .archive-job1-frame-parent5, .archive-job1-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-job1-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-job1-expanded-content, .archive-job1-expanded-listing, .archive-job1-first-badges, .archive-job1-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-job1-expanded-content, .archive-job1-expanded-listing {
  max-width: 100%;
}

.archive-job1-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-job1-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-job1-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-job1-arrow-square-up-right-icon1, .archive-job1-arrow-square-up-right-icon2, .archive-job1-dots-vertical-icon3, .archive-job1-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-job1-dots-vertical-icon3, .archive-job1-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-job1-dots-vertical-icon3 {
  top: 260px;
}

.archive-job1-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-job1-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-job1-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-job1-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-job1-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-job1-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-job1-arrow-square-up-right-parent, .archive-job1-frame-parent6, .archive-job1-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-job1-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-job1-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-job1-collapsed-content, .archive-job1-collapsed-details, .archive-job1-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-collapsed-content {
  position: relative;
}

.archive-job1-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-job1-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-job1-business-image, .archive-job1-text83 {
  z-index: 1;
  position: relative;
}

.archive-job1-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-job1-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-job1-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-job1-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-job1-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-job1-span {
  font-weight: 500;
}

.archive-job1-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-job1-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-job1-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-job1-application-count, .archive-job1-business-location, .archive-job1-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-job1-application-count, .archive-job1-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-job1-application-count {
  color: #fff;
  gap: 8px;
}

.archive-job1-badge-one, .archive-job1-badge-three, .archive-job1-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-job1-badge-three, .archive-job1-badge-two {
  display: inline-block;
}

.archive-job1-badge-two {
  min-width: 103px;
}

.archive-job1-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-job1-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-job1-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-job1-supporting-text23, .archive-job1-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-supporting-text23 {
  min-width: 70.9px;
}

.archive-job1-supporting-text24 {
  width: 104px;
}

.archive-job1-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-job1-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-job1-badges-parent, .archive-job1-business-details, .archive-job1-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-job1-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-job1-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-business-actions, .archive-job1-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-job1-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-job1-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-job1-content6:hover {
  background-color: #40454f;
}

.archive-job1-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-job1-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-job1-arrow-square-up-right-icon3, .archive-job1-arrow-square-up-right-icon4, .archive-job1-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-arrow-square-up-right-icon4, .archive-job1-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-job1-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-job1-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-job1-frame-parent11, .archive-job1-group-div, .archive-job1-list-header, .archive-job1-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-job1-frame-parent11, .archive-job1-group-div {
  gap: 7.3px;
}

.archive-job1-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-job1-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-job1-divider-icon10, .archive-job1-dots-vertical-icon7, .archive-job1-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-job1-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-job1-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-job1-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-dots-vertical-parent1, .archive-job1-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-text-wrapper7 {
  flex: 1;
}

.archive-job1-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-job1-rectangle-textarea, .archive-job1-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-job1-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-job1-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-job1-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-job1-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-contact-details, .archive-job1-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-job1-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-job1-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-job1-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton27, .archive-job1-buttonsbutton28, .archive-job1-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-buttonsbutton28, .archive-job1-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-job1-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-job1-contact-details-parent, .archive-job1-detail-item-parent, .archive-job1-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-job1-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-job1-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton-wrapper2, .archive-job1-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-job1-frame-parent22, .archive-job1-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-job1-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-job1-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-job1-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-job1-pair-container-parent, .archive-job1-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-job1-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-job1-frame-parent19, .archive-job1-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-job1-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-job1-price7, .archive-job1-total {
  display: inline-block;
  position: relative;
}

.archive-job1-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-job1-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-job1-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-job1-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-job1-pair-container-container, .archive-job1-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-job1-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-job1-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-job1-frame-parent24, .archive-job1-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-job1-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-job1-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-job1-fourth-listing, .archive-job1-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-job1-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-job1-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-job1-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-job1-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-buttonsbutton30, .archive-job1-expand-action, .archive-job1-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-job1-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-job1-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-job1-arrow-square-up-right-icon6, .archive-job1-arrow-square-up-right-icon7, .archive-job1-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-job1-arrow-square-up-right-icon7, .archive-job1-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-job1-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-job1-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-job1-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-job1-text100, .archive-job1-text101 {
  font-family: Inter;
  position: relative;
}

.archive-job1-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-job1-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-job1-badge27, .archive-job1-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-job1-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-job1-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-job1-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-job1-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-job1-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-job1-card-header, .archive-job1-content7, .archive-job1-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-job1-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-job1-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-job1-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-job1-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-button-group-base10, .archive-job1-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-job1-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-job1-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-job1-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-job1-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-job1-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-label3, .archive-job1-supporting-text41, .archive-job1-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-job1-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-job1-supporting-text41, .archive-job1-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-job1-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-job1-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-job1-content9, .archive-job1-input-with-label2, .archive-job1-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-job1-input-with-label2, .archive-job1-input2 {
  align-self: stretch;
}

.archive-job1-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-job1-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-job1-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-job1-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-job1-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-actions2, .archive-job1-button7, .archive-job1-content8 {
  flex-direction: row;
  display: flex;
}

.archive-job1-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-actions2, .archive-job1-content8 {
  max-width: 100%;
}

.archive-job1-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-job1-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-job1-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-job1-card-header-parent, .archive-job1-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-text117, .archive-job1-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-job1-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-job1-badge28, .archive-job1-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-job1-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-job1-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-job1-button8, .archive-job1-button9, .archive-job1-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-job1-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-job1-button8, .archive-job1-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-job1-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-job1-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-actions3, .archive-job1-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-job1-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-job1-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-job1-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-job1-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-job1-table-header-cell, .archive-job1-table-header-cell-inner, .archive-job1-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-job1-table-header-cell, .archive-job1-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-job1-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-job1-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-job1-avatar-online-indicator, .archive-job1-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-job1-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-job1-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-job1-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-job1-supporting-text43, .archive-job1-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-job1-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-job1-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-supporting-text46, .archive-job1-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-job1-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-job1-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-job1-avatar5, .archive-job1-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-job1-avatar5 {
  background-color: #f2f4f7;
}

.archive-job1-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-table-cell6, .archive-job1-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-job1-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-job1-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-table-header, .archive-job1-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-table-header {
  gap: 4px;
}

.archive-job1-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-job1-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-job1-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-marker-pin-02-group, .archive-job1-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-marker-pin-02-group {
  gap: 7px;
}

.archive-job1-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-job1-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-table-cell15, .archive-job1-table-cell16, .archive-job1-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-job1-table-cell16, .archive-job1-table-cell18 {
  width: 271px;
}

.archive-job1-table-cell18 {
  width: 239px;
}

.archive-job1-column, .archive-job1-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-job1-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-job1-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-job1-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-job1-table-header-cell2, .archive-job1-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-job1-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-job1-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-job1-table-cell20, .archive-job1-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-job1-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-job1-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-job1-column1, .archive-job1-table-cell25, .archive-job1-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-job1-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-job1-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-job1-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-table-cell30, .archive-job1-table-header-cell3, .archive-job1-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-job1-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-job1-table-cell30, .archive-job1-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-job1-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-job1-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-job1-column2, .archive-job1-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-job1-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-job1-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-job1-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-button-wrap, .archive-job1-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-job1-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-job1-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-job1-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-content11, .archive-job1-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-job1-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-job1-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-content12, .archive-job1-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-job1-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-job1-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-content13, .archive-job1-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-content13 {
  padding: 10px 15px;
}

.archive-job1-pagination-number-base2 {
  overflow: hidden;
}

.archive-job1-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-job1-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-content17, .archive-job1-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-job1-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-job1-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-button-wrap1, .archive-job1-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-job1-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-job1-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-job1-next-page-button, .archive-job1-page-navigation, .archive-job1-pagination, .archive-job1-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-job1-pagination, .archive-job1-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-job1-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-job1-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-job1-text161, .archive-job1-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-job1-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-job1-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-job1-badge29, .archive-job1-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-job1-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-job1-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-job1-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-button-group-base18, .archive-job1-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-job1-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-job1-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-job1-button-group-base19 {
  background-color: #fff;
}

.archive-job1-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-card-header-group, .archive-job1-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-job1-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-job1-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-job1-supporting-text55, .archive-job1-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-job1-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-job1-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-job1-content21, .archive-job1-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-job1-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-job1-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-actions6, .archive-job1-empty-state1 {
  justify-content: flex-start;
}

.archive-job1-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-job1-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-job1-empty-state, .archive-job1-empty-state1, .archive-job1-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-job1-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-job1-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-job1-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-job1-supporting-text56, .archive-job1-text181 {
  align-self: stretch;
  position: relative;
}

.archive-job1-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-job1-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-job1-content22, .archive-job1-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-job1-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-job1-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-empty-state2, .archive-job1-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-job1-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-job1-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-job1-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  font-family: Inter;
  font-size: 18px;
  display: flex;
}

.archive-job1-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-job1-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-job1-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-job1-frame-child6, .archive-job1-rectangle-parent2, .archive-job1-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-job1-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-job1-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-job1-dots-vertical-icon22, .archive-job1-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-job1-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-job1-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-job1-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-job1-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-job1-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-job1-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-job1-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-job1-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-job1-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-job1-frame-parent27, .archive-job1-logomark, .archive-job1-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-job1-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-job1-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-job1-content23, .archive-job1-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-job1-container1, .archive-job1-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-job1-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-job1-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-job1-divider-icon14 {
  object-fit: contain;
  z-index: 4;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: -11px;
  right: 0;
  margin: 0 !important;
}

.archive-job1-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-job1-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-job1-dot-icon10, .archive-job1-dot-icon11, .archive-job1-dot-icon7, .archive-job1-dot-icon8, .archive-job1-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-job1-dot-icon10, .archive-job1-dot-icon11, .archive-job1-dot-icon8, .archive-job1-dot-icon9 {
  z-index: 3;
}

.archive-job1-dot-icon10, .archive-job1-dot-icon11, .archive-job1-dot-icon9 {
  z-index: 4;
}

.archive-job1-dot-icon10, .archive-job1-dot-icon11 {
  z-index: 5;
}

.archive-job1-dot-icon11 {
  z-index: 6;
}

.archive-job1-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-job1-dot-icon12, .archive-job1-dot-icon13, .archive-job1-featured-icon1 {
  display: none;
  position: relative;
}

.archive-job1-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-job1-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-job1-supporting-text57, .archive-job1-text184 {
  align-self: stretch;
  position: relative;
}

.archive-job1-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-job1-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-job1-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-job1-button-close-x, .archive-job1-content24 {
  flex-direction: row;
  display: flex;
}

.archive-job1-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-job1-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-job1-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-job1-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-job1-frame-wrapper13, .archive-job1-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-job1-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-job1-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-job1-background, .archive-job1-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-job1-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-job1-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-job1-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-content25, .archive-job1-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-job1-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-job1-control-handle, .archive-job1-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-job1-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-job1-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-job1-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-job1-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-job1-background-parent, .archive-job1-content26, .archive-job1-progress, .archive-job1-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-job1-background-parent, .archive-job1-progress {
  position: relative;
}

.archive-job1-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-job1-background-parent {
  padding: 0 20px 0 0;
}

.archive-job1-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-job1-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-job1-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-job1-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-job1-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-input-field, .archive-job1-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-job1-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-job1-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-job1-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-job1-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-job1-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-job1-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-job1-frame-parent31, .archive-job1-frame-wrapper14, .archive-job1-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-job1-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-job1-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-job1-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-job1-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-job1-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-content-parent, .archive-job1-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-job1-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-job1-content-parent {
  gap: 42px;
}

.archive-job1-content-parent, .archive-job1-input10, .archive-job1-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-job1-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-job1-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-input-field2, .archive-job1-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-job1-section-parent {
  gap: 8px;
}

.archive-job1-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-job1-checkboxes1, .archive-job1-section-wrapper, .archive-job1-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-job1-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-job1-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-job1-text203, .archive-job1-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-text207 {
  min-width: 44px;
}

.archive-job1-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-text208, .archive-job1-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-text209 {
  min-width: 59px;
}

.archive-job1-search-lg, .archive-job1-text210 {
  z-index: 2;
  position: relative;
}

.archive-job1-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-job1-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-job1-content37, .archive-job1-input-fields2, .archive-job1-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-job1-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-job1-input-fields2, .archive-job1-input19 {
  align-self: stretch;
}

.archive-job1-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-job1-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-job1-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-job1-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-job1-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-job1-text212, .archive-job1-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-job1-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-job1-frame-parent36, .archive-job1-frame-parent37, .archive-job1-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-job1-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-job1-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-job1-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-job1-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-job1-frame-parent28, .archive-job1-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-job1-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-job1-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-job1-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-job1-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-job1-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-job1-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-job1-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-job1-actions9, .archive-job1-buttonsbutton39, .archive-job1-content38 {
  flex-direction: row;
  display: flex;
}

.archive-job1-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-job1-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-job1-divider-parent6, .archive-job1-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-job1-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-job1-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-job1-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-job1-frame-parent41, .archive-job1-rectangle-parent4, .archive-job1-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-job1-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-job1-slide-out {
  flex-direction: row;
  width: 25%;
  margin: 0 !important;
}

.archive-job1-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-job1-collapsed-listing, .archive-job1-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-job1-frame-form {
    padding-bottom: 272px;
  }

  .archive-job1-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-job1-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-job1-fourth-listing {
    flex: 1;
  }

  .archive-job1-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-job1-frame-parent16 {
    gap: 140px;
  }

  .archive-job1-content8 {
    flex-wrap: wrap;
  }

  .archive-job1-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-job1-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-job1-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-job1-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-job1-navigation-parent {
    gap: 19px;
  }

  .archive-job1-frame-parent {
    gap: 35px;
  }

  .archive-job1-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-job1-main {
    gap: 16px;
  }

  .archive-job1-badges, .archive-job1-dot-item-content, .archive-job1-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-job1-dots-vertical {
    min-width: 100%;
  }

  .archive-job1-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-job1-frame-div {
    flex-wrap: wrap;
  }

  .archive-job1-frame-container {
    min-width: 100%;
  }

  .archive-job1-frame-group {
    flex-wrap: wrap;
  }

  .archive-job1-dots-vertical-container {
    min-width: 100%;
  }

  .archive-job1-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-job1-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-job1-first-badge, .archive-job1-location-content {
    flex: 1;
  }

  .archive-job1-badge-name {
    flex-wrap: wrap;
  }

  .archive-job1-badge-details {
    gap: 23px;
  }

  .archive-job1-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-job1-second-badge-list-parent {
    gap: 23px;
  }

  .archive-job1-frame-parent5 {
    gap: 53px;
  }

  .archive-job1-expanded-content {
    flex-wrap: wrap;
  }

  .archive-job1-expanded-listing {
    min-width: 100%;
  }

  .archive-job1-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-job1-badge-support-parent, .archive-job1-badges1, .archive-job1-detail-item, .archive-job1-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-job1-second-listing-details {
    flex: 1;
  }

  .archive-job1-listing-detail {
    flex-wrap: wrap;
  }

  .archive-job1-frame-parent19 {
    gap: 54px;
  }

  .archive-job1-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-job1-fourth-listing {
    margin-left: 0;
  }

  .archive-job1-frame-parent16 {
    gap: 70px;
  }

  .archive-job1-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-job1-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-job1-actions2 {
    flex-wrap: wrap;
  }

  .archive-job1-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-job1-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-job1-actions3 {
    flex-wrap: wrap;
  }

  .archive-job1-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-job1-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-job1-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-job1-empty-state3 {
    gap: 16px;
  }

  .archive-job1-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-job1-container1 {
    gap: 16px;
  }

  .archive-job1-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-job1-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-job1-frame-parent {
    gap: 17px;
  }

  .archive-job1-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-job1-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-job1-card-work {
    flex: 1;
  }

  .archive-job1-provider-name {
    flex-wrap: wrap;
  }

  .archive-job1-price2, .archive-job1-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-job1-badge-container, .archive-job1-location-content {
    flex-wrap: wrap;
  }

  .archive-job1-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-job1-buttonsbutton-group, .archive-job1-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-job1-location-summary {
    flex: 1;
  }

  .archive-job1-summary-details {
    flex-wrap: wrap;
  }

  .archive-job1-frame-parent5 {
    gap: 27px;
  }

  .archive-job1-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-job1-price4, .archive-job1-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-job1-business-name-role, .archive-job1-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-job1-detail-item-parent {
    gap: 20px;
  }

  .archive-job1-pair-container-parent {
    margin-left: 0;
  }

  .archive-job1-frame-parent19 {
    gap: 27px;
  }

  .archive-job1-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-job1-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-job1-frame-parent24 {
    gap: 126px;
  }

  .archive-job1-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-job1-content9, .archive-job1-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-job1-input-dropdown2 {
    max-width: 100%;
  }

  .archive-job1-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-job1-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-job1-button-group2 {
    flex-wrap: wrap;
  }

  .archive-job1-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-job1-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-job1-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-job1-footer {
    gap: 16px;
  }

  .archive-job1-listings-search-results-list {
    gap: 25px;
  }
}

.archive-device-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-device-filter-selected-div {
  width: 100%;
  height: 400px;
  position: relative;
}

.archive-device-listing-container {
  gap: 20px;
  width: 100%;
  max-height: 85vh;
  padding: 10px;
  display: grid;
  overflow-y: auto;
}

.archive-device-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: max-content;
  min-height: 1624px;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-device-divider-icon7-cstm {
  position: initial !important;
}

.archive-device-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-device-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-device-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-device-logo, .archive-device-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-device-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-device-bar-chart-01-icon, .archive-device-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-device-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-device-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-device-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-device-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-device-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-device-text2, .archive-device-text3 {
  font-family: Inter;
  position: relative;
}

.archive-device-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-device-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-device-badge1, .archive-device-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-device-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-device-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-device-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device-navigation, .archive-device-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-device-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-device-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-device-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device-search-lg-icon, .archive-device-text6 {
  position: relative;
  overflow: hidden;
}

.archive-device-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-device-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-device-content3, .archive-device-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device-content3 {
  flex: 1;
  gap: 8px;
}

.archive-device-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-frame-parent, .archive-device-input-with-label, .archive-device-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-device-frame-parent, .archive-device-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-device-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-device-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-device-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-device-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-device-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-device-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-device-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-device-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-device-breadcrumb-button-base, .archive-device-rectangle-parent, .archive-device-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-device-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-device-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-device-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-device-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-device-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-device-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-device-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-device-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-device-tabs {
  gap: 8px;
}

.archive-device-breadcrumbs, .archive-device-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-device-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device-container {
  padding: 0 32px;
}

.archive-device-container, .archive-device-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-device-main-child, .archive-device-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-device-main-item {
  height: 43px;
}

.archive-device-main, .archive-device-text11 {
  align-self: stretch;
}

.archive-device-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-device-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-device-breadcrumb-button-base6, .archive-device-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-device-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-device-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-device-breadcrumbs1, .archive-device-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-device-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-device-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-device-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-device-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-device-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-device-label1, .archive-device-text15 {
  position: relative;
}

.archive-device-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-device-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-device-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-device-content5, .archive-device-input-with-label1, .archive-device-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-device-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-device-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-device-content4, .archive-device-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-device-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-device-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device-page-header1, .archive-device-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-device-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 939px;
  padding: 0 32px;
}

.archive-device-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-device-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-device-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-device-button-group-base2, .archive-device-button-group-base3, .archive-device-button-group-base4, .archive-device-button-group-base5, .archive-device-button-group-base6, .archive-device-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-device-button-group-base3, .archive-device-button-group-base4, .archive-device-button-group-base5, .archive-device-button-group-base6, .archive-device-button-group-base7 {
  z-index: 6;
}

.archive-device-button-group-base4, .archive-device-button-group-base5, .archive-device-button-group-base6, .archive-device-button-group-base7 {
  z-index: 5;
}

.archive-device-button-group-base5, .archive-device-button-group-base6, .archive-device-button-group-base7 {
  z-index: 4;
}

.archive-device-button-group-base6, .archive-device-button-group-base7 {
  z-index: 3;
}

.archive-device-button-group-base7 {
  z-index: 2;
}

.archive-device-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-device-breadcrumb-button-base11, .archive-device-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-device-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-device-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-device-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-device-breadcrumb-button-base14, .archive-device-breadcrumbs2, .archive-device-button-group, .archive-device-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-device-breadcrumbs2, .archive-device-button-group {
  position: absolute;
  margin: 0 !important;
}

.archive-device-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  bottom: -20px;
  right: -2px;
}

.archive-device-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  top: 304px;
  left: 52px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-device-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
  position: absolute;
  top: 304px;
  right: 29px;
  margin: 0 !important;
}

.archive-device-divider-icon2, .archive-device-divider-icon3 {
  z-index: 1;
  width: 1077px;
  height: 1px;
  right: 0;
}

.archive-device-divider-icon2 {
  position: absolute;
  top: 356px;
  margin: 0 !important;
}

.archive-device-divider-icon3 {
  top: 291px;
}

.archive-device-divider-icon3, .archive-device-filter-items, .archive-device-supporting-text1 {
  position: absolute;
  margin: 0 !important;
}

.archive-device-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  top: 122px;
  left: 52px;
}

.archive-device-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-device-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-device-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-device-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-device-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-device-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-device-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-device-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-dot-item-type-parent {
  gap: 8px;
}

.archive-device-completed, .archive-device-dot-item-content, .archive-device-dot-item-innermost, .archive-device-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-device-completed, .archive-device-dot-item-innermost {
  box-sizing: border-box;
}

.archive-device-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-device-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-device-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-device-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-device-badge4, .archive-device-completed-parent, .archive-device-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-device-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-badge5, .archive-device-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-device-badge6 {
  width: 76px;
}

.archive-device-badge7, .archive-device-badges {
  flex-direction: row;
  flex: 1;
}

.archive-device-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-badges {
  gap: 8px;
}

.archive-device-badges, .archive-device-badges-wrapper, .archive-device-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-device-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-device-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-dot-item-parent, .archive-device-dots-parent, .archive-device-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-device-dots-parent, .archive-device-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-device-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-device-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-device-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-device-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-device-deal-inner, .archive-device-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-device-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-device-card-deal, .archive-device-deal-details, .archive-device-deal-inner {
  justify-content: flex-start;
}

.archive-device-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-device-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-device-card-deal, .archive-device-frame-wrapper, .archive-device-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-device-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-device-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-device-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-device-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-device-close-icons, .archive-device-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-device-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-device-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-device-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-device-name, .archive-device-role {
  display: inline-block;
  position: relative;
}

.archive-device-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-device-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-device-inner-info {
  flex-direction: column;
}

.archive-device-inner-info, .archive-device-inner-info-wrapper, .archive-device-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-device-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-device-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-device-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-device-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-device-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-buttonsbutton2, .archive-device-buttonsbutton3, .archive-device-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-device-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-device-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-device-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 0 0;
  display: flex;
}

.archive-device-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-device-filter-items-parent, .archive-device-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-device-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-device-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-device-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device-price-value, .archive-device-text37 {
  display: inline-block;
  position: relative;
}

.archive-device-text37 {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

.archive-device-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-device-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-device-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-device-badge10, .archive-device-badge11, .archive-device-deal-type-parent, .archive-device-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-badge11, .archive-device-frame-parent1 {
  flex: 1;
}

.archive-device-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-device-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-badge-group, .archive-device-badge12, .archive-device-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-device-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-device-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-device-badge13, .archive-device-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-device-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-device-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-badge13, .archive-device-badge14, .archive-device-card-work, .archive-device-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-device-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-device-badge14, .archive-device-frame-div {
  flex-direction: row;
}

.archive-device-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-device-frame-container, .archive-device-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 80%;
  padding: 8px 0 0;
}

.archive-device-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-device-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-device-inner-icons, .archive-device-inner-icons-wrapper, .archive-device-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-device-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 20%;
  font-size: 20px;
}

.archive-device-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
}

.archive-device-dots-vertical-container, .archive-device-frame-group, .archive-device-rectangle-container, .archive-device-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-device-dots-vertical-container, .archive-device-rectangle-container {
  flex-direction: row;
}

.archive-device-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-device-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-device-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-device-buttonsbutton-wrapper, .archive-device-frame-parent3, .archive-device-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-device-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-device-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-device-divider-parent, .archive-device-rectangle-group, .archive-device-rectangle-group1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-device-rectangle-group {
  box-sizing: border-box;
  color: #101828;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 100%;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
}

.archive-device-rectangle-group1 {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  position: absolute;
  top: 700px;
  bottom: -15px;
  right: 30px;
  margin: 0 !important;
}

.archive-device-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton10 {
  left: 370px;
}

.archive-device-buttonsbutton10, .archive-device-buttonsbutton11, .archive-device-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-device-buttonsbutton12 {
  right: 262px;
}

.archive-device-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 116px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  position: absolute;
  top: 235px;
  right: 198px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  position: absolute;
  top: 235px;
  right: 57px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device-button, .archive-device-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-device-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-device-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-device-button, .archive-device-button1, .archive-device-text60 {
  align-self: stretch;
}

.archive-device-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-actions, .archive-device-button2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-device-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  justify-content: flex-start;
  gap: 12px;
  padding: 0;
  position: absolute;
  top: 80px;
  right: 26px;
  margin: 0 !important;
}

.archive-device-divider-icon6, .archive-device-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-device-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  min-height: 1758px;
  font-size: 14px;
}

.archive-device-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 70px;
  overflow: hidden;
}

.archive-device-divider-icon6, .archive-device-divider-icon7, .archive-device-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-device-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-device-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-device-text-group, .archive-device-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-device-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-device-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device-last-active, .archive-device-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-device-name-container {
  gap: 16px;
}

.archive-device-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device-applications, .archive-device-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-device-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-device-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-device-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-device-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-device-card-actions, .archive-device-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-device-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-device-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-device-price2, .archive-device-rate {
  display: inline-block;
  position: relative;
}

.archive-device-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-device-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-device-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-device-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-device-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-device-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-device-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-device-card-actions1, .archive-device-deal-container, .archive-device-listing-border-parent, .archive-device-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-device-listing-border-parent, .archive-device-listing-card-actions {
  box-sizing: border-box;
}

.archive-device-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-device-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-device-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-device-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-device-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-device-name3, .archive-device-role2 {
  display: inline-block;
  position: relative;
}

.archive-device-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-device-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-device-collapsed-name-details, .archive-device-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-device-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-device-collapsed-name-role, .archive-device-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-device-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-device-detail-header, .archive-device-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-device-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-device-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-device-detail-header1, .archive-device-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-device-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-device-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-device-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-device-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-device-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-device-badge16, .archive-device-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-device-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device-location2, .archive-device-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-type-of-work3 {
  min-width: 109px;
}

.archive-device-location-content, .archive-device-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-device-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-device-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-badge17, .archive-device-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-device-badge18 {
  width: 76px;
}

.archive-device-badge-container, .archive-device-badge18, .archive-device-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-device-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-device-badge-name, .archive-device-buttonsbutton19, .archive-device-buttonsbutton20, .archive-device-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-device-buttonsbutton19, .archive-device-buttonsbutton20, .archive-device-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-device-buttonsbutton20, .archive-device-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-device-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-device-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-device-badge-details, .archive-device-buttonsbutton-parent, .archive-device-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-device-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-device-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-device-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-device-badge22, .archive-device-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-device-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-device-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-badge-list-item, .archive-device-badge22, .archive-device-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-device-location-item, .archive-device-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-device-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-device-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-device-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-badge24, .archive-device-buttonsbutton23, .archive-device-first-badge-details, .archive-device-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-buttonsbutton23, .archive-device-first-badge-details, .archive-device-work-item {
  flex: 1;
}

.archive-device-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-device-buttonsbutton23, .archive-device-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-device-first-badge-details {
  max-width: 100%;
}

.archive-device-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-device-buttonsbutton-group, .archive-device-second-badge-divider, .archive-device-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-device-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-device-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-device-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-device-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-device-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-device-location-summary, .archive-device-summary-details, .archive-device-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-device-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-device-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-device-badge25, .archive-device-frame-parent5, .archive-device-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-device-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-device-expanded-content, .archive-device-expanded-listing, .archive-device-first-badges, .archive-device-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-device-expanded-content, .archive-device-expanded-listing {
  max-width: 100%;
}

.archive-device-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-device-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-device-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-device-arrow-square-up-right-icon1, .archive-device-arrow-square-up-right-icon2, .archive-device-dots-vertical-icon3, .archive-device-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-device-dots-vertical-icon3, .archive-device-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-device-dots-vertical-icon3 {
  top: 260px;
}

.archive-device-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-device-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-device-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-device-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-device-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-device-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-device-arrow-square-up-right-parent, .archive-device-frame-parent6, .archive-device-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-device-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-device-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-device-collapsed-content, .archive-device-collapsed-details, .archive-device-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-collapsed-content {
  position: relative;
}

.archive-device-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-device-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-device-business-image, .archive-device-text83 {
  z-index: 1;
  position: relative;
}

.archive-device-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-device-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-device-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-device-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-device-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-device-span {
  font-weight: 500;
}

.archive-device-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-device-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-device-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-device-application-count, .archive-device-business-location, .archive-device-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-device-application-count, .archive-device-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-device-application-count {
  color: #fff;
  gap: 8px;
}

.archive-device-badge-one, .archive-device-badge-three, .archive-device-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-device-badge-three, .archive-device-badge-two {
  display: inline-block;
}

.archive-device-badge-two {
  min-width: 103px;
}

.archive-device-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-device-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-device-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-device-supporting-text23, .archive-device-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device-supporting-text23 {
  min-width: 70.9px;
}

.archive-device-supporting-text24 {
  width: 104px;
}

.archive-device-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-device-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-device-badges-parent, .archive-device-business-details, .archive-device-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-device-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-device-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-business-actions, .archive-device-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-device-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-device-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-device-content6:hover {
  background-color: #40454f;
}

.archive-device-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-device-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-device-arrow-square-up-right-icon3, .archive-device-arrow-square-up-right-icon4, .archive-device-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device-arrow-square-up-right-icon4, .archive-device-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-device-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-device-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-device-frame-parent11, .archive-device-group-div, .archive-device-list-header, .archive-device-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-device-frame-parent11, .archive-device-group-div {
  gap: 7.3px;
}

.archive-device-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-device-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-device-divider-icon10, .archive-device-dots-vertical-icon7, .archive-device-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-device-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-device-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-device-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-dots-vertical-parent1, .archive-device-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-text-wrapper7 {
  flex: 1;
}

.archive-device-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-device-rectangle-textarea, .archive-device-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-device-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-device-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-device-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-device-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device-contact-details, .archive-device-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-device-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-device-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-device-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton27, .archive-device-buttonsbutton28, .archive-device-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-buttonsbutton28, .archive-device-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-device-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-device-contact-details-parent, .archive-device-detail-item-parent, .archive-device-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-device-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-device-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton-wrapper2, .archive-device-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-device-frame-parent22, .archive-device-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-device-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-device-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-device-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-device-pair-container-parent, .archive-device-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-device-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-device-frame-parent19, .archive-device-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-device-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-device-price7, .archive-device-total {
  display: inline-block;
  position: relative;
}

.archive-device-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-device-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-device-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-device-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-device-pair-container-container, .archive-device-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-device-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-device-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-device-frame-parent24, .archive-device-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-device-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-device-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-device-fourth-listing, .archive-device-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-device-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-device-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-device-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-buttonsbutton30, .archive-device-expand-action, .archive-device-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-device-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-device-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-device-arrow-square-up-right-icon6, .archive-device-arrow-square-up-right-icon7, .archive-device-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-device-arrow-square-up-right-icon7, .archive-device-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-device-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-device-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-device-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-device-text100, .archive-device-text101 {
  font-family: Inter;
  position: relative;
}

.archive-device-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-device-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-device-badge27, .archive-device-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-device-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-device-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-device-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-device-card-header, .archive-device-content7, .archive-device-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-device-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-device-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-device-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-button-group-base10, .archive-device-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-device-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-device-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-device-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-device-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-device-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-label3, .archive-device-supporting-text41, .archive-device-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-device-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-device-supporting-text41, .archive-device-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-device-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-device-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-device-content9, .archive-device-input-with-label2, .archive-device-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-device-input-with-label2, .archive-device-input2 {
  align-self: stretch;
}

.archive-device-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-device-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-device-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-device-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device-actions2, .archive-device-button7, .archive-device-content8 {
  flex-direction: row;
  display: flex;
}

.archive-device-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-actions2, .archive-device-content8 {
  max-width: 100%;
}

.archive-device-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-device-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-device-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-device-card-header-parent, .archive-device-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-text117, .archive-device-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-device-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-device-badge28, .archive-device-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-device-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-device-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device-button8, .archive-device-button9, .archive-device-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-device-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-device-button8, .archive-device-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-device-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-actions3, .archive-device-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-device-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-device-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-device-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-device-table-header-cell, .archive-device-table-header-cell-inner, .archive-device-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-device-table-header-cell, .archive-device-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-device-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-device-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-device-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-device-avatar-online-indicator, .archive-device-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-device-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-device-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-device-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-device-supporting-text43, .archive-device-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-device-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-device-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-device-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-device-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-device-supporting-text46, .archive-device-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-device-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-device-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-device-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-device-avatar5, .archive-device-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-device-avatar5 {
  background-color: #f2f4f7;
}

.archive-device-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-device-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-device-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-table-cell6, .archive-device-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-device-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-device-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-device-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-device-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device-table-header, .archive-device-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device-table-header {
  gap: 4px;
}

.archive-device-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-device-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-device-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device-marker-pin-02-group, .archive-device-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device-marker-pin-02-group {
  gap: 7px;
}

.archive-device-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-device-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device-table-cell15, .archive-device-table-cell16, .archive-device-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-device-table-cell16, .archive-device-table-cell18 {
  width: 271px;
}

.archive-device-table-cell18 {
  width: 239px;
}

.archive-device-column, .archive-device-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-device-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-device-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-device-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-device-table-header-cell2, .archive-device-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-device-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-device-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-device-table-cell20, .archive-device-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-device-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-device-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-device-column1, .archive-device-table-cell25, .archive-device-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-device-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-device-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-device-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device-table-cell30, .archive-device-table-header-cell3, .archive-device-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-device-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-device-table-cell30, .archive-device-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-device-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-device-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-device-column2, .archive-device-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-device-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-device-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-device-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-button-wrap, .archive-device-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-device-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-device-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-device-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-content11, .archive-device-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-device-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-device-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-content12, .archive-device-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-device-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-device-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-content13, .archive-device-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-content13 {
  padding: 10px 15px;
}

.archive-device-pagination-number-base2 {
  overflow: hidden;
}

.archive-device-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-device-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-content17, .archive-device-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-device-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-device-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-button-wrap1, .archive-device-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-device-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-device-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-device-next-page-button, .archive-device-page-navigation, .archive-device-pagination, .archive-device-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-device-pagination, .archive-device-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-device-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-device-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-device-text161, .archive-device-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-device-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-device-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-device-badge29, .archive-device-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-device-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-device-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-device-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-button-group-base18, .archive-device-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-device-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-device-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-device-button-group-base19 {
  background-color: #fff;
}

.archive-device-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-card-header-group, .archive-device-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-device-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-device-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-device-supporting-text55, .archive-device-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-device-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-device-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-device-content21, .archive-device-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-device-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-device-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-actions6, .archive-device-empty-state1 {
  justify-content: flex-start;
}

.archive-device-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-device-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-device-empty-state, .archive-device-empty-state1, .archive-device-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-device-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-device-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-device-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-device-supporting-text56, .archive-device-text181 {
  align-self: stretch;
  position: relative;
}

.archive-device-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-device-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-device-content22, .archive-device-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-device-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-device-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-empty-state2, .archive-device-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-device-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-device-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-device-listing-container, .archive-device-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-device-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-device-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-device-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-device-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-device-frame-child6, .archive-device-rectangle-parent2, .archive-device-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-device-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-device-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-device-dots-vertical-icon22, .archive-device-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-device-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-device-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-device-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-device-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-device-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-device-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-device-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-device-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-device-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-device-frame-parent27, .archive-device-logomark, .archive-device-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-device-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-device-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-device-content23, .archive-device-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-device-container1, .archive-device-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-device-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-device-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-device-divider-icon14 {
  object-fit: contain;
  z-index: 4;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.archive-device-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-device-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-device-dot-icon10, .archive-device-dot-icon11, .archive-device-dot-icon7, .archive-device-dot-icon8, .archive-device-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-device-dot-icon10, .archive-device-dot-icon11, .archive-device-dot-icon8, .archive-device-dot-icon9 {
  z-index: 3;
}

.archive-device-dot-icon10, .archive-device-dot-icon11, .archive-device-dot-icon9 {
  z-index: 4;
}

.archive-device-dot-icon10, .archive-device-dot-icon11 {
  z-index: 5;
}

.archive-device-dot-icon11 {
  z-index: 6;
}

.archive-device-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-device-dot-icon12, .archive-device-dot-icon13, .archive-device-featured-icon1 {
  display: none;
  position: relative;
}

.archive-device-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-device-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-device-supporting-text57, .archive-device-text184 {
  align-self: stretch;
  position: relative;
}

.archive-device-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-device-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-device-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-device-button-close-x, .archive-device-content24 {
  flex-direction: row;
  display: flex;
}

.archive-device-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-device-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-device-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device-frame-wrapper13, .archive-device-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-device-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-device-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-device-background, .archive-device-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-device-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-device-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-device-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device-content25, .archive-device-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-device-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-device-control-handle, .archive-device-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-device-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-device-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-device-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-device-background-parent, .archive-device-content26, .archive-device-progress, .archive-device-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-device-background-parent, .archive-device-progress {
  position: relative;
}

.archive-device-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-device-background-parent {
  padding: 0 20px 0 0;
}

.archive-device-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-device-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-device-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: none;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-input4:focus {
  border: 2px solid #7e56d9;
}

.archive-device-input-field, .archive-device-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-device-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-device-input-field {
  justify-content: center;
  align-items: center;
}

.archive-device-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-input-fields {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-device-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-device-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-device-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-device-frame-parent31, .archive-device-frame-wrapper14, .archive-device-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-device-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-device-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-device-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-device-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-device-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-content-parent, .archive-device-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-device-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-device-content-parent {
  gap: 42px;
}

.archive-device-content-parent, .archive-device-input10, .archive-device-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-device-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-device-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-input-field2, .archive-device-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-device-section-parent {
  gap: 8px;
}

.archive-device-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-device-checkboxes1, .archive-device-section-wrapper, .archive-device-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-device-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-device-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-device-text203, .archive-device-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-text207 {
  min-width: 44px;
}

.archive-device-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-text208, .archive-device-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-text209 {
  min-width: 59px;
}

.archive-device-search-lg, .archive-device-text210 {
  z-index: 2;
  position: relative;
}

.archive-device-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-device-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-device-content37, .archive-device-input-fields2, .archive-device-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-device-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-device-input-fields2, .archive-device-input19 {
  align-self: stretch;
}

.archive-device-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-device-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-device-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-device-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-device-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-device-text212, .archive-device-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-device-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-device-frame-parent36, .archive-device-frame-parent37, .archive-device-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-device-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-device-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-device-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device-frame-parent28, .archive-device-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-device-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-device-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-device-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-device-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-device-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton38:hover {
  background-color: #f7f7f7;
}

.archive-device-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-buttonsbutton39:hover {
  background-color: #6941c6;
}

.archive-device-actions9, .archive-device-buttonsbutton39, .archive-device-content38 {
  flex-direction: row;
  display: flex;
}

.archive-device-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-device-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-device-divider-parent6, .archive-device-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-device-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-device-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-device-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-device-frame-parent41, .archive-device-rectangle-parent4, .archive-device-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-device-slide-out {
  flex-direction: row;
  width: 25%;
  position: absolute;
  top: 81px;
  left: 0;
  margin: 0 !important;
}

.archive-device-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dashboard-job-component-dashboard-dropdown10-archive {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.dashboard-job-component-dashboard-arrow-square-up-right-icon1-archive {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  right: 15px;
  overflow: hidden;
}

.archive-job1-buttonsbutton:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

@media screen and (width <= 1275px) {
  .archive-device-collapsed-listing, .archive-device-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-device-frame-form {
    padding-bottom: 272px;
  }

  .archive-device-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-device-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-device-fourth-listing {
    flex: 1;
  }

  .archive-device-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-device-frame-parent16 {
    gap: 140px;
  }

  .archive-device-content8 {
    flex-wrap: wrap;
  }

  .archive-device-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-device-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-device-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-device-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-device-navigation-parent {
    gap: 19px;
  }

  .archive-device-frame-parent {
    gap: 35px;
  }

  .archive-device-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-device-main {
    gap: 16px;
  }

  .archive-device-badges, .archive-device-dot-item-content, .archive-device-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-device-dots-vertical {
    min-width: 100%;
  }

  .archive-device-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-device-frame-div {
    flex-wrap: wrap;
  }

  .archive-device-frame-container {
    min-width: 100%;
  }

  .archive-device-frame-group {
    flex-wrap: wrap;
  }

  .archive-device-dots-vertical-container {
    min-width: 100%;
  }

  .archive-device-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-device-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-device-first-badge, .archive-device-location-content {
    flex: 1;
  }

  .archive-device-badge-name {
    flex-wrap: wrap;
  }

  .archive-device-badge-details {
    gap: 23px;
  }

  .archive-device-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-device-second-badge-list-parent {
    gap: 23px;
  }

  .archive-device-frame-parent5 {
    gap: 53px;
  }

  .archive-device-expanded-content {
    flex-wrap: wrap;
  }

  .archive-device-expanded-listing {
    min-width: 100%;
  }

  .archive-device-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-device-badge-support-parent, .archive-device-badges1, .archive-device-detail-item, .archive-device-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-device-second-listing-details {
    flex: 1;
  }

  .archive-device-listing-detail {
    flex-wrap: wrap;
  }

  .archive-device-frame-parent19 {
    gap: 54px;
  }

  .archive-device-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-device-fourth-listing {
    margin-left: 0;
  }

  .archive-device-frame-parent16 {
    gap: 70px;
  }

  .archive-device-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-device-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-device-actions2 {
    flex-wrap: wrap;
  }

  .archive-device-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-device-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-device-actions3 {
    flex-wrap: wrap;
  }

  .archive-device-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-device-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-device-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-device-empty-state3 {
    gap: 16px;
  }

  .archive-device-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-device-container1 {
    gap: 16px;
  }

  .archive-device-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-device-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-device-frame-parent {
    gap: 17px;
  }

  .archive-device-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-device-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device-card-work {
    flex: 1;
  }

  .archive-device-provider-name {
    flex-wrap: wrap;
  }

  .archive-device-price2, .archive-device-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device-badge-container, .archive-device-location-content {
    flex-wrap: wrap;
  }

  .archive-device-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-device-buttonsbutton-group, .archive-device-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-device-location-summary {
    flex: 1;
  }

  .archive-device-summary-details {
    flex-wrap: wrap;
  }

  .archive-device-frame-parent5 {
    gap: 27px;
  }

  .archive-device-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-device-price4, .archive-device-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device-business-name-role, .archive-device-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-device-detail-item-parent {
    gap: 20px;
  }

  .archive-device-pair-container-parent {
    margin-left: 0;
  }

  .archive-device-frame-parent19 {
    gap: 27px;
  }

  .archive-device-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-device-frame-parent24 {
    gap: 126px;
  }

  .archive-device-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-device-content9, .archive-device-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device-input-dropdown2 {
    max-width: 100%;
  }

  .archive-device-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-device-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device-button-group2 {
    flex-wrap: wrap;
  }

  .archive-device-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-device-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-device-footer {
    gap: 16px;
  }

  .archive-device-listings-search-results-list {
    gap: 25px;
  }
}

.detailed-job-review-reply-header {
  width: 20%;
}

.detailed-job-review-reply-feedback-header {
  box-sizing: border-box;
  flex-direction: row;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.detailed-job-review-reply-header-info {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-review-reply-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-review-reply-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-job-review-reply-alvo-medical {
  font-weight: 500;
}

.detailed-job-review-reply-main {
  box-sizing: border-box;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 80px 24px 10px;
  display: flex;
}

.detailed-job-review-reply-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-job-review-reply {
  width: 100%;
  padding: 0 6px;
}

.detailed-job-frame-child, .detailed-job-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.detailed-job-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.detailed-job-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.detailed-job-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.detailed-job-header-content, .detailed-job-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.detailed-job-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.detailed-job-bar-chart-01-icon, .detailed-job-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.detailed-job-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.detailed-job-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.detailed-job-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.detailed-job-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-job-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-job-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-job-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-badge1, .detailed-job-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.detailed-job-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-job-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-job-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-navigation, .detailed-job-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.detailed-job-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.detailed-job-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.detailed-job-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-job-placeholder, .detailed-job-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.detailed-job-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.detailed-job-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.detailed-job-content3, .detailed-job-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-job-content3 {
  flex: 1;
  gap: 8px;
}

.detailed-job-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-header-container, .detailed-job-input-with-label, .detailed-job-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.detailed-job-header-container, .detailed-job-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.detailed-job-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.detailed-job-header-container {
  gap: 70px;
  width: 754px;
}

.detailed-job-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.detailed-job-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.detailed-job-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.detailed-job-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.detailed-job-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.detailed-job-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.detailed-job-button-container, .detailed-job-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.detailed-job-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.detailed-job-divider-icon, .detailed-job-text6 {
  align-self: stretch;
  position: relative;
}

.detailed-job-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.detailed-job-text6 {
  font-weight: 500;
  line-height: 20px;
}

.detailed-job-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.detailed-job-chevron-right-icon, .detailed-job-text7 {
  flex-shrink: 0;
  position: relative;
}

.detailed-job-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.detailed-job-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-job-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.detailed-job-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-job-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.detailed-job-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-job-breadcrumb-controls, .detailed-job-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.detailed-job-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-job-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.detailed-job-breadcrumb-controls-icon, .detailed-job-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.detailed-job-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.detailed-job-breadcrumb-controls-item {
  display: none;
}

.detailed-job-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-job-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-buttonsbutton, .detailed-job-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.detailed-job-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-job-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.detailed-job-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.detailed-job-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-job-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.detailed-job-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.detailed-job-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.detailed-job-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-job-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.detailed-job-breadcrumb, .detailed-job-breadcrumb-button-base3, .detailed-job-breadcrumb-container-parent, .detailed-job-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.detailed-job-breadcrumb, .detailed-job-breadcrumb-container-parent {
  max-width: 100%;
}

.detailed-job-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.detailed-job-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.detailed-job-pre- {
  text-transform: capitalize;
}

.detailed-job-o {
  text-transform: lowercase;
}

.detailed-job-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.detailed-job-marker-pin-02-icon, .detailed-job-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.detailed-job-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.detailed-job-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.detailed-job-detail-items, .detailed-job-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-detail-items {
  flex: 1;
  gap: 8px;
}

.detailed-job-details-row {
  gap: 20px;
  width: 294px;
}

.detailed-job-contact-name {
  padding: 0 5px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  max-width: 50px;
  padding: 1px 4px;
  display: flex;
}

.detailed-job-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.detailed-job-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.detailed-job-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.detailed-job-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-job-ellipse-div, .detailed-job-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-job-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.detailed-job-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-job-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.detailed-job-contact-details, .detailed-job-details-content, .detailed-job-rectangle-container, .detailed-job-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.detailed-job-contact-details, .detailed-job-details-content {
  align-self: stretch;
}

.detailed-job-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.detailed-job-details-content {
  flex-direction: column;
  gap: 8px;
}

.detailed-job-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-buttonsbutton1, .detailed-job-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.detailed-job-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-buttonsbutton1:hover {
  background-color: #eaecf0;
}

.detailed-job-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-job-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.detailed-job-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-job-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.detailed-job-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.detailed-job-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.detailed-job-detail-container, .detailed-job-dropdown, .detailed-job-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.detailed-job-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.detailed-job-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.detailed-job-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.detailed-job-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.detailed-job-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.detailed-job-heading, .detailed-job-paragraph, .detailed-job-paragraph1 {
  z-index: 1;
  position: relative;
}

.detailed-job-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-job-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.detailed-job-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.detailed-job-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 0;
  display: flex;
}

.detailed-job-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.detailed-job-description-columns-second, .detailed-job-description-content, .detailed-job-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-job-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 38px;
}

.detailed-job-description-content, .detailed-job-heading-parent {
  flex-direction: column;
}

.detailed-job-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.detailed-job-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.detailed-job-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-job-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-description-paragraphs, .detailed-job-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.detailed-job-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.detailed-job-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.detailed-job-heading1, .detailed-job-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-job-heading1 {
  font-weight: 500;
}

.detailed-job-paragraph26 {
  color: #475467;
}

.detailed-job-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.detailed-job-gallery-images-container-child, .detailed-job-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.detailed-job-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.detailed-job-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.detailed-job-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.detailed-job-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-job-gallery-images, .detailed-job-gallery-images-container, .detailed-job-gallery-images-container1, .detailed-job-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-job-gallery-images, .detailed-job-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.detailed-job-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.detailed-job-heading6 {
  font-weight: 600;
}

.detailed-job-heading6, .detailed-job-heading7, .detailed-job-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-job-heading7 {
  font-weight: 500;
}

.detailed-job-paragraph30 {
  color: #475467;
}

.detailed-job-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.detailed-job-benefits-content {
  gap: 16px;
}

.detailed-job-benefits-container, .detailed-job-benefits-content, .detailed-job-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-job-section {
  z-index: 1;
  font-size: 18px;
}

.detailed-job-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.detailed-job-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-job-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.detailed-job-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.detailed-job-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.detailed-job-supporting-text3, .detailed-job-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-job-text12 {
  font-weight: 500;
}

.detailed-job-supporting-text3 {
  color: #475467;
}

.detailed-job-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.detailed-job-download-items, .detailed-job-download-items-parent, .detailed-job-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.detailed-job-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.detailed-job-download-items, .detailed-job-download-items-parent {
  align-self: stretch;
}

.detailed-job-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.detailed-job-heading15, .detailed-job-text18 {
  font-weight: 600;
  position: relative;
}

.detailed-job-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.detailed-job-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.detailed-job-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-job-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-job-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-job-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-job-button-group-base2, .detailed-job-button-group-base3, .detailed-job-button-group-base4, .detailed-job-button-group-base5, .detailed-job-button-group-base6, .detailed-job-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.detailed-job-button-group-base3, .detailed-job-button-group-base4, .detailed-job-button-group-base5, .detailed-job-button-group-base6, .detailed-job-button-group-base7 {
  z-index: 5;
}

.detailed-job-button-group-base4, .detailed-job-button-group-base5, .detailed-job-button-group-base6, .detailed-job-button-group-base7 {
  z-index: 4;
}

.detailed-job-button-group-base5, .detailed-job-button-group-base6, .detailed-job-button-group-base7 {
  z-index: 3;
}

.detailed-job-button-group-base6, .detailed-job-button-group-base7 {
  z-index: 2;
}

.detailed-job-button-group-base7 {
  z-index: 1;
}

.detailed-job-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-job-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-job-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-supporting-text9, .detailed-job-text27 {
  line-height: 24px;
  position: relative;
}

.detailed-job-text27 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}

.detailed-job-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.detailed-job-content5, .detailed-job-input-with-label1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.detailed-job-input-with-label1 {
  align-self: stretch;
}

.detailed-job-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.detailed-job-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-job-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-job-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.detailed-job-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-job-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-job-actions, .detailed-job-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-job-button {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.detailed-job-content4, .detailed-job-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 3px;
}

.detailed-job-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.detailed-job-empty-review, .detailed-job-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.detailed-job-empty-review {
  justify-content: center;
  height: 44px;
  line-height: 24px;
}

.detailed-job-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.detailed-job-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.detailed-job-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.detailed-job-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.detailed-job-review-content, .detailed-job-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.detailed-job-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.detailed-job-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.detailed-job-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-job-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-first-review-fifth-star, .detailed-job-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.detailed-job-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.detailed-job-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-heading-wrapper {
  padding: 0 4px;
}

.detailed-job-heading-wrapper, .detailed-job-stars-wrapper, .detailed-job-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.detailed-job-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.detailed-job-heading19 {
  z-index: 1;
  padding: 0 15px;
  line-height: 24px;
  position: relative;
}

.detailed-job-rectangle-parent3, .detailed-job-review-container, .detailed-job-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.detailed-job-review-container, .detailed-job-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.detailed-job-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.detailed-job-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  padding-top: 10px;
  font-size: 56px;
}

.detailed-job-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-job-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.detailed-job-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.detailed-job-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-alvo-medical, .detailed-job-heading20 {
  font-weight: 500;
}

.detailed-job-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-job-client-review-header, .detailed-job-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.detailed-job-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.detailed-job-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-job-client-rating, .detailed-job-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-client-rating {
  align-self: stretch;
  gap: 4px;
}

.detailed-job-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.detailed-job-client-review, .detailed-job-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.detailed-job-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.detailed-job-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-job-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.detailed-job-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-job-badge-wrapper, .detailed-job-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.detailed-job-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.detailed-job-discount, .detailed-job-price {
  z-index: 2;
  position: relative;
}

.detailed-job-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.detailed-job-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.detailed-job-original-price, .detailed-job-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.detailed-job-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.detailed-job-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-job-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 0 12px 0 11px;
}

.detailed-job-card-header, .detailed-job-price-tag, .detailed-job-service-title-container {
  align-items: flex-start;
  display: flex;
}

.detailed-job-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
}

.detailed-job-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.detailed-job-card-footer-child {
  object-fit: cover;
  z-index: 2;
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -4px;
  right: 130px;
  margin: 0 !important;
}

.detailed-job-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-job-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.detailed-job-amlie-laurent, .detailed-job-card-footer, .detailed-job-role {
  align-self: stretch;
  position: relative;
}

.detailed-job-card-footer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-amlie-laurent, .detailed-job-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.detailed-job-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.detailed-job-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-job-supporting-text10 {
  z-index: 2;
  width: 117px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-supporting-text10-a {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-message-button {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  display: flex;
}

.detailed-job-contact-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 52px;
  display: flex;
}

.detailed-job-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.detailed-job-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.detailed-job-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-job-buttonsbutton5, .detailed-job-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-buttonsbutton5 {
  white-space: nowrap;
  cursor: pointer;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.detailed-job-buttonsbutton5:hover {
  background-color: #6941c6;
}

.detailed-job-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.detailed-job-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-buttonsbutton6-add:hover {
  background-color: #eaecf0;
}

.detailed-job-buttonsbutton6:hover {
  background-color: #3e9e5b;
}

.detailed-job-button-container2, .detailed-job-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.detailed-job-button-container2 {
  flex: 1;
  gap: 16px;
}

.detailed-job-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.detailed-job-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.detailed-job-dropdown-menu, .detailed-job-dropdown1, .detailed-job-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-dropdown1 {
  z-index: 2;
}

.detailed-job-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.detailed-job-professional-details, .detailed-job-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-job-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.detailed-job-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.detailed-job-card-content, .detailed-job-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.detailed-job-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-job-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.detailed-job-description, .detailed-job-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.detailed-job-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.detailed-job-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-job-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.detailed-job-header-content1, .detailed-job-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-job-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.detailed-job-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.detailed-job-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.detailed-job-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.detailed-job-client-name, .detailed-job-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-job-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  text-overflow: ellipsis;
  align-self: stretch;
  max-width: 260px;
  font-size: 16px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.detailed-job-heading24 {
  text-overflow: ellipsis;
  color: #6941c6;
  width: 164px;
  max-width: 164px;
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
}

.detailed-job-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.detailed-job-testimonial-divider, .detailed-job-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  padding: 16px;
}

.detailed-job-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.detailed-job-rectangle-parent4, .detailed-job-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.detailed-job-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.detailed-job-frame-parent, .detailed-job-listing-content, .detailed-job-listing-content-wrapper, .detailed-job-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.detailed-job-frame-parent, .detailed-job-listing-content, .detailed-job-listing-content-wrapper {
  flex-direction: row;
}

.detailed-job-listing-content {
  flex: 1;
  gap: 14px;
}

.detailed-job-frame-parent, .detailed-job-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.detailed-job-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  padding: 24px 2px 24px 0;
}

.detailed-job-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-listing-image-grid, .detailed-job-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.detailed-job-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.detailed-job-listing-image-grid1 {
  padding: 0 80px 24px;
}

.detailed-job-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-job-feedback-header, .detailed-job-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.detailed-job-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.detailed-job-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-job-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-buttonsbutton7, .detailed-job-feedback-score, .detailed-job-stars-parent {
  align-items: flex-start;
  display: flex;
}

.detailed-job-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.detailed-job-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.detailed-job-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.detailed-job-client-feedback, .detailed-job-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.detailed-job-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 24px 80px 24px 0;
}

.detailed-job-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.detailed-job-client-message, .detailed-job-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.detailed-job-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-job-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px 0;
}

.detailed-job-buttonsbutton8, .detailed-job-client-message {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-job-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-buttonsbutton8:hover {
  background-color: #6941c6;
}

.detailed-job-view-replies {
  color: #eaecf0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 91.5%;
  padding-bottom: 24px;
  font-size: 14px;
  display: flex;
}

.detailed-job-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-job-button-wrap, .detailed-job-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-job-buttonsbutton9 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-button-wrap {
  justify-content: flex-start;
}

.detailed-job-details, .detailed-job-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-job-text37 {
  min-width: 32px;
  font-weight: 600;
}

.detailed-job-button-wrap1, .detailed-job-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-job-buttonsbutton10 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-buttonsbutton10:hover {
  background-color: #eaecf0;
}

.detailed-job-button-wrap1 {
  justify-content: flex-end;
}

.detailed-job-pagination, .detailed-job-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.detailed-job-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px 16px 9px;
  overflow-x: auto;
}

.detailed-job-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 66px 24px;
  font-size: 14px;
}

.detailed-job-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.detailed-job-heading32, .detailed-job-heading33 {
  line-height: 24px;
  position: relative;
}

.detailed-job-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.detailed-job-heading33 {
  width: 107px;
  display: inline-block;
}

.detailed-job-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-job-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.detailed-job-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.detailed-job-label2, .detailed-job-label3, .detailed-job-text38 {
  position: relative;
}

.detailed-job-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.detailed-job-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.detailed-job-input-with-label3, .detailed-job-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.detailed-job-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.detailed-job-content6, .detailed-job-input-field, .detailed-job-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.detailed-job-content6, .detailed-job-input-field {
  max-width: 100%;
}

.detailed-job-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.detailed-job-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.detailed-job-label4, .detailed-job-text39 {
  display: inline-block;
  position: relative;
}

.detailed-job-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-job-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.detailed-job-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-job-input-field1, .detailed-job-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.detailed-job-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.detailed-job-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.detailed-job-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-job-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-job-button1, .detailed-job-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-job-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.detailed-job-review-form, .detailed-job-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.detailed-job-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.detailed-job-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.detailed-job-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.detailed-job-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-heading-parent3, .detailed-job-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.detailed-job-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.detailed-job-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.detailed-job-frame-child12, .detailed-job-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.detailed-job-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.detailed-job-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.detailed-job-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.detailed-job-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-job-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.detailed-job-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-job-badge5, .detailed-job-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.detailed-job-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.detailed-job-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.detailed-job-image-overlay, .detailed-job-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.detailed-job-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.detailed-job-text42 {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 220px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
}

.detailed-job-listing-detail-item-date, .detailed-job-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.detailed-job-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.detailed-job-location {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.detailed-job-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-job-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.detailed-job-listing-team-member {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.detailed-job-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-listing-detail-item-pin-wrapper, .detailed-job-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.detailed-job-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.detailed-job-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.detailed-job-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-listing, .detailed-job-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.detailed-job-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.detailed-job-name {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0;
  max-width: 110px;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
  overflow: hidden;
}

.detailed-job-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.detailed-job-role1 {
  color: #6941c6;
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 110px;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.detailed-job-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.detailed-job-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.detailed-job-listing-detail-item-value, .detailed-job-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-job-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.detailed-job-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.detailed-job-listing-detail-item, .detailed-job-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-job-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.detailed-job-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.detailed-job-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.detailed-job-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.detailed-job-footer-social, .detailed-job-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-job-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.detailed-job-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-job-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-job-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.detailed-job-badge-group, .detailed-job-image-overlay3, .detailed-job-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.detailed-job-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.detailed-job-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.detailed-job-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.detailed-job-agent-details-icon, .detailed-job-agent-extra-info, .detailed-job-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.detailed-job-agent-details-icon, .detailed-job-agent-extra-info {
  max-width: 100%;
}

.detailed-job-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.detailed-job-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.detailed-job-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.detailed-job-frame-parent5 {
  scrollbar-width: none;
  white-space: nowrap;
  scroll-behavior: smooth;
  align-items: flex-start;
  gap: 16px;
  height: 455px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  top: 0;
  left: 20px;
  overflow: scroll hidden;
}

.detailed-job-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.detailed-job-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.detailed-job-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 90%;
  max-width: 100%;
  padding: 0 10px 24px;
  font-size: 12px;
  display: flex;
}

.detailed-job-testiomonial-carousel-arrow4, .detailed-job-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.detailed-job-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.detailed-job-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.detailed-job-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-rectangle-parent30, .detailed-job-supporting-six-wrapper, .detailed-job-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.detailed-job-supporting-six-wrapper, .detailed-job-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.detailed-job-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.detailed-job-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.detailed-job-divider-container, .detailed-job-icon-group, .detailed-job-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.detailed-job-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.detailed-job-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.detailed-job-breadcrumb-button-base4, .detailed-job-testiomonial-carousel-arrow6, .detailed-job-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-job-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.detailed-job-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.detailed-job-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-job-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-job-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.detailed-job-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-job-divider-icon24 {
  width: 1216px;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin: 0 !important;
}

.detailed-job-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-job-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-job-button2, .detailed-job-text-padding4, .detailed-job-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.detailed-job-button2, .detailed-job-text-padding5 {
  box-sizing: border-box;
}

.detailed-job-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.detailed-job-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.detailed-job-button3, .detailed-job-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.detailed-job-button4, .detailed-job-button5, .detailed-job-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.detailed-job-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-actions1, .detailed-job-testiomonial-carousel-arrow8, .detailed-job-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-job-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.detailed-job-testiomonial-carousel-arrow8, .detailed-job-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-job-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.detailed-job-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.detailed-job-listing-image-grid11, .detailed-job-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-job-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.detailed-job-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.detailed-job-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-job-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.detailed-job-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.detailed-job-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.detailed-job-heading40, .detailed-job-text123 {
  font-weight: 600;
  position: relative;
}

.detailed-job-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.detailed-job-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.detailed-job-buttonsbutton27, .detailed-job-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-job-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.detailed-job-footer-link1 {
  justify-content: flex-start;
}

.detailed-job-text124, .detailed-job-text125, .detailed-job-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-text125, .detailed-job-text126 {
  min-width: 68px;
}

.detailed-job-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.detailed-job-badge36, .detailed-job-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-job-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.detailed-job-footer-link3 {
  gap: 8px;
}

.detailed-job-text127, .detailed-job-text128, .detailed-job-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-text128, .detailed-job-text129 {
  min-width: 97px;
}

.detailed-job-text129 {
  min-width: 81px;
}

.detailed-job-footer-links-column, .detailed-job-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.detailed-job-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.detailed-job-text130, .detailed-job-text131, .detailed-job-text132, .detailed-job-text133, .detailed-job-text134, .detailed-job-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.detailed-job-text131, .detailed-job-text132, .detailed-job-text133, .detailed-job-text134, .detailed-job-text135 {
  min-width: 58px;
}

.detailed-job-text132, .detailed-job-text133, .detailed-job-text134, .detailed-job-text135 {
  min-width: 66px;
}

.detailed-job-text133, .detailed-job-text134, .detailed-job-text135 {
  min-width: 90px;
}

.detailed-job-text134, .detailed-job-text135 {
  min-width: 55px;
}

.detailed-job-text135 {
  min-width: 63px;
}

.detailed-job-footer-links2, .detailed-job-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.detailed-job-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.detailed-job-help-icon, .detailed-job-label6 {
  display: none;
  position: relative;
}

.detailed-job-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-job-help-icon {
  width: 16px;
  height: 16px;
}

.detailed-job-input-with-label6, .detailed-job-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.detailed-job-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-job-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-job-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.detailed-job-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-job-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.detailed-job-email-capture, .detailed-job-links-and-newsletter, .detailed-job-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.detailed-job-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.detailed-job-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.detailed-job-container, .detailed-job-content8, .detailed-job-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-container {
  flex: 1;
  max-width: 1280px;
}

.detailed-job-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.detailed-job-divider-icon29, .detailed-job-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.detailed-job-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.detailed-job-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  padding: 64px 0 48px;
  display: flex;
}

.detailed-job-footer-text {
  line-height: 20px;
  position: relative;
}

.detailed-job-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.detailed-job-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.detailed-job-logomark, .detailed-job-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.detailed-job-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.detailed-job-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.detailed-job-content10, .detailed-job-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-job-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.detailed-job-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.detailed-job-footer1, .detailed-job-listings-detailed-page-devic, .detailed-job-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.detailed-job-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.detailed-job-listings-detailed-page-devic, .detailed-job-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.detailed-job-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.detailed-job-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.detailed-job-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-job-sharethis-parent {
  position: relative;
}

.detailed-job-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-job-sharethis-follow-parent {
  position: relative;
}

.detailed-job-button1-submit {
  z-index: 2;
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-job-button1-submit:hover {
  background-color: #6941c6;
}

.detailed-job-client-feedback-parent {
  width: 100%;
}

.detailed-job-reply-section {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 0 80px 24px 0;
  display: flex;
}

.detailed-job-reply-textarea {
  resize: none;
  box-sizing: border-box;
  scrollbar-width: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  height: 100px;
  padding: 10px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.detailed-job-reply-textarea:focus {
  border-color: #7e56d9;
  outline: none;
}

.detailed-job-reply-submit-btn {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9;
  border: none;
  border-radius: 5px;
  width: max-content;
  padding: 8px 15px;
  font-size: 14px;
}

.detailed-job-reply-submit-btn:hover {
  background-color: #6941c6;
}

.detailed-job-reply-submit-btn:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.detailed-job-char-counter {
  color: #555;
  text-align: left;
  font-size: 12px;
}

.detailed-job-char-counter.warning {
  color: #e74c3c;
}

@media screen and (width <= 1275px) {
  .detailed-job-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .detailed-job-breadcrumb-controls1 {
    flex: 1;
  }

  .detailed-job-breadcrumb-container {
    flex-wrap: wrap;
  }

  .detailed-job-service-card {
    flex: 1;
  }

  .detailed-job-listing-content {
    flex-wrap: wrap;
  }

  .detailed-job-container, .detailed-job-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .detailed-job-client-review, .detailed-job-content4, .detailed-job-description-columns-first, .detailed-job-download-items, .detailed-job-gallery-images, .detailed-job-rectangle-group, .detailed-job-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .detailed-job-description-block-parent {
    min-width: 100%;
  }

  .detailed-job-client-feedback, .detailed-job-client-message, .detailed-job-listing-image-grid, .detailed-job-listing-image-grid1, .detailed-job-pagination-wrapper, .detailed-job-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-job-heading-parent3 {
    flex-wrap: wrap;
  }

  .detailed-job-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .detailed-job-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .detailed-job-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .detailed-job-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .detailed-job-actions, .detailed-job-file-upload-item-base {
    flex-wrap: wrap;
  }

  .detailed-job-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .detailed-job-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .detailed-job-review-stars {
    min-width: 100%;
  }

  .detailed-job-review-container, .detailed-job-review-stars {
    flex-wrap: wrap;
  }

  .detailed-job-client-review-header {
    min-width: 100%;
  }

  .detailed-job-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-job-service-card {
    min-width: 100%;
  }

  .detailed-job-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-job-feedback-header {
    min-width: 100%;
  }

  .detailed-job-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .detailed-job-frame-parent3 {
    flex-wrap: wrap;
  }

  .detailed-job-textarea-input-field {
    max-width: 100%;
  }

  .detailed-job-content6 {
    gap: 16px;
  }

  .detailed-job-textarea-input-field1 {
    max-width: 100%;
  }

  .detailed-job-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-job-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .detailed-job-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .detailed-job-links {
    flex: 1;
  }

  .detailed-job-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .detailed-job-container {
    gap: 24px;
  }

  .detailed-job-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-job-footer {
    gap: 24px;
    height: auto;
  }

  .detailed-job-container1 {
    gap: 16px;
  }

  .detailed-job-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .detailed-job-header-container {
    gap: 17px;
  }

  .detailed-job-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .detailed-job-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-job-button-row, .detailed-job-contact-details {
    flex-wrap: wrap;
  }

  .detailed-job-gallery-images-container, .detailed-job-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .detailed-job-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .detailed-job-input-dropdown {
    max-width: 100%;
  }

  .detailed-job-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .detailed-job-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .detailed-job-rectangle-parent1 {
    flex: 1;
  }

  .detailed-job-review-container {
    gap: 16px;
  }

  .detailed-job-price {
    font-size: 21px;
    line-height: 26px;
  }

  .detailed-job-header-content1, .detailed-job-professional-details, .detailed-job-testimonial-item {
    flex-wrap: wrap;
  }

  .detailed-job-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .detailed-job-review-form {
    gap: 25px;
  }

  .detailed-job-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .detailed-job-links, .detailed-job-logo-and-supporting-text {
    gap: 16px;
  }

  .detailed-job-email-capture {
    flex-wrap: wrap;
  }

  .detailed-job-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .detailed-job-footer1 {
    gap: 16px;
  }
}

.add-job-progress-container-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.add-job-bottom-actions {
  text-align: left;
  color: #101828;
  flex: 1;
  max-width: calc(100% - 96px);
  font-family: Inter;
  font-size: 16px;
  position: relative;
}

.add-job-forms-add-job {
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 60px;
  font-family: Inter;
  display: flex;
}

.add-job-forms-add-job {
  box-sizing: border-box;
  letter-spacing: normal;
  align-items: flex-start;
  width: 100%;
  padding: 7px 0 0;
  font-size: 14px;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-job-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-job-progress-steps {
    display: none;
  }

  .add-job-main {
    height: auto;
  }

  .add-job-content23 {
    flex-wrap: wrap;
  }

  .add-job-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-job-content5 {
    max-width: 100%;
  }

  .add-job-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-job-frame-group {
    gap: 19px;
  }

  .add-job-frame-parent {
    gap: 35px;
  }

  .add-job-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-job-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-job-main {
    gap: 16px;
  }

  .add-job-content22, .add-job-content39 {
    min-width: 100%;
  }

  .add-job-textarea-input-field {
    max-width: 100%;
  }

  .add-job-content42 {
    gap: 16px;
  }

  .add-job-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-job-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-job-frame-parent {
    gap: 17px;
  }

  .add-job-step-two, .add-job-step-two-details, .add-job-steps {
    gap: 19px;
  }

  .add-job-form-parent {
    gap: 350px;
  }

  .add-job-action, .add-job-first-upload-item-content, .add-job-input1, .add-job-input10, .add-job-input9, .add-job-progress-bar {
    flex-wrap: wrap;
  }

  .add-job-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-job-progress-container-parent {
    gap: 49px;
  }
}

.add-job-step-input-field-parent {
  z-index: 1;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-job-step-button9:hover {
  background-color: #6941c6;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-job-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-job-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-job-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-job-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-job-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-job-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-job-step-first-upload-item-content, .add-job-step-action, .add-job-step-input1, .add-job-step-input10, .add-job-step-input9 {
    flex-wrap: wrap;
  }
}

.sales-iq-detail-job-main-custom {
  width: 100% !important;
}

.sales-iq-detail-job-search-lg-icon-custom {
  cursor: pointer;
}

.sales-iq-detail-job-sales-iq-detail-job-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.sales-iq-detail-job-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-job-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-badge1, .sales-iq-detail-job-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sales-iq-detail-job-navigation, .sales-iq-detail-job-search-input {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.sales-iq-detail-job-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-content3, .sales-iq-detail-job-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-content3 {
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-job-divider-icon, .sales-iq-detail-job-home-line-icon {
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.sales-iq-detail-job-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sales-iq-detail-job-content12, .sales-iq-detail-job-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.sales-iq-detail-job-content5, .sales-iq-detail-job-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.sales-iq-detail-job-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.sales-iq-detail-job-supporting-text, .sales-iq-detail-job-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-job-title {
  font-weight: 600;
}

.sales-iq-detail-job-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.sales-iq-detail-job-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.sales-iq-detail-job-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.sales-iq-detail-job-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-job-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.sales-iq-detail-job-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-job-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.sales-iq-detail-job-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-breadcrumb-button-base4 {
  color: #344054;
  background-color: #0000;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.sales-iq-detail-job-tabs {
  gap: 8px;
}

.sales-iq-detail-job-breadcrumbs, .sales-iq-detail-job-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-heading, .sales-iq-detail-job-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.sales-iq-detail-job-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-detail-job-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.sales-iq-detail-job-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-job-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-job-button, .sales-iq-detail-job-button1, .sales-iq-detail-job-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-job-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.sales-iq-detail-job-button1, .sales-iq-detail-job-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.sales-iq-detail-job-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.sales-iq-detail-job-actions, .sales-iq-detail-job-button2, .sales-iq-detail-job-button3 {
  flex-direction: row;
  align-items: center;
}

.sales-iq-detail-job-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.sales-iq-detail-job-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-button4, .sales-iq-detail-job-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.sales-iq-detail-job-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-button6, .sales-iq-detail-job-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-job-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-content13, .sales-iq-detail-job-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.sales-iq-detail-job-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.sales-iq-detail-job-content13, .sales-iq-detail-job-divider-icon1, .sales-iq-detail-job-page-header {
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-job-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-job-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-job-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-button-group-base1, .sales-iq-detail-job-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-job-button-group-base2 {
  width: 77px;
}

.sales-iq-detail-job-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-job-button-group-base3, .sales-iq-detail-job-button-group-base4, .sales-iq-detail-job-button-group-base5, .sales-iq-detail-job-button-group-base6, .sales-iq-detail-job-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.sales-iq-detail-job-button-group-base4, .sales-iq-detail-job-button-group-base5, .sales-iq-detail-job-button-group-base6, .sales-iq-detail-job-button-group-base7 {
  z-index: 4;
}

.sales-iq-detail-job-button-group-base5, .sales-iq-detail-job-button-group-base6, .sales-iq-detail-job-button-group-base7 {
  z-index: 3;
}

.sales-iq-detail-job-button-group-base6, .sales-iq-detail-job-button-group-base7 {
  z-index: 2;
}

.sales-iq-detail-job-button-group-base7 {
  z-index: 1;
}

.sales-iq-detail-job-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-button-group, .sales-iq-detail-job-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-job-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.sales-iq-detail-job-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-actions2, .sales-iq-detail-job-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.sales-iq-detail-job-container, .sales-iq-detail-job-header-section, .sales-iq-detail-job-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.sales-iq-detail-job-container, .sales-iq-detail-job-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.sales-iq-detail-job-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.sales-iq-detail-job-header-section {
  flex-shrink: 0;
}

.sales-iq-detail-job-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-job-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.sales-iq-detail-job-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-job-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-job-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-color2, .sales-iq-detail-job-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-job-color3 {
  background-color: #17b26a;
}

.sales-iq-detail-job-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.sales-iq-detail-job-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-job-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-job-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.sales-iq-detail-job-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-job-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-job-divider, .sales-iq-detail-job-y-axis-line, .sales-iq-detail-job-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-job-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.sales-iq-detail-job-y-axis-line, .sales-iq-detail-job-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.sales-iq-detail-job-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.sales-iq-detail-job-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.sales-iq-detail-job-y-axis, .sales-iq-detail-job-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-job-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.sales-iq-detail-job-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.sales-iq-detail-job-jan, .sales-iq-detail-job-jul, .sales-iq-detail-job-jun, .sales-iq-detail-job-mar, .sales-iq-detail-job-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-jul, .sales-iq-detail-job-jun, .sales-iq-detail-job-mar, .sales-iq-detail-job-may {
  min-width: 23px;
}

.sales-iq-detail-job-jul, .sales-iq-detail-job-jun, .sales-iq-detail-job-may {
  min-width: 25px;
}

.sales-iq-detail-job-jul, .sales-iq-detail-job-jun {
  min-width: 22px;
}

.sales-iq-detail-job-jul {
  min-width: 17px;
}

.sales-iq-detail-job-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-job-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.sales-iq-detail-job-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-job-line-and-bar-chart, .sales-iq-detail-job-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-line-and-bar-chart {
  flex: 1;
}

.sales-iq-detail-job-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.sales-iq-detail-job-heading1, .sales-iq-detail-job-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-job-number {
  white-space: nowrap;
  line-height: 38px;
}

.sales-iq-detail-job-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-change-and-text, .sales-iq-detail-job-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-job-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.sales-iq-detail-job-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.sales-iq-detail-job-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-job-dropdown, .sales-iq-detail-job-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.sales-iq-detail-job-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-detail-job-change-and-text1, .sales-iq-detail-job-container1, .sales-iq-detail-job-metric-group, .sales-iq-detail-job-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sales-iq-detail-job-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-job-container1, .sales-iq-detail-job-metric-group, .sales-iq-detail-job-section {
  align-items: flex-start;
  max-width: 100%;
}

.sales-iq-detail-job-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.sales-iq-detail-job-container1, .sales-iq-detail-job-section {
  flex-direction: column;
}

.sales-iq-detail-job-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.sales-iq-detail-job-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.sales-iq-detail-job-separator, .sales-iq-detail-job-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.sales-iq-detail-job-separator1 {
  height: 43px;
}

.sales-iq-detail-job-main, .sales-iq-detail-job-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.sales-iq-detail-job-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.sales-iq-detail-job-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-job-breadcrumb-button-base6, .sales-iq-detail-job-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.sales-iq-detail-job-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.sales-iq-detail-job-breadcrumbs1, .sales-iq-detail-job-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sales-iq-detail-job-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.sales-iq-detail-job-breadcrumbs1 {
  width: 278px;
  display: none;
}

.sales-iq-detail-job-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.sales-iq-detail-job-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.sales-iq-detail-job-content16, .sales-iq-detail-job-input-with-label1, .sales-iq-detail-job-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sales-iq-detail-job-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sales-iq-detail-job-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.sales-iq-detail-job-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.sales-iq-detail-job-content15, .sales-iq-detail-job-page-header-wrapper, .sales-iq-detail-job-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.sales-iq-detail-job-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.sales-iq-detail-job-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-job-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.sales-iq-detail-job-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.sales-iq-detail-job-text49, .sales-iq-detail-job-text50, .sales-iq-detail-job-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-text50, .sales-iq-detail-job-text51 {
  min-width: 62px;
}

.sales-iq-detail-job-text51 {
  min-width: 34px;
}

.sales-iq-detail-job-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.sales-iq-detail-job-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-job-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.sales-iq-detail-job-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sales-iq-detail-job-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-job-tab-button-base7, .sales-iq-detail-job-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.sales-iq-detail-job-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.sales-iq-detail-job-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.sales-iq-detail-job-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.sales-iq-detail-job-horizontal-tabs, .sales-iq-detail-job-horizontal-tabs-wrapper, .sales-iq-detail-job-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-job-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.sales-iq-detail-job-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-job-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.sales-iq-detail-job-dropdown3, .sales-iq-detail-job-metric-card, .sales-iq-detail-job-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.sales-iq-detail-job-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.sales-iq-detail-job-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-job-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.sales-iq-detail-job-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.sales-iq-detail-job-frame-inner, .sales-iq-detail-job-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.sales-iq-detail-job-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.sales-iq-detail-job-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-heading5, .sales-iq-detail-job-number4 {
  z-index: 1;
  position: relative;
}

.sales-iq-detail-job-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-job-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.sales-iq-detail-job-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.sales-iq-detail-job-badge12, .sales-iq-detail-job-frame-container, .sales-iq-detail-job-heading-parent, .sales-iq-detail-job-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.sales-iq-detail-job-frame-container, .sales-iq-detail-job-rectangle-container {
  box-sizing: border-box;
}

.sales-iq-detail-job-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.sales-iq-detail-job-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.sales-iq-detail-job-heading-group {
  gap: 8px;
  width: 153px;
}

.sales-iq-detail-job-dropdown7, .sales-iq-detail-job-heading-container, .sales-iq-detail-job-heading-group, .sales-iq-detail-job-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-heading-container {
  gap: 8px;
  width: 163px;
}

.sales-iq-detail-job-dropdown7, .sales-iq-detail-job-heading-parent1 {
  flex-shrink: 0;
}

.sales-iq-detail-job-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.sales-iq-detail-job-dropdown7 {
  z-index: 1;
}

.sales-iq-detail-job-frame-group, .sales-iq-detail-job-frame-wrapper, .sales-iq-detail-job-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.sales-iq-detail-job-frame-group, .sales-iq-detail-job-frame-wrapper {
  max-width: 100%;
}

.sales-iq-detail-job-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.sales-iq-detail-job-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.sales-iq-detail-job-text62, .sales-iq-detail-job-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-text63 {
  min-width: 74px;
}

.sales-iq-detail-job-buttonsbutton4, .sales-iq-detail-job-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.sales-iq-detail-job-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-dropdowns, .sales-iq-detail-job-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.sales-iq-detail-job-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-input-dropdown2, .sales-iq-detail-job-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.sales-iq-detail-job-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.sales-iq-detail-job-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.sales-iq-detail-job-content17, .sales-iq-detail-job-filters-bar, .sales-iq-detail-job-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.sales-iq-detail-job-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.sales-iq-detail-job-frame-child3, .sales-iq-detail-job-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.sales-iq-detail-job-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.sales-iq-detail-job-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.sales-iq-detail-job-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-job-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.sales-iq-detail-job-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-job-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-detail-job-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-location-badge, .sales-iq-detail-job-location-badge-number, .sales-iq-detail-job-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.sales-iq-detail-job-location-badge, .sales-iq-detail-job-type-number {
  box-sizing: border-box;
}

.sales-iq-detail-job-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.sales-iq-detail-job-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.sales-iq-detail-job-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.sales-iq-detail-job-location-elements, .sales-iq-detail-job-type-badge-elements, .sales-iq-detail-job-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.sales-iq-detail-job-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.sales-iq-detail-job-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-job-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-job-badge-elements, .sales-iq-detail-job-badge-elements-wrapper, .sales-iq-detail-job-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.sales-iq-detail-job-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.sales-iq-detail-job-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-action-fields, .sales-iq-detail-job-card-elements, .sales-iq-detail-job-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.sales-iq-detail-job-action-fields, .sales-iq-detail-job-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.sales-iq-detail-job-input-elements {
  align-self: stretch;
  gap: 16px;
}

.sales-iq-detail-job-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.sales-iq-detail-job-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-job-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-job-frame-wrapper3, .sales-iq-detail-job-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-job-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.sales-iq-detail-job-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.sales-iq-detail-job-dropdown-elements, .sales-iq-detail-job-dropdown-options-parent, .sales-iq-detail-job-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.sales-iq-detail-job-price-parent {
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-job-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.sales-iq-detail-job-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-detail-job-content-actions, .sales-iq-detail-job-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.sales-iq-detail-job-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.sales-iq-detail-job-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.sales-iq-detail-job-name, .sales-iq-detail-job-role {
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.sales-iq-detail-job-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.sales-iq-detail-job-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-detail-job-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.sales-iq-detail-job-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.sales-iq-detail-job-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-buttonsbutton8, .sales-iq-detail-job-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-job-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.sales-iq-detail-job-buttonsbutton-parent, .sales-iq-detail-job-primary-table, .sales-iq-detail-job-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.sales-iq-detail-job-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.sales-iq-detail-job-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.sales-iq-detail-job-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-content-items, .sales-iq-detail-job-help-avatar, .sales-iq-detail-job-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.sales-iq-detail-job-content-items, .sales-iq-detail-job-rectangle-parent3 {
  box-sizing: border-box;
}

.sales-iq-detail-job-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.sales-iq-detail-job-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.sales-iq-detail-job-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-job-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-job-badge-parent, .sales-iq-detail-job-badge23, .sales-iq-detail-job-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.sales-iq-detail-job-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-job-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-badge23, .sales-iq-detail-job-badge24, .sales-iq-detail-job-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.sales-iq-detail-job-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.sales-iq-detail-job-badge24, .sales-iq-detail-job-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-badge-elements-copy, .sales-iq-detail-job-badge25, .sales-iq-detail-job-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.sales-iq-detail-job-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.sales-iq-detail-job-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-job-badge26, .sales-iq-detail-job-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.sales-iq-detail-job-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-badge27, .sales-iq-detail-job-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.sales-iq-detail-job-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.sales-iq-detail-job-frame-parent1, .sales-iq-detail-job-frame-parent2, .sales-iq-detail-job-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.sales-iq-detail-job-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.sales-iq-detail-job-frame-child5, .sales-iq-detail-job-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.sales-iq-detail-job-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.sales-iq-detail-job-frame-child7, .sales-iq-detail-job-text78 {
  z-index: 2;
  position: relative;
}

.sales-iq-detail-job-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.sales-iq-detail-job-text78 {
  font-weight: 600;
  line-height: 28px;
}

.sales-iq-detail-job-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-location3, .sales-iq-detail-job-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-type-of-work2 {
  min-width: 109px;
}

.sales-iq-detail-job-frame-parent12, .sales-iq-detail-job-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.sales-iq-detail-job-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.sales-iq-detail-job-badge29, .sales-iq-detail-job-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.sales-iq-detail-job-badge30 {
  width: 76px;
}

.sales-iq-detail-job-badge-container, .sales-iq-detail-job-badge30, .sales-iq-detail-job-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.sales-iq-detail-job-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-job-badge-container, .sales-iq-detail-job-badge32, .sales-iq-detail-job-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.sales-iq-detail-job-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.sales-iq-detail-job-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-job-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge33, .sales-iq-detail-job-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-job-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.sales-iq-detail-job-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-price2, .sales-iq-detail-job-text83 {
  position: relative;
}

.sales-iq-detail-job-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.sales-iq-detail-job-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-job-radar-1-1-container, .sales-iq-detail-job-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.sales-iq-detail-job-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.sales-iq-detail-job-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.sales-iq-detail-job-name2, .sales-iq-detail-job-role2 {
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.sales-iq-detail-job-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.sales-iq-detail-job-buttonsbutton13, .sales-iq-detail-job-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-job-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.sales-iq-detail-job-buttonsbutton14, .sales-iq-detail-job-buttonsbutton15, .sales-iq-detail-job-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.sales-iq-detail-job-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.sales-iq-detail-job-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.sales-iq-detail-job-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.sales-iq-detail-job-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-frame-wrapper16, .sales-iq-detail-job-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.sales-iq-detail-job-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.sales-iq-detail-job-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.sales-iq-detail-job-divider-icon5, .sales-iq-detail-job-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.sales-iq-detail-job-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-job-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-job-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.sales-iq-detail-job-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge34, .sales-iq-detail-job-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.sales-iq-detail-job-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-job-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-badge36, .sales-iq-detail-job-badge37, .sales-iq-detail-job-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.sales-iq-detail-job-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-job-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.sales-iq-detail-job-badge38, .sales-iq-detail-job-frame-parent26, .sales-iq-detail-job-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.sales-iq-detail-job-badge39, .sales-iq-detail-job-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.sales-iq-detail-job-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-element-details-child, .sales-iq-detail-job-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.sales-iq-detail-job-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.sales-iq-detail-job-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-detail-job-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.sales-iq-detail-job-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-job-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-detail-job-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-job-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-date-icon, .sales-iq-detail-job-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-type-label {
  color: #101828;
  font-size: 14px;
}

.sales-iq-detail-job-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.sales-iq-detail-job-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-job-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-work-type-icon, .sales-iq-detail-job-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.sales-iq-detail-job-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.sales-iq-detail-job-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.sales-iq-detail-job-action-icons, .sales-iq-detail-job-calendar-icon6, .sales-iq-detail-job-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.sales-iq-detail-job-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.sales-iq-detail-job-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.sales-iq-detail-job-element-actions, .sales-iq-detail-job-element-details-parent, .sales-iq-detail-job-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.sales-iq-detail-job-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.sales-iq-detail-job-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.sales-iq-detail-job-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-job-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.sales-iq-detail-job-frame-parent32, .sales-iq-detail-job-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.sales-iq-detail-job-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.sales-iq-detail-job-dropdown-parent1, .sales-iq-detail-job-frame-parent31, .sales-iq-detail-job-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.sales-iq-detail-job-dropdown-parent1, .sales-iq-detail-job-frame-parent31 {
  align-items: flex-end;
}

.sales-iq-detail-job-frame-parent31 {
  flex: 1;
}

.sales-iq-detail-job-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.sales-iq-detail-job-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.sales-iq-detail-job-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-detail-job-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.sales-iq-detail-job-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-job-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.sales-iq-detail-job-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.sales-iq-detail-job-span {
  font-weight: 500;
}

.sales-iq-detail-job-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.sales-iq-detail-job-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-job-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-frame-parent36, .sales-iq-detail-job-frame-parent37, .sales-iq-detail-job-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-job-frame-parent37, .sales-iq-detail-job-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.sales-iq-detail-job-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.sales-iq-detail-job-text105, .sales-iq-detail-job-text106, .sales-iq-detail-job-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-job-text105, .sales-iq-detail-job-text106 {
  display: inline-block;
}

.sales-iq-detail-job-text105 {
  min-width: 103px;
}

.sales-iq-detail-job-text106 {
  flex-shrink: 0;
  width: 151px;
}

.sales-iq-detail-job-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.sales-iq-detail-job-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.sales-iq-detail-job-supporting-text20, .sales-iq-detail-job-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-supporting-text20 {
  min-width: 70.9px;
}

.sales-iq-detail-job-supporting-text21 {
  width: 104px;
}

.sales-iq-detail-job-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-job-frame-parent33, .sales-iq-detail-job-frame-parent34, .sales-iq-detail-job-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.sales-iq-detail-job-frame-parent33, .sales-iq-detail-job-frame-parent34 {
  flex: 1;
}

.sales-iq-detail-job-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.sales-iq-detail-job-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.sales-iq-detail-job-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-buttonsbutton-wrapper, .sales-iq-detail-job-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.sales-iq-detail-job-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-dropdown-parent2, .sales-iq-detail-job-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.sales-iq-detail-job-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.sales-iq-detail-job-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.sales-iq-detail-job-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-job-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.sales-iq-detail-job-content-items5, .sales-iq-detail-job-frame-child16, .sales-iq-detail-job-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.sales-iq-detail-job-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-job-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-job-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.sales-iq-detail-job-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-job-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-job-frame-parent39, .sales-iq-detail-job-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.sales-iq-detail-job-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.sales-iq-detail-job-dropdown14, .sales-iq-detail-job-text112 {
  z-index: 1;
  position: absolute;
}

.sales-iq-detail-job-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.sales-iq-detail-job-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.sales-iq-detail-job-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-job-price6, .sales-iq-detail-job-text113 {
  z-index: 1;
  position: relative;
}

.sales-iq-detail-job-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-job-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.sales-iq-detail-job-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.sales-iq-detail-job-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.sales-iq-detail-job-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-job-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.sales-iq-detail-job-frame-parent46, .sales-iq-detail-job-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.sales-iq-detail-job-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.sales-iq-detail-job-frame-parent45, .sales-iq-detail-job-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.sales-iq-detail-job-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.sales-iq-detail-job-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.sales-iq-detail-job-card-container-child, .sales-iq-detail-job-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.sales-iq-detail-job-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.sales-iq-detail-job-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-job-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-detail-job-dropdown15, .sales-iq-detail-job-item-title {
  z-index: 2;
  position: absolute;
}

.sales-iq-detail-job-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.sales-iq-detail-job-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.sales-iq-detail-job-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-job-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-job-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.sales-iq-detail-job-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.sales-iq-detail-job-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-job-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-job-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.sales-iq-detail-job-card-container, .sales-iq-detail-job-card-list, .sales-iq-detail-job-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.sales-iq-detail-job-card-container, .sales-iq-detail-job-card-list {
  align-items: flex-start;
}

.sales-iq-detail-job-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.sales-iq-detail-job-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.sales-iq-detail-job-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.sales-iq-detail-job-frame-wrapper37, .sales-iq-detail-job-price-wrapper, .sales-iq-detail-job-text-wrapper18, .sales-iq-detail-job-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.sales-iq-detail-job-frame-wrapper37, .sales-iq-detail-job-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.sales-iq-detail-job-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.sales-iq-detail-job-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.sales-iq-detail-job-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.sales-iq-detail-job-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.sales-iq-detail-job-buttonsbutton-frame, .sales-iq-detail-job-frame-parent64, .sales-iq-detail-job-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.sales-iq-detail-job-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.sales-iq-detail-job-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.sales-iq-detail-job-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-job-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-change7, .sales-iq-detail-job-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-job-change7 {
  min-width: 38px;
  display: inline-block;
}

.sales-iq-detail-job-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.sales-iq-detail-job-change-and-text3, .sales-iq-detail-job-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-job-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.sales-iq-detail-job-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-job-dropdown19, .sales-iq-detail-job-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-detail-job-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-buttonsbutton25, .sales-iq-detail-job-buttonsbutton26, .sales-iq-detail-job-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.sales-iq-detail-job-buttonsbutton25, .sales-iq-detail-job-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-job-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-job-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.sales-iq-detail-job-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.sales-iq-detail-job-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-arrow-square-up-right-wrapper1, .sales-iq-detail-job-buttonsbutton-parent1, .sales-iq-detail-job-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.sales-iq-detail-job-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.sales-iq-detail-job-divider-container1, .sales-iq-detail-job-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.sales-iq-detail-job-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.sales-iq-detail-job-buttonsbutton-wrapper1, .sales-iq-detail-job-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.sales-iq-detail-job-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-job-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sales-iq-detail-job-badge46, .sales-iq-detail-job-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-job-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.sales-iq-detail-job-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-actions3, .sales-iq-detail-job-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.sales-iq-detail-job-content20, .sales-iq-detail-job-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-job-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-job-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-card-header, .sales-iq-detail-job-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.sales-iq-detail-job-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.sales-iq-detail-job-button-group-base9, .sales-iq-detail-job-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-job-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.sales-iq-detail-job-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.sales-iq-detail-job-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-job-button-group-base10, .sales-iq-detail-job-button-group-base11, .sales-iq-detail-job-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.sales-iq-detail-job-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.sales-iq-detail-job-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-job-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-content22, .sales-iq-detail-job-input-with-label3, .sales-iq-detail-job-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.sales-iq-detail-job-input-with-label3, .sales-iq-detail-job-input3 {
  align-self: stretch;
}

.sales-iq-detail-job-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.sales-iq-detail-job-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sales-iq-detail-job-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.sales-iq-detail-job-actions4, .sales-iq-detail-job-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.sales-iq-detail-job-content-items9, .sales-iq-detail-job-content21, .sales-iq-detail-job-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.sales-iq-detail-job-content-items9, .sales-iq-detail-job-filters-bar1 {
  justify-content: flex-start;
}

.sales-iq-detail-job-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-job-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.sales-iq-detail-job-badge-number1, .sales-iq-detail-job-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.sales-iq-detail-job-badge47, .sales-iq-detail-job-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-job-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.sales-iq-detail-job-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-job-actions5, .sales-iq-detail-job-card-header1, .sales-iq-detail-job-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.sales-iq-detail-job-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.sales-iq-detail-job-card-header1, .sales-iq-detail-job-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.sales-iq-detail-job-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.sales-iq-detail-job-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-job-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.sales-iq-detail-job-checkbox-wrapper, .sales-iq-detail-job-sub-nav-items-wrapper, .sales-iq-detail-job-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.sales-iq-detail-job-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.sales-iq-detail-job-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-avatar2, .sales-iq-detail-job-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.sales-iq-detail-job-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.sales-iq-detail-job-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.sales-iq-detail-job-account-button, .sales-iq-detail-job-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-account-button {
  min-width: 75px;
  font-weight: 500;
}

.sales-iq-detail-job-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.sales-iq-detail-job-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-job-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-job-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-job-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-job-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-job-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-contrast-border6, .sales-iq-detail-job-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.sales-iq-detail-job-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.sales-iq-detail-job-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-job-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.sales-iq-detail-job-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-button-upload, .sales-iq-detail-job-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-job-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-job-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-job-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-job-table-cell6, .sales-iq-detail-job-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-job-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.sales-iq-detail-job-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-job-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-job-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-job-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-job-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-job-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-table-cell15, .sales-iq-detail-job-table-cell16, .sales-iq-detail-job-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-job-table-cell16, .sales-iq-detail-job-table-cell18 {
  width: 271px;
}

.sales-iq-detail-job-table-cell18 {
  width: 239px;
}

.sales-iq-detail-job-column, .sales-iq-detail-job-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-job-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.sales-iq-detail-job-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.sales-iq-detail-job-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-job-user-cell2, .sales-iq-detail-job-user-cell3, .sales-iq-detail-job-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-user-cell3, .sales-iq-detail-job-user-cell4 {
  min-width: 84px;
}

.sales-iq-detail-job-user-cell4 {
  min-width: 82px;
}

.sales-iq-detail-job-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-job-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.sales-iq-detail-job-user-cell5, .sales-iq-detail-job-user-cell6, .sales-iq-detail-job-user-cell7 {
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-job-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.sales-iq-detail-job-user-cell7 {
  white-space: nowrap;
}

.sales-iq-detail-job-column1, .sales-iq-detail-job-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.sales-iq-detail-job-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.sales-iq-detail-job-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-column2, .sales-iq-detail-job-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.sales-iq-detail-job-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-job-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-button-wrap, .sales-iq-detail-job-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.sales-iq-detail-job-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.sales-iq-detail-job-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-content24, .sales-iq-detail-job-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-content24 {
  padding: 10px 16px;
}

.sales-iq-detail-job-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.sales-iq-detail-job-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-content25, .sales-iq-detail-job-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-content25 {
  padding: 10px 15px;
}

.sales-iq-detail-job-pagination-number-base1 {
  overflow: hidden;
}

.sales-iq-detail-job-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-content26, .sales-iq-detail-job-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-content26 {
  padding: 10px 15px;
}

.sales-iq-detail-job-pagination-number-base2 {
  overflow: hidden;
}

.sales-iq-detail-job-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.sales-iq-detail-job-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-content30, .sales-iq-detail-job-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.sales-iq-detail-job-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.sales-iq-detail-job-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-button-wrap1, .sales-iq-detail-job-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.sales-iq-detail-job-pagination, .sales-iq-detail-job-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.sales-iq-detail-job-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-job-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.sales-iq-detail-job-content-items10, .sales-iq-detail-job-content-items11, .sales-iq-detail-job-table-cell41, .sales-iq-detail-job-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.sales-iq-detail-job-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-job-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-job-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.sales-iq-detail-job-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-job-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-table-cell50, .sales-iq-detail-job-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.sales-iq-detail-job-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.sales-iq-detail-job-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.sales-iq-detail-job-column3, .sales-iq-detail-job-table-cell52, .sales-iq-detail-job-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.sales-iq-detail-job-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.sales-iq-detail-job-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.sales-iq-detail-job-marker-pin-02-group, .sales-iq-detail-job-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-marker-pin-02-group {
  gap: 7px;
}

.sales-iq-detail-job-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.sales-iq-detail-job-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.sales-iq-detail-job-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.sales-iq-detail-job-column-wrapper, .sales-iq-detail-job-column4, .sales-iq-detail-job-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.sales-iq-detail-job-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-job-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.sales-iq-detail-job-column5, .sales-iq-detail-job-column6, .sales-iq-detail-job-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.sales-iq-detail-job-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.sales-iq-detail-job-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-job-column-parent, .sales-iq-detail-job-frame-parent74, .sales-iq-detail-job-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.sales-iq-detail-job-frame-parent74, .sales-iq-detail-job-pagination1 {
  align-self: stretch;
}

.sales-iq-detail-job-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.sales-iq-detail-job-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.sales-iq-detail-job-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-badge50, .sales-iq-detail-job-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-job-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.sales-iq-detail-job-content-items14, .sales-iq-detail-job-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.sales-iq-detail-job-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.sales-iq-detail-job-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-button-group-base27, .sales-iq-detail-job-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-job-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.sales-iq-detail-job-button-group-base28 {
  background-color: #fff;
}

.sales-iq-detail-job-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.sales-iq-detail-job-filter-bar-container, .sales-iq-detail-job-frame-parent, .sales-iq-detail-job-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.sales-iq-detail-job-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.sales-iq-detail-job-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-job-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-job-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.sales-iq-detail-job-buttonsbutton33, .sales-iq-detail-job-content45, .sales-iq-detail-job-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.sales-iq-detail-job-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-actions11, .sales-iq-detail-job-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-job-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.sales-iq-detail-job-empty-state, .sales-iq-detail-job-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.sales-iq-detail-job-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.sales-iq-detail-job-empty-state-wrapper, .sales-iq-detail-job-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.sales-iq-detail-job-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.sales-iq-detail-job-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-job-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.sales-iq-detail-job-content46, .sales-iq-detail-job-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-job-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.sales-iq-detail-job-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.sales-iq-detail-job-add, .sales-iq-detail-job-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-learn-more {
  min-width: 88px;
}

.sales-iq-detail-job-actions12, .sales-iq-detail-job-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-job-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.sales-iq-detail-job-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.sales-iq-detail-job-empty-state-container, .sales-iq-detail-job-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.sales-iq-detail-job-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.sales-iq-detail-job-sales-iq-detail-job-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.sales-iq-detail-job-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.sales-iq-detail-job-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-job-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.sales-iq-detail-job-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-job-display-form-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-job-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-display-toggle-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-job-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-job-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-job-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-job-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-job-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-job-table-header-title {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-divider-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-content {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-job-table-row {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-job-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 6px 20px 5.5px;
  display: flex;
}

.sales-iq-detail-job-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-job-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-job-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 15px 27px;
  display: flex;
}

.sales-iq-detail-job-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-job-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 150px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell30 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 150px;
  padding: 15px 27px;
  display: flex;
}

.sales-iq-detail-job-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell40 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 15px 50px 8.5px 11px;
  display: flex;
}

.sales-iq-detail-job-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-job-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-job-table-header-cell-parent:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sales-iq-detail-job-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-display-form-content-wrapper-Viewed {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-job-display-form-content-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-display-toggle-header-parent-Viewed {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-job-display-toggle-header-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-display-toggle-title-Viewed {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-job-display-divider-container-Viewed {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-job-display-divider-icon3-Viewed {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-Viewed {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-job-card-header1-Viewed {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-content4-Viewed {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-job-text-and-supporting-text2-Viewed {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-job-text-and-badge1-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-job-table-header-title-Viewed {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-dropdown-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-dots-vertical-icon-Viewed {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-divider-icon-Viewed {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-content-Viewed {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-job-table-row-Viewed {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-job-table-header-cell1-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell10-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-job-checkbox-wrapper-Viewed {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-job-table-header-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-job-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-arrow-down-icon1-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-header-cell2-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell20-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-help-icon-Viewed {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-job-table-header-cell3-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell30-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-header-cell4-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell40-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-job-table-header2-Viewed {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-job-action-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-arrow-down-icon2-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-header-cell-parent-Viewed {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-job-cell-content-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-display-form-content-wrapper-Added-to-Radar {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-job-display-form-content-Added-to-Radar {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-display-toggle-header-parent-Added-to-Radar {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-job-display-toggle-header-Added-to-Radar {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-display-toggle-title-Added-to-Radar {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-job-display-divider-container-Added-to-Radar {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-job-display-divider-icon3-Added-to-Radar {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-Added-to-Radar {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-job-card-header1-Added-to-Radar {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-content4-Added-to-Radar {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-job-text-and-supporting-text2-Added-to-Radar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-job-text-and-badge1-Added-to-Radar {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-job-table-header-title-Added-to-Radar {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-dropdown-Added-to-Radar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-dots-vertical-icon-Added-to-Radar {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-divider-icon-Added-to-Radar {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-content-Added-to-Radar {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-job-table-row-Added-to-Radar {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-job-table-header-cell1-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell10-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-job-checkbox-wrapper-Added-to-Radar {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-job-table-header-Added-to-Radar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-job-column-title-Added-to-Radar {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-arrow-down-icon1-Added-to-Radar {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-header-cell2-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell20-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-help-icon-Added-to-Radar {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-job-table-header-cell3-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell30-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-header-cell4-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell40-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-job-table-header2-Added-to-Radar {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-job-action-column-title-Added-to-Radar {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-arrow-down-icon2-Added-to-Radar {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-header-cell-parent-Added-to-Radar {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-job-cell-content-Added-to-Radar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-display-form-content-wrapper-Searched {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-job-display-form-content-Searched {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-display-toggle-header-parent-Searched {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-job-display-toggle-header-Searched {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-display-toggle-title-Searched {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-job-display-divider-container-Searched {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-job-display-divider-icon3-Searched {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-Searched {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-job-card-header1-Searched {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-content4-Searched {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-job-text-and-supporting-text2-Searched {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-job-text-and-badge1-Searched {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-job-table-header-title-Searched {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-dropdown-Searched {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-dots-vertical-icon-Searched {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-divider-icon-Searched {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-content-Searched {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-job-table-row-Searched {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-job-table-header-cell1-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell10-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-job-checkbox-wrapper-Searched {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-job-table-header-Searched {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-job-column-title-Searched {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-arrow-down-icon1-Searched {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-header-cell2-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell20-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-help-icon-Searched {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-job-table-header-cell3-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell30-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-header-cell4-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-job-table-cell40-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-job-table-header2-Searched {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-job-action-column-title-Searched {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-arrow-down-icon2-Searched {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-table-header-cell-parent-Searched {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-job-cell-content-Searched {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-table-data-custom-main-container {
  flex-direction: column;
  max-height: 420px;
  display: flex;
}

.sales-iq-detail-job-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.sales-iq-detail-job-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.sales-iq-detail-job-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.sales-iq-detail-job-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-job-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-detail-job-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

@media screen and (width <= 1275px) {
  .sales-iq-detail-job-all, .sales-iq-detail-job-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .sales-iq-detail-job-all {
    padding-bottom: 67px;
  }

  .sales-iq-detail-job-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .sales-iq-detail-job-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .sales-iq-detail-job-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .sales-iq-detail-job-content-elements-parent, .sales-iq-detail-job-content17, .sales-iq-detail-job-frame-group, .sales-iq-detail-job-rectangle-parent10, .sales-iq-detail-job-rectangle-parent5, .sales-iq-detail-job-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .sales-iq-detail-job-frame-wrapper31 {
    flex: 1;
  }

  .sales-iq-detail-job-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-list-item-parent {
    flex: 1;
  }

  .sales-iq-detail-job-card-list, .sales-iq-detail-job-content20, .sales-iq-detail-job-content21, .sales-iq-detail-job-metric-item-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .sales-iq-detail-job-content23, .sales-iq-detail-job-frame-parent73, .sales-iq-detail-job-frame-parent74 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .sales-iq-detail-job-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-detail-job-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-job-content13 {
    gap: 17px;
  }

  .sales-iq-detail-job-tabs-and-filters {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-jul {
    width: 100%;
    height: 17px;
  }

  .sales-iq-detail-job-x-axis {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-number {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-job-main {
    gap: 16px;
  }

  .sales-iq-detail-job-number3, .sales-iq-detail-job-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .sales-iq-detail-job-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .sales-iq-detail-job-badge-elements, .sales-iq-detail-job-card-elements, .sales-iq-detail-job-dropdowns, .sales-iq-detail-job-location-badge-number {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-action-fields {
    min-width: 100%;
  }

  .sales-iq-detail-job-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-job-frame-parent2, .sales-iq-detail-job-primary-table {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-job-frame-parent17, .sales-iq-detail-job-frame-parent18, .sales-iq-detail-job-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-element-details, .sales-iq-detail-job-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .sales-iq-detail-job-action-icons, .sales-iq-detail-job-element-details-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-icon-button {
    gap: 17px;
  }

  .sales-iq-detail-job-icon-button, .sales-iq-detail-job-sidebar1 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-job-rectangle-parent11 {
    gap: 16px;
  }

  .sales-iq-detail-job-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .sales-iq-detail-job-frame-parent39 {
    min-width: 100%;
  }

  .sales-iq-detail-job-frame-wrapper31 {
    margin-left: 0;
  }

  .sales-iq-detail-job-card-row {
    min-width: 100%;
  }

  .sales-iq-detail-job-list-item-parent {
    margin-left: 0;
  }

  .sales-iq-detail-job-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .sales-iq-detail-job-text-and-supporting-text2 {
    min-width: 100%;
  }

  .sales-iq-detail-job-actions4 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .sales-iq-detail-job-text-and-supporting-text3 {
    min-width: 100%;
  }

  .sales-iq-detail-job-actions5, .sales-iq-detail-job-table-cell51, .sales-iq-detail-job-table-cell52 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .sales-iq-detail-job-frame-parent, .sales-iq-detail-job-text-and-supporting-text16 {
    min-width: 100%;
  }

  .sales-iq-detail-job-empty-state3 {
    gap: 16px;
  }

  .sales-iq-detail-job-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .sales-iq-detail-job-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-detail-job-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .sales-iq-detail-job-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .sales-iq-detail-job-actions {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-number {
    font-size: 18px;
    line-height: 23px;
  }

  .sales-iq-detail-job-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sales-iq-detail-job-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .sales-iq-detail-job-number3, .sales-iq-detail-job-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .sales-iq-detail-job-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-job-price {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-job-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-date-elements-parent {
    flex: 1;
  }

  .sales-iq-detail-job-badge-container, .sales-iq-detail-job-frame-parent12 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-badge-group {
    height: auto;
    min-height: 104px;
  }

  .sales-iq-detail-job-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-job-work-type-icon {
    flex: 1;
  }

  .sales-iq-detail-job-calendar-icon6 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-work-type-label {
    margin-left: 0;
  }

  .sales-iq-detail-job-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-job-frame-parent36, .sales-iq-detail-job-frame-parent42 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-price5, .sales-iq-detail-job-price6, .sales-iq-detail-job-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-job-frame-parent64 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .sales-iq-detail-job-content22, .sales-iq-detail-job-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-job-input-dropdown3 {
    max-width: 100%;
  }

  .sales-iq-detail-job-table-cell50, .sales-iq-detail-job-table-cell53 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .sales-iq-detail-job-column5, .sales-iq-detail-job-column6 {
    flex: 1;
  }

  .sales-iq-detail-job-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .sales-iq-detail-job-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-job-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .sales-iq-detail-job-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .sales-iq-detail-job-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.sales-iq-detail-job-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.sales-iq-detail-job-component-listing-container::-webkit-scrollbar {
  display: none;
}

.sales-iq-detail-job-component-sales-iq-content-items {
  box-sizing: border-box;
  z-index: 0;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.sales-iq-detail-job-component-sales-iq-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 208px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-element-details-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-element-details-child {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  display: none;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-element-actions {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.sales-iq-detail-job-component-sales-iq-text78:hover {
  text-decoration: underline;
}

.sales-iq-detail-job-component-sales-iq-action-icons {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-calendar-icon6 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-date-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: max-content;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-component-sales-iq-type-badge-elements {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-work-type-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: max-content;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-location3 {
  z-index: 2;
  width: 110px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.sales-iq-detail-job-component-sales-iq-work-type-value {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-text100 {
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-left: -9px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-dropdown-parent1 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 22px;
  width: 153px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-component-sales-iq-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-frame-parent31 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-trend-chart-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 113px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-frame-parent32 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-job-component-sales-iq-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-job-component-sales-iq-arrow-square-up-right-icon1 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-job-component-sales-iq-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 34px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .sales-iq-detail-job-component-sales-iq-rectangle-parent10 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-detail-job-component-sales-iq-action-icons, .sales-iq-detail-job-component-sales-iq-element-details-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-component-sales-iq-element-details, .sales-iq-detail-job-component-sales-iq-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-detail-job-component-sales-iq-calendar-icon6 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-job-component-sales-iq-work-type-icon {
    flex: 1;
  }

  .sales-iq-detail-job-component-sales-iq-work-type-label {
    margin-left: 0;
  }

  .sales-iq-detail-job-component-sales-iq-price4 {
    font-size: 16px;
    line-height: 26px;
  }
}

.forms-add-device {
  text-align: left;
  color: #475467;
  box-sizing: border-box;
  letter-spacing: normal;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .progress-steps {
    display: none;
  }

  .main {
    height: auto;
  }

  .content23 {
    flex-wrap: wrap;
  }

  .actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .content5 {
    max-width: 100%;
  }

  .progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .frame-group {
    gap: 19px;
  }

  .frame-parent {
    gap: 35px;
  }

  .rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .main {
    gap: 16px;
  }

  .content22, .content39 {
    min-width: 100%;
  }

  .textarea-input-field {
    max-width: 100%;
  }

  .content42 {
    gap: 16px;
  }

  .actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .frame-parent {
    gap: 17px;
  }

  .step-two, .step-two-details, .steps {
    gap: 19px;
  }

  .form-parent {
    gap: 350px;
  }

  .action, .first-upload-item-content, .input1, .input10, .input9, .progress-bar {
    flex-wrap: wrap;
  }

  .actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .progress-container-parent {
    gap: 49px;
  }
}

.add-device-step-content22-custom {
  min-width: initial !important;
}

.add-device-step-file-upload-item-base-link {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.add-device-step-text48, .add-device-step-file-button-labels {
  gap: 5px;
  display: flex;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-device-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-device-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-device-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-device-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-device-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-device-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-device-step-first-upload-item-content, .add-device-step-action, .add-device-step-input1, .add-device-step-input10, .add-device-step-input9 {
    flex-wrap: wrap;
  }
}

.no-access-address-button-link {
  align-items: center;
  display: flex;
}

.no-access-address-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.no-access-address-supporting-text, .no-access-address-title {
  align-self: stretch;
  position: relative;
}

.no-access-address-title {
  font-weight: 600;
  line-height: 30px;
}

.no-access-address-supporting-text {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.no-access-address-content, .no-access-address-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-access-address-text-and-supporting-text {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.no-access-address-content {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.no-access-address-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-access-address-text {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-access-address-buttonsbutton, .no-access-address-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-access-address-buttonsbutton {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-access-address-plus-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-access-address-text1 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-access-address-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-access-address-buttonsbutton1:hover {
  background-color: #6941c6;
}

.no-access-address-actions, .no-access-address-empty-state1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-access-address-actions {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 0 20px;
}

.no-access-address-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
}

.no-access-address-empty-state, .no-access-address-no-access-address {
  background-color: #fff;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.no-access-address-empty-state {
  box-sizing: border-box;
  text-align: center;
  color: #101828;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
  font-family: Inter;
  font-size: 20px;
}

.no-access-address-no-access-address {
  letter-spacing: normal;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1016px;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 550px) {
  .no-access-address-empty-state1 {
    gap: 16px;
  }

  .no-access-address-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-access-address-title {
    font-size: 16px;
    line-height: 24px;
  }
}

#countryArchiveSelect, #deviceCategoryArchiveSelect, #softwareCategoryArchiveSelect, #serviceAndSupportReachArchiveSelect, #serviceCategoryArchiveSelect, #oemArchiveSelect, #yearOfManufactureArchiveSelect, #clinicalApplicationsArchiveSelect, #purposeUseArchiveSelect, #physicalLocationArchiveSelect {
  position: relative;
}

#countryArchiveSelect ul, #deviceCategoryArchiveSelect ul, #softwareCategoryArchiveSelect ul, #serviceAndSupportReachArchiveSelect ul, #serviceCategoryArchiveSelect ul, #oemArchiveSelect ul, #yearOfManufactureArchiveSelect ul, #clinicalApplicationsArchiveSelect ul, #purposeUseArchiveSelect ul, #physicalLocationArchiveSelect ul {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #583c97;
  border-radius: 5px;
  width: 305px;
  max-height: 316px;
  padding: 0;
  top: 5px;
  left: 0;
  overflow-y: scroll;
}

#countryArchiveSelect li, #deviceCategoryArchiveSelect li, #softwareCategoryArchiveSelect li, #serviceAndSupportReachArchiveSelect li, #serviceCategoryArchiveSelect li, #oemArchiveSelect li, #yearOfManufactureArchiveSelect li, #clinicalApplicationsArchiveSelect li, #purposeUseArchiveSelect li, #physicalLocationArchiveSelect li {
  padding: 5px;
}

#countryArchiveSelect li:hover, #deviceCategoryArchiveSelect li:hover, #softwareCategoryArchiveSelect li:hover, #serviceAndSupportReachArchiveSelect li:hover, #serviceCategoryArchiveSelect li:hover, #oemArchiveSelect li:hover, #yearOfManufactureArchiveSelect li:hover, #clinicalApplicationsArchiveSelect li:hover, #purposeUseArchiveSelect li:hover, #physicalLocationArchiveSelect li:hover {
  color: #fff;
  background-color: #583c97;
  border-radius: 4px;
}

.archive-device-error-text {
  color: red;
  z-index: 2;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.archive-device-frame-parent-31 {
  align-self: stretch;
}

.archive-device-frame-parent-28 {
  box-sizing: border-box;
  align-items: flex-start;
  padding: 0 1px 0 0;
}

.archive-device-buttons-button7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-buttonsbutton17-custom {
  right: 325px !important;
}

.archive-device1-buttonsbutton18-custom {
  right: 195px !important;
}

.archive-device-listing-container-custom {
  justify-content: initial !important;
  flex-direction: column !important;
}

.archive-device-filter-cards-container {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 5px 32px;
  display: flex;
}

.archive-device-input-fields2-custom {
  align-items: initial !important;
  flex-direction: column !important;
}

.archive-device-second-badge-divider-custom, .archive-device-section-wrapper-custom {
  z-index: 1;
}

.archive-device-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device-sliders-02-icon {
  cursor: pointer;
}

.custom-datepicker {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 8px 13px;
  font-size: 16px;
  transition: border .3s;
  box-shadow: 0 1px 2px #1018280d;
  width: 130px !important;
}

.custom-datepicker:hover, .custom-datepicker.ant-picker-focused {
  border-color: #7e56d9 !important;
  box-shadow: 0 0 0 2px #7e56d933 !important;
}

.custom-datepicker .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .custom-datepicker .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .custom-datepicker .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner, .custom-datepicker .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:hover, .custom-datepicker .ant-picker-cell-in-view .ant-picker-cell-inner:hover {
  border-radius: 4px;
  color: #fff !important;
  background-color: #6941c6 !important;
}

.custom-datepicker .ant-picker-header button:hover, .custom-datepicker .ant-picker-today-btn {
  color: #7e56d9 !important;
}

.custom-datepicker .ant-picker-dropdown {
  box-shadow: 0 4px 12px #6941c633;
}

.archive-device1-filter-selected-div {
  width: 100%;
  height: max-content;
}

.archive-device1-listing-container {
  gap: 20px;
  width: 100%;
  padding: 10px;
  display: grid;
  overflow-y: auto;
}

.archive-device1-content4, .archive-device1-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-device1-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-device1-page-header1, .archive-device1-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-device1-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 100%;
  padding: 0 32px;
}

.archive-device1-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-buttonsbutton:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sort-dropdown-wrapper {
  display: inline-block;
  position: relative;
}

.archive-device1-divider-icon2, .archive-device1-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
  margin: 0 !important;
}

.archive-device1-magnifier-1-icon {
  object-fit: cover;
  cursor: pointer;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-device1-radar-1-1-container {
  z-index: 2;
  cursor: pointer;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-device1-listing-container, .archive-device1-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-device1-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-device1-search-lg {
  cursor: pointer;
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-device1-text210 {
  z-index: 1;
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-frame-parent41, .archive-device1-rectangle-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-slide-out {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  max-width: 100%;
  display: flex;
  margin: 0 !important;
}

.archive-device1-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-device1-hiddenbutton-container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-device1-button-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-device1-sort-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  padding: 5px 32px 0;
  display: flex;
}

.archive-page-vertical-divider {
  height: 100%;
}

@media screen and (width <= 1275px) {
  .archive-device1-collapsed-listing, .archive-device1-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-device1-frame-form {
    padding-bottom: 272px;
  }

  .archive-device1-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-device1-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-device1-fourth-listing {
    flex: 1;
  }

  .archive-device1-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-device1-frame-parent16 {
    gap: 140px;
  }

  .archive-device1-content8 {
    flex-wrap: wrap;
  }

  .archive-device1-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-device1-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-device1-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-device1-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-device1-navigation-parent {
    gap: 19px;
  }

  .archive-device1-frame-parent {
    gap: 35px;
  }

  .archive-device1-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-device1-main {
    gap: 16px;
  }

  .archive-device1-badges, .archive-device1-dot-item-content, .archive-device1-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-device1-dots-vertical {
    min-width: 100%;
  }

  .archive-device1-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-device1-frame-div {
    flex-wrap: wrap;
  }

  .archive-device1-frame-container {
    min-width: 100%;
  }

  .archive-device1-frame-group {
    flex-wrap: wrap;
  }

  .archive-device1-dots-vertical-container {
    min-width: 100%;
  }

  .archive-device1-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-device1-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-device1-first-badge, .archive-device1-location-content {
    flex: 1;
  }

  .archive-device1-badge-name {
    flex-wrap: wrap;
  }

  .archive-device1-badge-details {
    gap: 23px;
  }

  .archive-device1-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-device1-second-badge-list-parent {
    gap: 23px;
  }

  .archive-device1-frame-parent5 {
    gap: 53px;
  }

  .archive-device1-expanded-content {
    flex-wrap: wrap;
  }

  .archive-device1-expanded-listing {
    min-width: 100%;
  }

  .archive-device1-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-device1-badge-support-parent, .archive-device1-badges1, .archive-device1-detail-item, .archive-device1-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-device1-second-listing-details {
    flex: 1;
  }

  .archive-device1-listing-detail {
    flex-wrap: wrap;
  }

  .archive-device1-frame-parent19 {
    gap: 54px;
  }

  .archive-device1-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-device1-fourth-listing {
    margin-left: 0;
  }

  .archive-device1-frame-parent16 {
    gap: 70px;
  }

  .archive-device1-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-device1-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-device1-actions2 {
    flex-wrap: wrap;
  }

  .archive-device1-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-device1-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-device1-actions3 {
    flex-wrap: wrap;
  }

  .archive-device1-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-device1-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-device1-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-device1-empty-state3 {
    gap: 16px;
  }

  .archive-device1-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-device1-container1 {
    gap: 16px;
  }

  .archive-device1-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-device1-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-device1-frame-parent {
    gap: 17px;
  }

  .archive-device1-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-device1-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device1-card-work {
    flex: 1;
  }

  .archive-device1-provider-name {
    flex-wrap: wrap;
  }

  .archive-device1-price2, .archive-device1-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device1-badge-container, .archive-device1-location-content {
    flex-wrap: wrap;
  }

  .archive-device1-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-device1-buttonsbutton-group, .archive-device1-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-device1-location-summary {
    flex: 1;
  }

  .archive-device1-summary-details {
    flex-wrap: wrap;
  }

  .archive-device1-frame-parent5 {
    gap: 27px;
  }

  .archive-device1-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-device1-price4, .archive-device1-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device1-business-name-role, .archive-device1-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-device1-detail-item-parent {
    gap: 20px;
  }

  .archive-device1-pair-container-parent {
    margin-left: 0;
  }

  .archive-device1-frame-parent19 {
    gap: 27px;
  }

  .archive-device1-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device1-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-device1-frame-parent24 {
    gap: 126px;
  }

  .archive-device1-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-device1-content9, .archive-device1-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device1-input-dropdown2 {
    max-width: 100%;
  }

  .archive-device1-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-device1-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device1-button-group2 {
    flex-wrap: wrap;
  }

  .archive-device1-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device1-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-device1-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-device1-footer {
    gap: 16px;
  }

  .archive-device1-listings-search-results-list {
    gap: 25px;
  }
}

.archive-device-section-wrapper-custom {
  display: initial !important;
}

.archive-device1-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-device1-filter-selected-div {
  width: 100%;
}

.archive-device1-listing-container {
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  height: max-content;
  padding: 25px 29px;
  display: flex;
  overflow-y: scroll;
}

.archive-device1-listing-container::-webkit-scrollbar {
  display: none;
}

.archive-device1-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-device1-divider-icon7-cstm {
  position: initial !important;
}

.archive-device1-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-device1-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-device1-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-device1-logo, .archive-device1-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-device1-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-device1-bar-chart-01-icon, .archive-device1-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-device1-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-device1-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-device1-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-device1-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-device1-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device1-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-device1-text2, .archive-device1-text3 {
  font-family: Inter;
  position: relative;
}

.archive-device1-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-device1-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-device1-badge1, .archive-device1-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-device1-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-device1-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-device1-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-navigation, .archive-device1-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-device1-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-device1-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-device1-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device1-search-lg-icon, .archive-device1-text6 {
  position: relative;
  overflow: hidden;
}

.archive-device1-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-device1-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-device1-content3, .archive-device1-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-content3 {
  flex: 1;
  gap: 8px;
}

.archive-device1-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-frame-parent, .archive-device1-input-with-label, .archive-device1-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-device1-frame-parent, .archive-device1-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-device1-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-device1-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-device1-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-device1-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-device1-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-device1-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-device1-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-device1-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-device1-breadcrumb-button-base, .archive-device1-rectangle-parent, .archive-device1-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-device1-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-device1-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-device1-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-device1-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-device1-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-device1-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device1-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-device1-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-device1-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-device1-tabs {
  gap: 8px;
}

.archive-device1-breadcrumbs, .archive-device1-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-device1-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device1-container {
  padding: 0 32px;
}

.archive-device1-container, .archive-device1-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-device1-main-child, .archive-device1-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-device1-main-item {
  height: 43px;
}

.archive-device1-main, .archive-device1-text11 {
  align-self: stretch;
}

.archive-device1-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-device1-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-device1-breadcrumb-button-base6, .archive-device1-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-device1-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-device1-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-device1-breadcrumbs1, .archive-device1-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-device1-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-device1-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-device1-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-device1-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-device1-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-device1-label1, .archive-device1-text15 {
  position: relative;
}

.archive-device1-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-device1-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-device1-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-device1-content5, .archive-device1-input-with-label1, .archive-device1-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-device1-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-device1-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device1-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-device1-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-device1-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px 16px;
  max-width: 100%;
  font-size: 26px;
  display: flex;
}

.archive-device1-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device1-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  height: max-content;
  display: flex;
}

.archive-device1-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-device1-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-device1-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-device1-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-device1-button-group-base2, .archive-device1-button-group-base3, .archive-device1-button-group-base4, .archive-device1-button-group-base5, .archive-device1-button-group-base6, .archive-device1-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-device1-button-group-base3, .archive-device1-button-group-base4, .archive-device1-button-group-base5, .archive-device1-button-group-base6, .archive-device1-button-group-base7 {
  z-index: 6;
}

.archive-device1-button-group-base4, .archive-device1-button-group-base5, .archive-device1-button-group-base6, .archive-device1-button-group-base7 {
  z-index: 5;
}

.archive-device1-button-group-base5, .archive-device1-button-group-base6, .archive-device1-button-group-base7 {
  z-index: 4;
}

.archive-device1-button-group-base6, .archive-device1-button-group-base7 {
  z-index: 3;
}

.archive-device1-button-group-base7 {
  z-index: 2;
}

.archive-device1-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-device1-breadcrumb-button-base11, .archive-device1-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-device1-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-device1-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-device1-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-device1-breadcrumb-button-base14, .archive-device1-breadcrumbs2, .archive-device1-button-group, .archive-device1-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-device1-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  position: absolute;
  bottom: -20px;
  right: -2px;
  margin: 0 !important;
}

.archive-device1-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  width: max-content;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device1-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device1-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-device1-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device1-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
}

.archive-device1-divider-icon2, .archive-device1-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
}

.archive-device1-filter-items {
  position: absolute;
  margin: 0 !important;
}

.archive-device1-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
}

.archive-device1-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-device1-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-device1-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-device1-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-device1-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-device1-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-device1-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device1-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-device1-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-dot-item-type-parent {
  gap: 8px;
}

.archive-device1-completed, .archive-device1-dot-item-content, .archive-device1-dot-item-innermost, .archive-device1-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-device1-completed, .archive-device1-dot-item-innermost {
  box-sizing: border-box;
}

.archive-device1-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-device1-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-device1-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-device1-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-device1-badge4, .archive-device1-completed-parent, .archive-device1-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-device1-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-badge5, .archive-device1-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-device1-badge6 {
  width: 76px;
}

.archive-device1-badge7, .archive-device1-badges {
  flex-direction: row;
  flex: 1;
}

.archive-device1-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-badges {
  gap: 8px;
}

.archive-device1-badges, .archive-device1-badges-wrapper, .archive-device1-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-device1-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-device1-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-dot-item-parent, .archive-device1-dots-parent, .archive-device1-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-device1-dots-parent, .archive-device1-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-device1-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-device1-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-device1-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-device1-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-device1-deal-inner, .archive-device1-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-device1-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-device1-card-deal, .archive-device1-deal-details, .archive-device1-deal-inner {
  justify-content: flex-start;
}

.archive-device1-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-device1-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-device1-card-deal, .archive-device1-frame-wrapper, .archive-device1-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-device1-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-device1-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-device1-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-device1-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-device1-close-icons, .archive-device1-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-device1-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-device1-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-device1-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-device1-name, .archive-device1-role {
  display: inline-block;
  position: relative;
}

.archive-device1-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-device1-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-device1-inner-info {
  flex-direction: column;
}

.archive-device1-inner-info, .archive-device1-inner-info-wrapper, .archive-device1-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-device1-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-device1-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-device1-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-device1-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-device1-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-buttonsbutton2, .archive-device1-buttonsbutton3, .archive-device1-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-device1-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-device1-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-device1-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 0 0;
  display: flex;
}

.archive-device1-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-device1-filter-items-parent, .archive-device1-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-device1-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-device1-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-device1-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-price-value, .archive-device1-text37 {
  display: inline-block;
  position: relative;
}

.archive-device1-text37 {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

.archive-device1-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-device1-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-device1-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device1-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-device1-badge10, .archive-device1-badge11, .archive-device1-deal-type-parent, .archive-device1-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-badge11, .archive-device1-frame-parent1 {
  flex: 1;
}

.archive-device1-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-device1-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-badge-group, .archive-device1-badge12, .archive-device1-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-device1-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-device1-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-device1-badge13, .archive-device1-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-device1-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-device1-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-badge13, .archive-device1-badge14, .archive-device1-card-work, .archive-device1-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-device1-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-device1-badge14, .archive-device1-frame-div {
  flex-direction: row;
}

.archive-device1-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-device1-frame-container, .archive-device1-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 80%;
  padding: 8px 0 0;
}

.archive-device1-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-device1-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-device1-inner-icons, .archive-device1-inner-icons-wrapper, .archive-device1-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-device1-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 20%;
  font-size: 20px;
}

.archive-device1-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
}

.archive-device1-dots-vertical-container, .archive-device1-frame-group, .archive-device1-rectangle-container, .archive-device1-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-device1-dots-vertical-container, .archive-device1-rectangle-container {
  flex-direction: row;
}

.archive-device1-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-device1-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-device1-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-device1-buttonsbutton-wrapper, .archive-device1-frame-parent3, .archive-device1-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-device1-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-device1-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-device1-divider-parent, .archive-device1-rectangle-group, .archive-device1-rectangle-group1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-device1-rectangle-group {
  box-sizing: border-box;
  color: #101828;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 100%;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
}

.archive-device1-rectangle-group1 {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  position: absolute;
  top: 700px;
  bottom: -15px;
  right: 30px;
  margin: 0 !important;
}

.archive-device1-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton10 {
  left: 370px;
}

.archive-device1-buttonsbutton10, .archive-device1-buttonsbutton11, .archive-device1-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-device1-buttonsbutton12 {
  right: 262px;
}

.archive-device1-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 116px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-device1-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-button, .archive-device1-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-device1-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-device1-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-device1-button, .archive-device1-button1, .archive-device1-text60 {
  align-self: stretch;
}

.archive-device1-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
  margin: 0 !important;
}

.archive-device1-divider-icon6, .archive-device1-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-device1-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  height: max-content;
  font-size: 14px;
}

.archive-device1-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 70px;
  overflow: hidden;
}

.archive-device1-divider-icon6, .archive-device1-divider-icon7, .archive-device1-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-device1-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-device1-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-device1-text-group, .archive-device1-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-device1-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-device1-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-last-active, .archive-device1-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-device1-name-container {
  gap: 16px;
}

.archive-device1-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-applications, .archive-device1-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-device1-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-device1-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-device1-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-device1-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-device1-card-actions, .archive-device1-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-device1-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-device1-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-device1-price2, .archive-device1-rate {
  display: inline-block;
  position: relative;
}

.archive-device1-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-device1-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-device1-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-device1-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-device1-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-device1-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-device1-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-device1-card-actions1, .archive-device1-deal-container, .archive-device1-listing-border-parent, .archive-device1-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-device1-listing-border-parent, .archive-device1-listing-card-actions {
  box-sizing: border-box;
}

.archive-device1-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-device1-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-device1-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-device1-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-device1-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-device1-name3, .archive-device1-role2 {
  display: inline-block;
  position: relative;
}

.archive-device1-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-device1-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-device1-collapsed-name-details, .archive-device1-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-device1-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-device1-collapsed-name-role, .archive-device1-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-device1-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-device1-detail-header, .archive-device1-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-device1-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-device1-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-device1-detail-header1, .archive-device1-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-device1-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-device1-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-device1-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-device1-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device1-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-device1-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-device1-badge16, .archive-device1-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-device1-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device1-location2, .archive-device1-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-type-of-work3 {
  min-width: 109px;
}

.archive-device1-location-content, .archive-device1-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-device1-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-device1-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-badge17, .archive-device1-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-device1-badge18 {
  width: 76px;
}

.archive-device1-badge-container, .archive-device1-badge18, .archive-device1-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-device1-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-device1-badge-name, .archive-device1-buttonsbutton19, .archive-device1-buttonsbutton20, .archive-device1-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-device1-buttonsbutton19, .archive-device1-buttonsbutton20, .archive-device1-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-device1-buttonsbutton20, .archive-device1-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-device1-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-device1-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-device1-badge-details, .archive-device1-buttonsbutton-parent, .archive-device1-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-device1-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-device1-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-device1-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-device1-badge22, .archive-device1-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-device1-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-device1-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-badge-list-item, .archive-device1-badge22, .archive-device1-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-device1-location-item, .archive-device1-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-device1-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-device1-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-device1-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-badge24, .archive-device1-buttonsbutton23, .archive-device1-first-badge-details, .archive-device1-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-buttonsbutton23, .archive-device1-first-badge-details, .archive-device1-work-item {
  flex: 1;
}

.archive-device1-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-device1-buttonsbutton23, .archive-device1-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-device1-first-badge-details {
  max-width: 100%;
}

.archive-device1-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-device1-buttonsbutton-group, .archive-device1-second-badge-divider, .archive-device1-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-device1-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-device1-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-device1-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-device1-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-device1-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-device1-location-summary, .archive-device1-summary-details, .archive-device1-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-device1-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-device1-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-device1-badge25, .archive-device1-frame-parent5, .archive-device1-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-device1-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-device1-expanded-content, .archive-device1-expanded-listing, .archive-device1-first-badges, .archive-device1-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-device1-expanded-content, .archive-device1-expanded-listing {
  max-width: 100%;
}

.archive-device1-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-device1-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-device1-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-device1-arrow-square-up-right-icon1, .archive-device1-arrow-square-up-right-icon2, .archive-device1-dots-vertical-icon3, .archive-device1-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-device1-dots-vertical-icon3, .archive-device1-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-device1-dots-vertical-icon3 {
  top: 260px;
}

.archive-device1-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-device1-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-device1-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-device1-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-device1-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-device1-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-device1-arrow-square-up-right-parent, .archive-device1-frame-parent6, .archive-device1-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-device1-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-device1-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-device1-collapsed-content, .archive-device1-collapsed-details, .archive-device1-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-collapsed-content {
  position: relative;
}

.archive-device1-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-device1-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-device1-business-image, .archive-device1-text83 {
  z-index: 1;
  position: relative;
}

.archive-device1-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-device1-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-device1-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-device1-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-device1-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-device1-span {
  font-weight: 500;
}

.archive-device1-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-device1-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-device1-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-device1-application-count, .archive-device1-business-location, .archive-device1-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-device1-application-count, .archive-device1-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-device1-application-count {
  color: #fff;
  gap: 8px;
}

.archive-device1-badge-one, .archive-device1-badge-three, .archive-device1-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-device1-badge-three, .archive-device1-badge-two {
  display: inline-block;
}

.archive-device1-badge-two {
  min-width: 103px;
}

.archive-device1-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-device1-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-device1-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-device1-supporting-text23, .archive-device1-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-supporting-text23 {
  min-width: 70.9px;
}

.archive-device1-supporting-text24 {
  width: 104px;
}

.archive-device1-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-device1-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-device1-badges-parent, .archive-device1-business-details, .archive-device1-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-device1-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-device1-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-business-actions, .archive-device1-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-device1-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-device1-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-device1-content6:hover {
  background-color: #40454f;
}

.archive-device1-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-device1-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-device1-arrow-square-up-right-icon3, .archive-device1-arrow-square-up-right-icon4, .archive-device1-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-arrow-square-up-right-icon4, .archive-device1-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-device1-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-device1-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-device1-frame-parent11, .archive-device1-group-div, .archive-device1-list-header, .archive-device1-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-device1-frame-parent11, .archive-device1-group-div {
  gap: 7.3px;
}

.archive-device1-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-device1-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-device1-divider-icon10, .archive-device1-dots-vertical-icon7, .archive-device1-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-device1-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-device1-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-device1-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-dots-vertical-parent1, .archive-device1-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-text-wrapper7 {
  flex: 1;
}

.archive-device1-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-device1-rectangle-textarea, .archive-device1-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-device1-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-device1-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-device1-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-device1-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-contact-details, .archive-device1-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-device1-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-device1-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-device1-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton27, .archive-device1-buttonsbutton28, .archive-device1-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-buttonsbutton28, .archive-device1-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-device1-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-device1-contact-details-parent, .archive-device1-detail-item-parent, .archive-device1-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-device1-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-device1-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton-wrapper2, .archive-device1-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-device1-frame-parent22, .archive-device1-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-device1-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-device1-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-device1-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-device1-pair-container-parent, .archive-device1-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-device1-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-device1-frame-parent19, .archive-device1-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-device1-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-device1-price7, .archive-device1-total {
  display: inline-block;
  position: relative;
}

.archive-device1-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-device1-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-device1-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-device1-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-device1-pair-container-container, .archive-device1-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-device1-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-device1-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-device1-frame-parent24, .archive-device1-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-device1-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-device1-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-device1-fourth-listing, .archive-device1-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-device1-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-device1-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-device1-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-device1-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-buttonsbutton30, .archive-device1-expand-action, .archive-device1-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-device1-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-device1-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-device1-arrow-square-up-right-icon6, .archive-device1-arrow-square-up-right-icon7, .archive-device1-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-device1-arrow-square-up-right-icon7, .archive-device1-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-device1-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-device1-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-device1-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-device1-text100, .archive-device1-text101 {
  font-family: Inter;
  position: relative;
}

.archive-device1-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-device1-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-device1-badge27, .archive-device1-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-device1-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-device1-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device1-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-device1-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-device1-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-device1-card-header, .archive-device1-content7, .archive-device1-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-device1-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-device1-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device1-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-device1-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-button-group-base10, .archive-device1-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-device1-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-device1-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-device1-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-device1-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-device1-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-label3, .archive-device1-supporting-text41, .archive-device1-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-device1-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-device1-supporting-text41, .archive-device1-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-device1-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-device1-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-device1-content9, .archive-device1-input-with-label2, .archive-device1-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-device1-input-with-label2, .archive-device1-input2 {
  align-self: stretch;
}

.archive-device1-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-device1-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-device1-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device1-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-device1-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-actions2, .archive-device1-button7, .archive-device1-content8 {
  flex-direction: row;
  display: flex;
}

.archive-device1-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-actions2, .archive-device1-content8 {
  max-width: 100%;
}

.archive-device1-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-device1-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-device1-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-device1-card-header-parent, .archive-device1-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-text117, .archive-device1-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-device1-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-device1-badge28, .archive-device1-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-device1-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-device1-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-device1-button8, .archive-device1-button9, .archive-device1-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-device1-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-device1-button8, .archive-device1-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-device1-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-device1-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-actions3, .archive-device1-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-device1-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-device1-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device1-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-device1-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-device1-table-header-cell, .archive-device1-table-header-cell-inner, .archive-device1-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-device1-table-header-cell, .archive-device1-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-device1-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-device1-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-device1-avatar-online-indicator, .archive-device1-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-device1-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-device1-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-device1-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-device1-supporting-text43, .archive-device1-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-device1-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-device1-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-supporting-text46, .archive-device1-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-device1-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-device1-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-device1-avatar5, .archive-device1-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-device1-avatar5 {
  background-color: #f2f4f7;
}

.archive-device1-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-table-cell6, .archive-device1-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-device1-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-device1-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-table-header, .archive-device1-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-table-header {
  gap: 4px;
}

.archive-device1-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-device1-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-device1-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-marker-pin-02-group, .archive-device1-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-marker-pin-02-group {
  gap: 7px;
}

.archive-device1-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-device1-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-table-cell15, .archive-device1-table-cell16, .archive-device1-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-device1-table-cell16, .archive-device1-table-cell18 {
  width: 271px;
}

.archive-device1-table-cell18 {
  width: 239px;
}

.archive-device1-column, .archive-device1-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-device1-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-device1-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-device1-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-device1-table-header-cell2, .archive-device1-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-device1-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-device1-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-device1-table-cell20, .archive-device1-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-device1-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-device1-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-device1-column1, .archive-device1-table-cell25, .archive-device1-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-device1-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-device1-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-device1-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-table-cell30, .archive-device1-table-header-cell3, .archive-device1-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-device1-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-device1-table-cell30, .archive-device1-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-device1-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-device1-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-device1-column2, .archive-device1-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-device1-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-device1-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-device1-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-button-wrap, .archive-device1-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-device1-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-device1-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-device1-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-content11, .archive-device1-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-device1-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-device1-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-content12, .archive-device1-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-device1-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-device1-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-content13, .archive-device1-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-content13 {
  padding: 10px 15px;
}

.archive-device1-pagination-number-base2 {
  overflow: hidden;
}

.archive-device1-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-device1-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-content17, .archive-device1-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-device1-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-device1-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-button-wrap1, .archive-device1-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-device1-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-device1-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-device1-next-page-button, .archive-device1-page-navigation, .archive-device1-pagination, .archive-device1-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-device1-pagination, .archive-device1-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-device1-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-device1-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-device1-text161, .archive-device1-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-device1-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-device1-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-device1-badge29, .archive-device1-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-device1-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-device1-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-device1-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-button-group-base18, .archive-device1-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-device1-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-device1-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-device1-button-group-base19 {
  background-color: #fff;
}

.archive-device1-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-card-header-group, .archive-device1-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-device1-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-device1-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-device1-supporting-text55, .archive-device1-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-device1-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-device1-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-device1-content21, .archive-device1-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-device1-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-device1-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-actions6, .archive-device1-empty-state1 {
  justify-content: flex-start;
}

.archive-device1-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-device1-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-device1-empty-state, .archive-device1-empty-state1, .archive-device1-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-device1-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-device1-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-device1-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-device1-supporting-text56, .archive-device1-text181 {
  align-self: stretch;
  position: relative;
}

.archive-device1-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-device1-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-device1-content22, .archive-device1-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-device1-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-device1-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-empty-state2, .archive-device1-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-device1-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-device1-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-device1-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  font-family: Inter;
  font-size: 18px;
  display: flex;
}

.archive-device1-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-device1-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-device1-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-device1-frame-child6, .archive-device1-rectangle-parent2, .archive-device1-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-device1-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-device1-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-device1-dots-vertical-icon22, .archive-device1-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-device1-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-device1-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-device1-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-device1-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-device1-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-device1-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-device1-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-device1-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-device1-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-device1-frame-parent27, .archive-device1-logomark, .archive-device1-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-device1-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-device1-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-device1-content23, .archive-device1-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-device1-container1, .archive-device1-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-device1-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-device1-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-device1-divider-icon14 {
  object-fit: contain;
  z-index: 4;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: -11px;
  right: 0;
  margin: 0 !important;
}

.archive-device1-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-device1-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-device1-dot-icon10, .archive-device1-dot-icon11, .archive-device1-dot-icon7, .archive-device1-dot-icon8, .archive-device1-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-device1-dot-icon10, .archive-device1-dot-icon11, .archive-device1-dot-icon8, .archive-device1-dot-icon9 {
  z-index: 3;
}

.archive-device1-dot-icon10, .archive-device1-dot-icon11, .archive-device1-dot-icon9 {
  z-index: 4;
}

.archive-device1-dot-icon10, .archive-device1-dot-icon11 {
  z-index: 5;
}

.archive-device1-dot-icon11 {
  z-index: 6;
}

.archive-device1-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-device1-dot-icon12, .archive-device1-dot-icon13, .archive-device1-featured-icon1 {
  display: none;
  position: relative;
}

.archive-device1-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-device1-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-device1-supporting-text57, .archive-device1-text184 {
  align-self: stretch;
  position: relative;
}

.archive-device1-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-device1-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-device1-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-device1-button-close-x, .archive-device1-content24 {
  flex-direction: row;
  display: flex;
}

.archive-device1-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-device1-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-device1-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-device1-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-device1-frame-wrapper13, .archive-device1-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-device1-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-device1-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-device1-background, .archive-device1-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-device1-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-device1-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-device1-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-content25, .archive-device1-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-device1-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-device1-control-handle, .archive-device1-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-device1-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-device1-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-device1-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-device1-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-device1-background-parent, .archive-device1-content26, .archive-device1-progress, .archive-device1-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-device1-background-parent, .archive-device1-progress {
  position: relative;
}

.archive-device1-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-device1-background-parent {
  padding: 0 20px 0 0;
}

.archive-device1-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-device1-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-device1-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-device1-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-device1-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-input-field, .archive-device1-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-device1-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-device1-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-device1-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-device1-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-device1-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-device1-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-device1-frame-parent31, .archive-device1-frame-wrapper14, .archive-device1-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-device1-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-device1-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-device1-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-device1-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-device1-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-content-parent, .archive-device1-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-device1-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-device1-content-parent {
  gap: 42px;
}

.archive-device1-content-parent, .archive-device1-input10, .archive-device1-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-device1-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-device1-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-input-field2, .archive-device1-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-device1-section-parent {
  gap: 8px;
}

.archive-device1-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-device1-checkboxes1, .archive-device1-section-wrapper, .archive-device1-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-device1-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-device1-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-device1-text203, .archive-device1-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-text207 {
  min-width: 44px;
}

.archive-device1-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-text208, .archive-device1-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-text209 {
  min-width: 59px;
}

.archive-device1-search-lg, .archive-device1-text210 {
  z-index: 2;
  position: relative;
}

.archive-device1-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-device1-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-device1-content37, .archive-device1-input-fields2, .archive-device1-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-device1-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-device1-input-fields2, .archive-device1-input19 {
  align-self: stretch;
}

.archive-device1-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-device1-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-device1-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-device1-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-device1-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-device1-text212, .archive-device1-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-device1-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-device1-frame-parent36, .archive-device1-frame-parent37, .archive-device1-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-device1-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-device1-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-device1-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-device1-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-device1-frame-parent28, .archive-device1-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-device1-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-device1-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-device1-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-device1-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-device1-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-device1-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-device1-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-device1-actions9, .archive-device1-buttonsbutton39, .archive-device1-content38 {
  flex-direction: row;
  display: flex;
}

.archive-device1-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-device1-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-device1-divider-parent6, .archive-device1-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-device1-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-device1-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-device1-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-device1-frame-parent41, .archive-device1-rectangle-parent4, .archive-device1-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-device1-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-device1-slide-out {
  flex-direction: row;
  width: 25%;
  margin: 0 !important;
}

.archive-device1-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-device1-collapsed-listing, .archive-device1-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-device1-frame-form {
    padding-bottom: 272px;
  }

  .archive-device1-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-device1-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-device1-fourth-listing {
    flex: 1;
  }

  .archive-device1-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-device1-frame-parent16 {
    gap: 140px;
  }

  .archive-device1-content8 {
    flex-wrap: wrap;
  }

  .archive-device1-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-device1-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-device1-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-device1-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-device1-navigation-parent {
    gap: 19px;
  }

  .archive-device1-frame-parent {
    gap: 35px;
  }

  .archive-device1-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-device1-main {
    gap: 16px;
  }

  .archive-device1-badges, .archive-device1-dot-item-content, .archive-device1-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-device1-dots-vertical {
    min-width: 100%;
  }

  .archive-device1-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-device1-frame-div {
    flex-wrap: wrap;
  }

  .archive-device1-frame-container {
    min-width: 100%;
  }

  .archive-device1-frame-group {
    flex-wrap: wrap;
  }

  .archive-device1-dots-vertical-container {
    min-width: 100%;
  }

  .archive-device1-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-device1-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-device1-first-badge, .archive-device1-location-content {
    flex: 1;
  }

  .archive-device1-badge-name {
    flex-wrap: wrap;
  }

  .archive-device1-badge-details {
    gap: 23px;
  }

  .archive-device1-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-device1-second-badge-list-parent {
    gap: 23px;
  }

  .archive-device1-frame-parent5 {
    gap: 53px;
  }

  .archive-device1-expanded-content {
    flex-wrap: wrap;
  }

  .archive-device1-expanded-listing {
    min-width: 100%;
  }

  .archive-device1-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-device1-badge-support-parent, .archive-device1-badges1, .archive-device1-detail-item, .archive-device1-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-device1-second-listing-details {
    flex: 1;
  }

  .archive-device1-listing-detail {
    flex-wrap: wrap;
  }

  .archive-device1-frame-parent19 {
    gap: 54px;
  }

  .archive-device1-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-device1-fourth-listing {
    margin-left: 0;
  }

  .archive-device1-frame-parent16 {
    gap: 70px;
  }

  .archive-device1-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-device1-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-device1-actions2 {
    flex-wrap: wrap;
  }

  .archive-device1-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-device1-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-device1-actions3 {
    flex-wrap: wrap;
  }

  .archive-device1-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-device1-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-device1-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-device1-empty-state3 {
    gap: 16px;
  }

  .archive-device1-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-device1-container1 {
    gap: 16px;
  }

  .archive-device1-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-device1-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-device1-frame-parent {
    gap: 17px;
  }

  .archive-device1-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-device1-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device1-card-work {
    flex: 1;
  }

  .archive-device1-provider-name {
    flex-wrap: wrap;
  }

  .archive-device1-price2, .archive-device1-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device1-badge-container, .archive-device1-location-content {
    flex-wrap: wrap;
  }

  .archive-device1-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-device1-buttonsbutton-group, .archive-device1-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-device1-location-summary {
    flex: 1;
  }

  .archive-device1-summary-details {
    flex-wrap: wrap;
  }

  .archive-device1-frame-parent5 {
    gap: 27px;
  }

  .archive-device1-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-device1-price4, .archive-device1-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device1-business-name-role, .archive-device1-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-device1-detail-item-parent {
    gap: 20px;
  }

  .archive-device1-pair-container-parent {
    margin-left: 0;
  }

  .archive-device1-frame-parent19 {
    gap: 27px;
  }

  .archive-device1-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-device1-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-device1-frame-parent24 {
    gap: 126px;
  }

  .archive-device1-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-device1-content9, .archive-device1-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device1-input-dropdown2 {
    max-width: 100%;
  }

  .archive-device1-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-device1-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device1-button-group2 {
    flex-wrap: wrap;
  }

  .archive-device1-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-device1-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-device1-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-device1-footer {
    gap: 16px;
  }

  .archive-device1-listings-search-results-list {
    gap: 25px;
  }
}

.navbar {
  position: relative;
}

.user-menu-dropdown-user-menu-all-options-fixed {
  z-index: 1000;
  position: absolute;
  top: 50px;
  right: 0;
}

.navbar-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  color: #344054;
  background-color: #fff;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar-frame-child {
  background-color: #fff;
  width: 1440px;
  max-width: 100%;
  height: 72px;
  display: none;
  position: relative;
}

.navbar-top-header, .navbar-top-header-right {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.navbar-top-header-right {
  flex: 1;
  gap: 38px;
}

.navbar-top-header {
  gap: 70px;
  width: 754px;
}

.navbar-branding {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.navbar-branding, .navbar-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.415b18f8.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.navbar-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.navbar-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.navbar-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.navbar-navigation, .navbar-search-input {
  justify-content: flex-start;
  display: flex;
}

.navbar-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.navbar-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.navbar-dot-icon, .navbar-bar-chart-01-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.navbar-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.navbar-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.navbar-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.navbar-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.navbar-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.navbar-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.navbar-badge1, .navbar-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.navbar-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.navbar-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.navbar-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.navbar-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  font-size: 14px;
  display: flex;
}

.navbar-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.navbar-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.navbar-content3, .navbar-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-content3 {
  flex: 1;
  gap: 8px;
}

.navbar-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.navbar-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.navbar-user-actions {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.navbar-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.navbar-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.navbar-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.navbar-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.navbar-avatar {
  z-index: 1;
  cursor: pointer;
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.navbar-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sell-button {
  transition: background-color .3s, border .3s, color .3s !important;
}

.sell-button:hover {
  color: #fff !important;
  background-color: #6941c6 !important;
  border: 1px solid #6941c6 !important;
}

@media screen and (width <= 750px) {
  .navbar-top-header-right {
    gap: 19px;
  }

  .navbar-top-header {
    gap: 35px;
  }

  .navbar-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }
}

@media screen and (width <= 450px) {
  .navbar-top-header {
    gap: 17px;
  }
}

.detailed-device-review-reply-header {
  width: 20%;
}

.detailed-device-review-reply-feedback-header {
  box-sizing: border-box;
  flex-direction: row;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.detailed-device-review-reply-header-info {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-review-reply-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-review-reply-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-device-review-reply-alvo-medical {
  font-weight: 500;
}

.detailed-device-review-reply-main {
  box-sizing: border-box;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 80px 24px 10px;
  display: flex;
}

.detailed-device-review-reply-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-device-review-reply {
  width: 100%;
  padding: 0 6px;
}

.detailed-device-frame-child, .detailed-device-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.detailed-device-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.detailed-device-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.detailed-device-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.detailed-device-header-content, .detailed-device-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.detailed-device-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.detailed-device-bar-chart-01-icon, .detailed-device-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.detailed-device-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.detailed-device-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.detailed-device-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.detailed-device-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-device-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-device-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-device-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-badge1, .detailed-device-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.detailed-device-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-device-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-device-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-navigation, .detailed-device-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.detailed-device-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.detailed-device-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.detailed-device-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-device-placeholder, .detailed-device-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.detailed-device-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.detailed-device-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  margin: 0;
  padding-top: 3px;
  padding-bottom: 3px;
}

.detailed-device-content3, .detailed-device-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-device-content3 {
  flex: 1;
  gap: 8px;
}

.detailed-device-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-header-container, .detailed-device-input-with-label, .detailed-device-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.detailed-device-header-container, .detailed-device-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.detailed-device-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.detailed-device-header-container {
  gap: 70px;
  width: 754px;
}

.detailed-device-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.detailed-device-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.detailed-device-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.detailed-device-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.detailed-device-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.detailed-device-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.detailed-device-button-container, .detailed-device-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.detailed-device-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.detailed-device-divider-icon, .detailed-device-text6 {
  align-self: stretch;
  position: relative;
}

.detailed-device-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.detailed-device-text6 {
  font-weight: 500;
  line-height: 20px;
}

.detailed-device-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.detailed-device-chevron-right-icon, .detailed-device-text7 {
  flex-shrink: 0;
  position: relative;
}

.detailed-device-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.detailed-device-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-device-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.detailed-device-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-device-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.detailed-device-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-device-breadcrumb-controls, .detailed-device-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.detailed-device-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-device-breadcrumb-controls {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
  position: absolute;
  left: 0;
}

.detailed-device-breadcrumb-controls-icon, .detailed-device-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.detailed-device-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.detailed-device-breadcrumb-controls-item {
  display: none;
}

.detailed-device-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-device-text8 {
  cursor: pointer;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-buttonsbutton, .detailed-device-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.detailed-device-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-device-breadcrumb-controls1 {
  box-sizing: border-box;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
  position: absolute;
  right: 0;
}

.detailed-device-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.detailed-device-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-device-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.detailed-device-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.detailed-device-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.detailed-device-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-device-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.detailed-device-breadcrumb, .detailed-device-breadcrumb-button-base3, .detailed-device-breadcrumb-container-paren {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-breadcrumb-items {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 320px;
  display: flex;
  overflow: hidden;
}

.detailed-device-breadcrumb-items-card {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 200px;
  display: flex;
  overflow: hidden;
}

.detailed-device-breadcrumb, .detailed-device-breadcrumb-container-parent {
  max-width: 100%;
}

.detailed-device-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.detailed-device-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.detailed-device-pre- {
  text-transform: capitalize;
}

.detailed-device-o {
  text-transform: lowercase;
}

.detailed-device-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.detailed-device-marker-pin-02-icon, .detailed-device-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.detailed-device-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.detailed-device-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.detailed-device-detail-items, .detailed-device-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-detail-items {
  flex: 1;
  gap: 8px;
}

.detailed-device-details-row {
  gap: 20px;
  width: 294px;
}

.detailed-device-contact-name {
  padding: 0 5px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  max-width: 50px;
  padding: 1px 4px;
  display: flex;
}

.detailed-device-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  font-size: 12px;
  display: flex;
}

.detailed-device-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.detailed-device-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.detailed-device-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-device-ellipse-div, .detailed-device-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-device-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.detailed-device-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-device-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.detailed-device-contact-details, .detailed-device-details-content, .detailed-device-rectangle-container, .detailed-device-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.detailed-device-contact-details, .detailed-device-details-content {
  align-self: stretch;
}

.detailed-device-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.detailed-device-details-content {
  flex-direction: column;
  gap: 8px;
}

.detailed-device-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-buttonsbutton1, .detailed-device-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.detailed-device-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-buttonsbutton1:hover {
  background-color: #eaecf0;
}

.detailed-device-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-device-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.detailed-device-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-device-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.detailed-device-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.detailed-device-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.detailed-device-detail-container, .detailed-device-dropdown, .detailed-device-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.detailed-device-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.detailed-device-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.detailed-device-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.detailed-device-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.detailed-device-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.detailed-device-heading, .detailed-device-paragraph, .detailed-device-paragraph1 {
  z-index: 1;
  position: relative;
}

.detailed-device-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-device-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.detailed-device-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.detailed-device-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.detailed-device-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.detailed-device-description-columns-second, .detailed-device-description-content, .detailed-device-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-device-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 42px;
  min-height: 120px;
}

.detailed-device-description-content, .detailed-device-heading-parent {
  flex-direction: column;
}

.detailed-device-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.detailed-device-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.detailed-device-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-device-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-description-paragraphs, .detailed-device-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.detailed-device-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.detailed-device-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.detailed-device-heading1, .detailed-device-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-device-heading1 {
  font-weight: 500;
}

.detailed-device-paragraph26 {
  color: #475467;
}

.detailed-device-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.detailed-device-gallery-images-container-child, .detailed-device-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.detailed-device-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.detailed-device-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.detailed-device-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.detailed-device-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-device-gallery-images, .detailed-device-gallery-images-container, .detailed-device-gallery-images-container1, .detailed-device-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-device-gallery-images, .detailed-device-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.detailed-device-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.detailed-device-heading6 {
  font-weight: 600;
}

.detailed-device-heading6, .detailed-device-heading7, .detailed-device-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-device-heading7 {
  font-weight: 500;
}

.detailed-device-paragraph30 {
  color: #475467;
}

.detailed-device-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.detailed-device-benefits-content {
  gap: 16px;
}

.detailed-device-benefits-container, .detailed-device-benefits-content, .detailed-device-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.detailed-device-section {
  z-index: 1;
  font-size: 18px;
}

.detailed-device-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.detailed-device-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-device-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.detailed-device-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.detailed-device-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.detailed-device-supporting-text3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-device-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-device-supporting-text3 {
  color: #475467;
}

.detailed-device-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.detailed-device-download-items, .detailed-device-download-items-parent, .detailed-device-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.detailed-device-download-items-parent-custom {
  max-width: 50% !important;
}

.detailed-device-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.detailed-device-download-items, .detailed-device-download-items-parent {
  align-self: stretch;
}

.detailed-device-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.detailed-device-heading15, .detailed-device-text18 {
  font-weight: 600;
  position: relative;
}

.detailed-device-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.detailed-device-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.detailed-device-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-device-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-device-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-device-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-device-button-group-base2, .detailed-device-button-group-base3, .detailed-device-button-group-base4, .detailed-device-button-group-base5, .detailed-device-button-group-base6, .detailed-device-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.detailed-device-button-group-base3, .detailed-device-button-group-base4, .detailed-device-button-group-base5, .detailed-device-button-group-base6, .detailed-device-button-group-base7 {
  z-index: 5;
}

.detailed-device-button-group-base4, .detailed-device-button-group-base5, .detailed-device-button-group-base6, .detailed-device-button-group-base7 {
  z-index: 4;
}

.detailed-device-button-group-base5, .detailed-device-button-group-base6, .detailed-device-button-group-base7 {
  z-index: 3;
}

.detailed-device-button-group-base6, .detailed-device-button-group-base7 {
  z-index: 2;
}

.detailed-device-button-group-base7 {
  z-index: 1;
}

.detailed-device-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-device-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-device-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-supporting-text9, .detailed-device-text27 {
  line-height: 24px;
  position: relative;
}

.detailed-device-text27 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}

.detailed-device-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.detailed-device-content5, .detailed-device-input-with-label1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-content5 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  width: 100%;
  display: flex;
}

.detailed-device-input-with-label1 {
  align-self: stretch;
}

.detailed-device-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.detailed-device-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-device-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-device-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.detailed-device-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-device-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-device-actions, .detailed-device-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-device-button {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.detailed-device-content4, .detailed-device-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 3px;
}

.detailed-device-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.detailed-device-empty-review, .detailed-device-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.detailed-device-empty-review {
  justify-content: center;
  height: 44px;
  line-height: 24px;
}

.detailed-device-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.detailed-device-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.detailed-device-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.detailed-device-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.detailed-device-review-content, .detailed-device-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.detailed-device-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.detailed-device-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.detailed-device-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-device-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-business-heading17 {
  z-index: 1;
  width: max-content;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-first-review-fifth-star, .detailed-device-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.detailed-device-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.detailed-device-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-heading-wrapper {
  padding: 0 4px;
}

.detailed-device-heading-wrapper, .detailed-device-stars-wrapper, .detailed-device-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.detailed-device-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.detailed-device-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-business-heading19 {
  z-index: 1;
  padding: 0 15px;
  line-height: 24px;
  position: relative;
}

.detailed-device-rectangle-parent3, .detailed-device-review-container, .detailed-device-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.detailed-device-review-container, .detailed-device-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.detailed-device-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.detailed-device-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  padding-top: 10px;
  font-size: 56px;
}

.detailed-device-divider-icon3 {
  z-index: 1;
  flex: 1;
  width: 95%;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-device-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.detailed-device-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.detailed-device-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-alvo-medical, .detailed-device-heading20 {
  font-weight: 500;
}

.detailed-device-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-device-client-review-header, .detailed-device-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.detailed-device-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.detailed-device-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-device-client-rating, .detailed-device-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-client-rating {
  align-self: stretch;
  gap: 4px;
}

.detailed-device-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.detailed-device-client-review, .detailed-device-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.detailed-device-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.detailed-device-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-device-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.detailed-device-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-device-badge-wrapper, .detailed-device-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.detailed-device-badge-wrapper {
  align-self: center;
  padding: 0 69px;
}

.detailed-device-discount, .detailed-device-price {
  z-index: 2;
  position: relative;
}

.detailed-device-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.detailed-device-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.detailed-device-original-price, .detailed-device-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.detailed-device-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.detailed-device-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-device-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 0 12px 0 11px;
}

.detailed-device-card-header, .detailed-device-price-tag, .detailed-device-service-title-container {
  align-items: flex-start;
  display: flex;
}

.detailed-device-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
}

.detailed-device-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.detailed-device-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -4px;
  right: 130px;
  margin: 0 !important;
}

.detailed-device-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-device-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.detailed-device-amlie-laurent, .detailed-device-card-footer, .detailed-device-role {
  align-self: stretch;
  position: relative;
}

.detailed-device-card-footer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-amlie-laurent, .detailed-device-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.detailed-device-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.detailed-device-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-device-supporting-text10 {
  z-index: 2;
  width: 117px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-supporting-text10-a {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-message-button {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  display: flex;
}

.detailed-device-contact-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 52px;
  display: flex;
}

.detailed-device-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.detailed-device-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.detailed-device-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-device-buttonsbutton5, .detailed-device-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-buttonsbutton5 {
  white-space: nowrap;
  cursor: pointer;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.detailed-device-buttonsbutton5:hover {
  background-color: #6941c6;
}

.detailed-device-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.detailed-device-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-buttonsbutton6-add:hover {
  background-color: #eaecf0;
}

.detailed-device-buttonsbutton6:hover {
  background-color: #3e9e5b;
}

.detailed-device-button-container2, .detailed-device-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.detailed-device-button-container2 {
  flex: 1;
  gap: 16px;
}

.detailed-device-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.detailed-device-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.detailed-device-dropdown-menu, .detailed-device-dropdown1, .detailed-device-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-dropdown1 {
  z-index: 2;
}

.detailed-device-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.detailed-device-professional-details, .detailed-device-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-device-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.detailed-device-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.detailed-device-card-content, .detailed-device-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.detailed-device-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-device-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.detailed-device-description, .detailed-device-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.detailed-device-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.detailed-device-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-device-description-landing {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9;
  border: none;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .3s, transform .2s;
  display: inline-flex;
}

.detailed-device-description-landing:hover {
  background-color: #6941c6;
  transform: scale(1.05);
}

.detailed-device-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.detailed-device-header-content1, .detailed-device-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-device-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.detailed-device-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.detailed-device-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.detailed-device-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.detailed-device-client-name, .detailed-device-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-device-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  text-overflow: ellipsis;
  align-self: stretch;
  max-width: 260px;
  font-size: 16px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.detailed-device-heading24 {
  text-overflow: ellipsis;
  color: #6941c6;
  width: 164px;
  max-width: 164px;
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
}

.detailed-device-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.detailed-device-testimonial-divider, .detailed-device-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  padding: 16px;
}

.detailed-device-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.detailed-device-rectangle-parent4, .detailed-device-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.detailed-device-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.detailed-device-frame-parent, .detailed-device-listing-content, .detailed-device-listing-content-wrapper, .detailed-device-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.detailed-device-frame-parent, .detailed-device-listing-content {
  flex-direction: row;
}

.detailed-device-listing-content {
  flex: 1;
  gap: 14px;
}

.detailed-device-frame-parent {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.detailed-device-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 75%;
  padding: 0 80px;
  display: flex;
}

.detailed-device-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  padding: 0 2px 24px 0;
}

.detailed-device-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-listing-image-grid, .detailed-device-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.detailed-device-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.detailed-device-listing-image-grid1 {
  padding: 0 80px 24px;
}

.detailed-device-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 35px;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-device-feedback-header, .detailed-device-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.detailed-device-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.detailed-device-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-device-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-buttonsbutton7, .detailed-device-feedback-score, .detailed-device-stars-parent {
  align-items: flex-start;
  display: flex;
}

.detailed-device-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.detailed-device-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.detailed-device-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.detailed-device-client-feedback, .detailed-device-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.detailed-device-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 24px 80px 24px 0;
}

.detailed-device-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.detailed-device-client-message, .detailed-device-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.detailed-device-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-device-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px 0;
}

.detailed-device-buttonsbutton8, .detailed-device-client-message {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-device-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-buttonsbutton8:hover {
  background-color: #6941c6;
}

.detailed-device-view-replies {
  color: #eaecf0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 91.5%;
  padding-bottom: 24px;
  font-size: 14px;
  display: flex;
}

.detailed-device-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-device-button-wrap, .detailed-device-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-device-buttonsbutton9 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-buttonsbutton9:hover {
  background-color: #eaecf0;
}

.detailed-device-button-wrap {
  justify-content: flex-start;
}

.detailed-device-details, .detailed-device-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-device-text37 {
  min-width: 32px;
  font-weight: 600;
}

.detailed-device-button-wrap1, .detailed-device-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-device-buttonsbutton10 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-buttonsbutton10:hover {
  background-color: #eaecf0;
}

.detailed-device-button-wrap1 {
  justify-content: flex-end;
}

.detailed-device-pagination, .detailed-device-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.detailed-device-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px 16px 9px;
  overflow-x: auto;
}

.detailed-device-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 66px 24px;
  font-size: 14px;
}

.detailed-device-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.detailed-device-heading32, .detailed-device-heading33 {
  line-height: 24px;
  position: relative;
}

.detailed-device-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.detailed-device-heading33 {
  width: 107px;
  display: inline-block;
}

.detailed-device-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-device-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.detailed-device-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.detailed-device-label2, .detailed-device-label3, .detailed-device-text38 {
  position: relative;
}

.detailed-device-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.detailed-device-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.detailed-device-input-with-label3, .detailed-device-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.detailed-device-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.detailed-device-content6, .detailed-device-input-field, .detailed-device-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.detailed-device-content6, .detailed-device-input-field {
  max-width: 100%;
}

.detailed-device-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.detailed-device-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.detailed-device-label4, .detailed-device-text39 {
  display: inline-block;
  position: relative;
}

.detailed-device-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-device-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.detailed-device-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-device-input-field1, .detailed-device-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.detailed-device-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.detailed-device-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.detailed-device-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-device-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-device-button1, .detailed-device-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-device-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.detailed-device-review-form, .detailed-device-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.detailed-device-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 45px;
  font-size: 14px;
}

.detailed-device-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.detailed-device-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.detailed-device-heading36 {
  z-index: 1;
  color: #000;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-heading-parent3, .detailed-device-text-wrapper {
  align-items: flex-end;
  display: flex;
}

.detailed-device-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.detailed-device-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.detailed-device-frame-child12, .detailed-device-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.detailed-device-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.detailed-device-listing-image-grid4-landing {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 18px 24px 33px;
  font-size: 18px;
  display: flex;
}

.detailed-device-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.detailed-device-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.detailed-device-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-device-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 6px;
  display: flex;
}

.detailed-device-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-device-badge5, .detailed-device-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.detailed-device-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.detailed-device-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.detailed-device-image-overlay, .detailed-device-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-device-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.detailed-device-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.detailed-device-text42 {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #101828;
  flex: 1;
  max-width: 260px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
}

.detailed-device-text42-landing {
  z-index: 1;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  color: #101828;
  -webkit-box-orient: vertical;
  flex: 1;
  max-width: 260px;
  font-weight: 600;
  line-height: 28px;
  display: -webkit-box;
  position: relative;
  overflow: hidden;
}

.detailed-device-listing-detail-item-date, .detailed-device-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 15px 15px 0;
}

.detailed-device-text-frame-landing {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 296px;
  padding: 20px 15px 0;
  display: flex;
}

.detailed-device-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.detailed-device-location {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 125px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.detailed-device-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-device-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.detailed-device-listing-team-member {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.detailed-device-supporting-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  max-width: 150px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.detailed-device-listing-detail-item-pin-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-listing-team {
  color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.detailed-device-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.detailed-device-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  gap: 20px;
  font-weight: 600;
  line-height: 30px;
  display: flex;
  position: relative;
}

.detailed-device-supporting-text13 {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 77px;
  max-width: 150px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.detailed-device-listing {
  color: #475467;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  width: 95%;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.detailed-device-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  display: flex;
}

.detailed-device-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.detailed-device-name {
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0;
  max-width: 110px;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
  overflow: hidden;
}

.detailed-device-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.detailed-device-role1 {
  color: #6941c6;
  z-index: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 110px;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.detailed-device-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.detailed-device-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.detailed-device-listing-detail-item-value, .detailed-device-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-device-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.detailed-device-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.detailed-device-listing-detail-item {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 1px;
  font-size: 16px;
  display: flex;
}

.detailed-device-rectangle-parent10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 300px;
  max-width: 320px;
  padding: 0 0 14px;
  display: flex;
}

.detailed-device-rectangle-parent10-landing {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 300px;
  margin-top: 5px;
  padding: 0 0 14px;
  display: flex;
}

.detailed-device-rectangle-parent10-landing:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px #00000026;
}

.detailed-device-rectangle-parent10-landing-static {
  box-sizing: border-box;
  background-color: #6766cc;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 300px;
  height: 392px;
  padding: 0 0 14px;
  display: flex;
}

.detailed-device-rectangle-parent10-landing-static:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px #00000026;
}

.detailed-device-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.detailed-device-footer-social-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 42px;
  height: 42px;
  position: relative;
}

.detailed-device-footer-social, .detailed-device-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-device-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.detailed-device-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-device-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-device-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.detailed-device-badge-group, .detailed-device-image-overlay3, .detailed-device-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.detailed-device-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.detailed-device-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.detailed-device-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.detailed-device-agent-details-icon, .detailed-device-agent-extra-info, .detailed-device-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.detailed-device-agent-details-icon, .detailed-device-agent-extra-info {
  max-width: 100%;
}

.detailed-device-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.detailed-device-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.detailed-device-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 170px;
  margin: 0 !important;
}

.detailed-device-frame-parent5 {
  scrollbar-width: none;
  white-space: nowrap;
  scroll-behavior: smooth;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  top: 0;
  left: 20px;
  overflow: scroll hidden;
}

.detailed-device-frame-parent5-landing {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  height: auto;
  padding-bottom: 10px;
  display: grid;
  position: relative;
  top: 0;
  left: 20px;
  overflow: hidden;
}

.detailed-device-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 170px;
  right: -30px;
}

.detailed-device-frame-parent4 {
  width: 100%;
  max-width: 100%;
  position: relative;
}

.detailed-device-frame-parent4-landing {
  width: 100%;
  max-width: 100%;
  height: auto;
  position: relative;
}

.detailed-device-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 35px 24px;
  font-size: 12px;
  display: flex;
}

.detailed-device-listing-image-grid5-landing {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 10px 24px;
  font-size: 12px;
  display: flex;
}

.detailed-device-testiomonial-carousel-arrow4, .detailed-device-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.detailed-device-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.detailed-device-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.detailed-device-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-rectangle-parent30, .detailed-device-supporting-six-wrapper, .detailed-device-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.detailed-device-supporting-six-wrapper, .detailed-device-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.detailed-device-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.detailed-device-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.detailed-device-divider-container, .detailed-device-icon-group, .detailed-device-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.detailed-device-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.detailed-device-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.detailed-device-breadcrumb-button-base4, .detailed-device-testiomonial-carousel-arrow6, .detailed-device-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-device-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.detailed-device-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.detailed-device-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-device-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-device-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.detailed-device-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-device-divider-icon24 {
  width: 1216px;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin: 0 !important;
}

.detailed-device-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-device-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-device-button2, .detailed-device-text-padding4, .detailed-device-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.detailed-device-button2, .detailed-device-text-padding5 {
  box-sizing: border-box;
}

.detailed-device-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.detailed-device-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.detailed-device-button3, .detailed-device-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.detailed-device-button4, .detailed-device-button5, .detailed-device-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.detailed-device-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-actions1, .detailed-device-testiomonial-carousel-arrow8, .detailed-device-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-device-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.detailed-device-testiomonial-carousel-arrow8, .detailed-device-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-device-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.detailed-device-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.detailed-device-listing-image-grid11, .detailed-device-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-device-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.detailed-device-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.detailed-device-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-device-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.detailed-device-linkedin-logo-2-icon {
  object-fit: cover;
  color: #686868;
  width: 30px;
  height: 30px;
  min-height: 30px;
  position: relative;
}

.footer-anchor:hover .detailed-device-linkedin-logo-2-icon {
  filter: grayscale() brightness(.4);
  color: #000;
}

.detailed-device-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.detailed-device-heading40, .detailed-device-text123 {
  font-weight: 600;
  position: relative;
}

.detailed-device-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.detailed-device-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.detailed-device-buttonsbutton27, .detailed-device-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-device-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.detailed-device-footer-link1 {
  color: #7e56d9;
  justify-content: flex-start;
}

.detailed-device-footer-link1:hover {
  color: #6941c6;
}

.detailed-device-text124, .detailed-device-text125, .detailed-device-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-text125, .detailed-device-text126 {
  min-width: 68px;
}

.detailed-device-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.detailed-device-badge36, .detailed-device-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-device-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.detailed-device-footer-link3 {
  color: #7e56d9;
  gap: 8px;
}

.detailed-device-footer-link3:hover {
  color: #6941c6;
}

.detailed-device-text127, .detailed-device-text128, .detailed-device-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-text128, .detailed-device-text129 {
  min-width: 97px;
}

.detailed-device-text129 {
  min-width: 81px;
}

.detailed-device-footer-links-column, .detailed-device-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.detailed-device-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.detailed-device-text130, .detailed-device-text131, .detailed-device-text132, .detailed-device-text133, .detailed-device-text134, .detailed-device-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.detailed-device-text131, .detailed-device-text132, .detailed-device-text133, .detailed-device-text134, .detailed-device-text135 {
  min-width: 58px;
}

.detailed-device-text132, .detailed-device-text133, .detailed-device-text134, .detailed-device-text135 {
  min-width: 66px;
}

.detailed-device-text133, .detailed-device-text134, .detailed-device-text135 {
  min-width: 90px;
}

.detailed-device-text134, .detailed-device-text135 {
  min-width: 55px;
}

.detailed-device-text135 {
  min-width: 63px;
}

.detailed-device-footer-links2, .detailed-device-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.detailed-device-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.detailed-device-help-icon, .detailed-device-label6 {
  display: none;
  position: relative;
}

.detailed-device-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-device-help-icon {
  width: 16px;
  height: 16px;
}

.detailed-device-input-with-label6, .detailed-device-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.detailed-device-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-device-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-device-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.detailed-device-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-device-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-buttonsbutton39:hover {
  cursor: pointer;
  background-color: #6941c6;
}

.detailed-device-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.detailed-device-email-capture, .detailed-device-links-and-newsletter, .detailed-device-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.detailed-device-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.detailed-device-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.detailed-device-container, .detailed-device-content8, .detailed-device-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-container {
  flex: 1;
  max-width: 1280px;
}

.detailed-device-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.detailed-device-divider-icon29, .detailed-device-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.detailed-device-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.detailed-device-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  padding: 64px 0 48px;
  font-family: Inter;
  display: flex;
}

.detailed-device-footer-text {
  line-height: 20px;
  position: relative;
}

.detailed-device-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.detailed-device-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.detailed-device-logomark, .detailed-device-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.detailed-device-content10, .detailed-device-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-device-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.detailed-device-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.detailed-device-footer1, .detailed-device-listings-detailed-page-devic, .detailed-device-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.detailed-device-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.detailed-device-listings-detailed-page-devic, .detailed-device-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.detailed-device-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.detailed-device-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.detailed-device-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-device-sharethis-parent {
  position: relative;
}

.detailed-device-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-device-sharethis-follow-parent {
  position: relative;
}

.detailed-device-button1-submit {
  z-index: 2;
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-device-button1-submit:hover {
  background-color: #6941c6;
}

.detailed-device-client-feedback-parent {
  width: 100%;
}

.detailed-device-reply-section {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 0 80px 24px 0;
  display: flex;
}

.detailed-device-reply-textarea {
  resize: none;
  box-sizing: border-box;
  scrollbar-width: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  height: 100px;
  padding: 10px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.detailed-device-reply-textarea:focus {
  border-color: #7e56d9;
  outline: none;
}

.detailed-device-reply-submit-btn {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9;
  border: none;
  border-radius: 5px;
  width: max-content;
  padding: 8px 15px;
  font-size: 14px;
}

.detailed-device-reply-submit-btn:hover {
  background-color: #6941c6;
}

.detailed-device-reply-submit-btn:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.detailed-device-char-counter {
  color: #555;
  text-align: left;
  font-size: 12px;
}

.detailed-device-char-counter.warning {
  color: #e74c3c;
}

.review-section-main-container {
  width: 1056px;
  padding: 0 80px 45px;
}

.detailed-client-report {
  cursor: pointer;
  border: .5px solid #d0d5dd;
  border-radius: 8px;
}

.detailed-client-report-sub {
  flex-direction: row;
  align-items: center;
  gap: 2px;
  padding: 4px;
  display: flex;
}

.detailed-client-text {
  font-size: 12px;
}

.detailed-client-report-image {
  width: 20px;
  height: 20px;
  display: flex;
}

.detailed-device-landing-counter {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 100%;
  font-size: 25px;
  display: flex;
}

.detailed-device-landing-view-all {
  color: #fff;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 15px;
  display: flex;
}

.detailed-device-landing-counter strong {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
}

.detailed-device-landing-counter span {
  opacity: .95;
  font-size: 22px;
  font-weight: 500;
}

@media screen and (width <= 1275px) {
  .detailed-device-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .detailed-device-breadcrumb-controls1 {
    flex: 1;
  }

  .detailed-device-breadcrumb-container {
    flex-wrap: wrap;
  }

  .detailed-device-service-card {
    flex: 1;
  }

  .detailed-device-listing-content {
    flex-wrap: wrap;
  }

  .detailed-device-container, .detailed-device-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .detailed-device-client-review, .detailed-device-content4, .detailed-device-description-columns-first, .detailed-device-download-items, .detailed-device-gallery-images, .detailed-device-rectangle-group, .detailed-device-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .detailed-device-description-block-parent {
    min-width: 100%;
  }

  .detailed-device-client-feedback, .detailed-device-client-message, .detailed-device-listing-image-grid, .detailed-device-listing-image-grid1, .detailed-device-pagination-wrapper, .detailed-device-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-device-heading-parent3 {
    flex-wrap: wrap;
  }

  .detailed-device-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .detailed-device-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .detailed-device-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .detailed-device-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .detailed-device-actions, .detailed-device-file-upload-item-base {
    flex-wrap: wrap;
  }

  .detailed-device-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .detailed-device-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .detailed-device-review-stars {
    min-width: 100%;
  }

  .detailed-device-review-container, .detailed-device-review-stars {
    flex-wrap: wrap;
  }

  .detailed-device-client-review-header {
    min-width: 100%;
  }

  .detailed-device-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-device-service-card {
    min-width: 100%;
  }

  .detailed-device-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-device-feedback-header {
    min-width: 100%;
  }

  .detailed-device-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .detailed-device-frame-parent3 {
    flex-wrap: wrap;
  }

  .detailed-device-textarea-input-field {
    max-width: 100%;
  }

  .detailed-device-content6 {
    gap: 16px;
  }

  .detailed-device-textarea-input-field1 {
    max-width: 100%;
  }

  .detailed-device-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-device-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .detailed-device-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .detailed-device-links {
    flex: 1;
  }

  .detailed-device-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .detailed-device-container {
    gap: 24px;
  }

  .detailed-device-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-device-footer {
    gap: 24px;
    height: auto;
  }

  .detailed-device-container1 {
    gap: 16px;
  }

  .detailed-device-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .detailed-device-header-container {
    gap: 17px;
  }

  .detailed-device-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .detailed-device-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-device-button-row, .detailed-device-contact-details {
    flex-wrap: wrap;
  }

  .detailed-device-gallery-images-container, .detailed-device-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .detailed-device-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .detailed-device-input-dropdown {
    max-width: 100%;
  }

  .detailed-device-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .detailed-device-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .detailed-device-rectangle-parent1 {
    flex: 1;
  }

  .detailed-device-review-container {
    gap: 16px;
  }

  .detailed-device-price {
    font-size: 21px;
    line-height: 26px;
  }

  .detailed-device-header-content1, .detailed-device-professional-details, .detailed-device-testimonial-item {
    flex-wrap: wrap;
  }

  .detailed-device-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .detailed-device-review-form {
    gap: 25px;
  }

  .detailed-device-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .detailed-device-links, .detailed-device-logo-and-supporting-text {
    gap: 16px;
  }

  .detailed-device-email-capture {
    flex-wrap: wrap;
  }

  .detailed-device-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .detailed-device-footer1 {
    gap: 16px;
  }
}

.progress-container-parent {
  flex-direction: column;
  flex: 1;
  gap: 393px;
  max-width: 100%;
}

.forms-add-device {
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 60px;
  font-family: Inter;
  display: flex;
}

.forms-add-device {
  box-sizing: border-box;
  letter-spacing: normal;
  align-items: flex-start;
  width: 100%;
  padding: 7px 0 0;
  font-size: 14px;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1275px) {
  .progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .progress-steps {
    display: none;
  }

  .main {
    height: auto;
  }

  .content23 {
    flex-wrap: wrap;
  }

  .actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .content5 {
    max-width: 100%;
  }

  .progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .frame-group {
    gap: 19px;
  }

  .frame-parent {
    gap: 35px;
  }

  .rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .main {
    gap: 16px;
  }

  .content22, .content39 {
    min-width: 100%;
  }

  .textarea-input-field {
    max-width: 100%;
  }

  .content42 {
    gap: 16px;
  }

  .actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .frame-parent {
    gap: 17px;
  }

  .step-two, .step-two-details, .steps {
    gap: 19px;
  }

  .form-parent {
    gap: 350px;
  }

  .action, .first-upload-item-content, .input1, .input10, .input9, .progress-bar {
    flex-wrap: wrap;
  }

  .actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .progress-container-parent {
    gap: 49px;
  }
}

.add-device-step-input-field13 {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-device-step-button9:hover {
  background-color: #6941c6;
}

.add-device-step-button11:hover {
  background-color: #f3f3f3;
}

.button21:hover {
  background-color: #f3f3f3;
}

.button22:hover {
  background-color: #f2a71b;
}

.button23:hover {
  background-color: #6941c6;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-device-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-device-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-device-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-device-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-device-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-device-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-device-step-first-upload-item-content, .add-device-step-action, .add-device-step-input1, .add-device-step-input10, .add-device-step-input9 {
    flex-wrap: wrap;
  }
}

.add-wanted-device-content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: calc(100% - 266px);
  font-size: 14px;
}

.add-wanted-device-divider-icon10 {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .add-wanted-device-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-device-progress-steps {
    display: none;
  }

  .add-wanted-device-main {
    height: auto;
  }

  .add-wanted-device-content23 {
    flex-wrap: wrap;
  }

  .add-wanted-device-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-wanted-device-content5 {
    max-width: 100%;
  }

  .add-wanted-device-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-wanted-device-frame-group {
    gap: 19px;
  }

  .add-wanted-device-frame-parent {
    gap: 35px;
  }

  .add-wanted-device-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-wanted-device-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-wanted-device-main {
    gap: 16px;
  }

  .add-wanted-device-content22, .add-wanted-device-content39 {
    min-width: 100%;
  }

  .add-wanted-device-textarea-input-field {
    max-width: 100%;
  }

  .add-wanted-device-content42 {
    gap: 16px;
  }

  .add-wanted-device-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-wanted-device-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-device-frame-parent {
    gap: 17px;
  }

  .add-wanted-device-step-two, .add-wanted-device-step-two-details, .add-wanted-device-steps {
    gap: 19px;
  }

  .add-wanted-device-form-parent {
    gap: 350px;
  }

  .add-wanted-device-action, .add-wanted-device-first-upload-item-content, .add-wanted-device-input1, .add-wanted-device-input10, .add-wanted-device-input9, .add-wanted-device-progress-bar {
    flex-wrap: wrap;
  }

  .add-wanted-device-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-device-progress-container-parent {
    gap: 49px;
  }
}

#deviceCategoryCustomSelect, #oemCustomSelect {
  position: relative;
}

#deviceCategoryCustomSelect ul, #oemCustomSelect ul {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #583c97;
  border-radius: 5px;
  width: 500px;
  max-height: 450px;
  padding: 0;
  position: absolute;
  overflow-y: scroll;
}

#deviceCategoryCustomSelect li, #oemCustomSelect li {
  padding: 5px;
}

#deviceCategoryCustomSelect li:hover, #oemCustomSelect li:hover {
  color: #fff;
  background-color: #583c97;
  border-radius: 4px;
}

.myinputfield {
  border: 1px solid var(--1-color-modes-colors-text-text-placeholder);
  border-radius: 10px;
  width: 100%;
  padding: 10px !important;
}

.myselectfield {
  border-radius: 10px;
  width: 100%;
  padding: 10px !important;
}

.error {
  color: red;
  font-size: 15px;
  font-family: var(--text-md-regular-font-family);
}

.add-wanted-device-step-content8-custom {
  padding: 0 !important;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-wanted-device-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-device-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-device-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-wanted-device-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-wanted-device-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-device-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-device-step-first-upload-item-content, .add-wanted-device-step-action, .add-wanted-device-step-input1, .add-wanted-device-step-input10, .add-wanted-device-step-input9 {
    flex-wrap: wrap;
  }
}

.text-overflow-archive-device {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.listings-container {
  max-height: 80vh;
  width: inherit;
  gap: 20px;
  margin: 260px auto 0;
  padding: 10px;
  display: grid;
  overflow-y: auto;
}

.listing-item {
  text-align: center;
  padding: 20px;
}

.listings-container::-webkit-scrollbar {
  width: 10px;
}

.listings-container::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
}

.listings-container::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.archive-wanted-device-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-wanted-device-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-wanted-device-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-wanted-device-logo, .archive-wanted-device-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-wanted-device-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-wanted-device-bar-chart-01-icon, .archive-wanted-device-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-device-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-wanted-device-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-wanted-device-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-wanted-device-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-wanted-device-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-device-text2, .archive-wanted-device-text3 {
  font-family: Inter;
  position: relative;
}

.archive-wanted-device-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-wanted-device-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-device-badge1, .archive-wanted-device-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-wanted-device-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-wanted-device-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-device-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-navigation, .archive-wanted-device-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-wanted-device-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-wanted-device-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-device-search-lg-icon, .archive-wanted-device-text6 {
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-wanted-device-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-wanted-device-content3, .archive-wanted-device-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device-content3 {
  flex: 1;
  gap: 8px;
}

.archive-wanted-device-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-frame-parent, .archive-wanted-device-input-with-label, .archive-wanted-device-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-wanted-device-frame-parent, .archive-wanted-device-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-wanted-device-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-wanted-device-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-wanted-device-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-wanted-device-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-device-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-wanted-device-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-wanted-device-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-wanted-device-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-wanted-device-breadcrumb-button-base, .archive-wanted-device-rectangle-parent, .archive-wanted-device-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-device-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-wanted-device-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-wanted-device-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-wanted-device-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-wanted-device-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-wanted-device-tabs {
  gap: 8px;
}

.archive-wanted-device-breadcrumbs, .archive-wanted-device-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-wanted-device-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-device-container {
  padding: 0 32px;
}

.archive-wanted-device-container, .archive-wanted-device-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-main-child, .archive-wanted-device-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-wanted-device-main-item {
  height: 43px;
}

.archive-wanted-device-main, .archive-wanted-device-text11 {
  align-self: stretch;
}

.archive-wanted-device-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-wanted-device-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-breadcrumb-button-base6, .archive-wanted-device-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-wanted-device-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-wanted-device-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-wanted-device-breadcrumbs1, .archive-wanted-device-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-wanted-device-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-wanted-device-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-wanted-device-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-wanted-device-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-wanted-device-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-label1, .archive-wanted-device-text15 {
  position: relative;
}

.archive-wanted-device-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-wanted-device-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-wanted-device-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-wanted-device-content5, .archive-wanted-device-input-with-label1, .archive-wanted-device-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-wanted-device-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-wanted-device-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-device-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-wanted-device-content4, .archive-wanted-device-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-device-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-wanted-device-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-page-header1, .archive-wanted-device-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-wanted-device-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 939px;
  padding: 0 32px;
}

.archive-wanted-device-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-wanted-device-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-wanted-device-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-wanted-device-button-group-base2, .archive-wanted-device-button-group-base3, .archive-wanted-device-button-group-base4, .archive-wanted-device-button-group-base5, .archive-wanted-device-button-group-base6, .archive-wanted-device-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-wanted-device-button-group-base3, .archive-wanted-device-button-group-base4, .archive-wanted-device-button-group-base5, .archive-wanted-device-button-group-base6, .archive-wanted-device-button-group-base7 {
  z-index: 6;
}

.archive-wanted-device-button-group-base4, .archive-wanted-device-button-group-base5, .archive-wanted-device-button-group-base6, .archive-wanted-device-button-group-base7 {
  z-index: 5;
}

.archive-wanted-device-button-group-base5, .archive-wanted-device-button-group-base6, .archive-wanted-device-button-group-base7 {
  z-index: 4;
}

.archive-wanted-device-button-group-base6, .archive-wanted-device-button-group-base7 {
  z-index: 3;
}

.archive-wanted-device-button-group-base7 {
  z-index: 2;
}

.archive-wanted-device-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-breadcrumb-button-base11, .archive-wanted-device-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-wanted-device-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-wanted-device-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-wanted-device-breadcrumb-button-base14, .archive-wanted-device-breadcrumbs2, .archive-wanted-device-button-group, .archive-wanted-device-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-device-breadcrumbs2, .archive-wanted-device-button-group {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  bottom: -20px;
  right: -2px;
}

.archive-wanted-device-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  top: 304px;
  left: 52px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-device-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-wanted-device-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
  position: absolute;
  top: 304px;
  right: 29px;
  margin: 0 !important;
}

.archive-wanted-device-divider-icon2, .archive-wanted-device-divider-icon3 {
  z-index: 1;
  width: 1077px;
  height: 1px;
  right: 0;
}

.archive-wanted-device-divider-icon2 {
  position: absolute;
  top: 356px;
  margin: 0 !important;
}

.archive-wanted-device-divider-icon3 {
  top: 291px;
}

.archive-wanted-device-divider-icon3, .archive-wanted-device-filter-items, .archive-wanted-device-supporting-text1 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  top: 122px;
  left: 52px;
}

.archive-wanted-device-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-wanted-device-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-wanted-device-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-wanted-device-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-wanted-device-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-wanted-device-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-device-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-wanted-device-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-dot-item-type-parent {
  gap: 8px;
}

.archive-wanted-device-completed, .archive-wanted-device-dot-item-content, .archive-wanted-device-dot-item-innermost, .archive-wanted-device-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-wanted-device-completed, .archive-wanted-device-dot-item-innermost {
  box-sizing: border-box;
}

.archive-wanted-device-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-wanted-device-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-wanted-device-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-wanted-device-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-wanted-device-badge4, .archive-wanted-device-completed-parent, .archive-wanted-device-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-wanted-device-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-badge5, .archive-wanted-device-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-wanted-device-badge6 {
  width: 76px;
}

.archive-wanted-device-badge7, .archive-wanted-device-badges {
  flex-direction: row;
  flex: 1;
}

.archive-wanted-device-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-badges {
  gap: 8px;
}

.archive-wanted-device-badges, .archive-wanted-device-badges-wrapper, .archive-wanted-device-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-wanted-device-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-wanted-device-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-dot-item-parent, .archive-wanted-device-dots-parent, .archive-wanted-device-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-wanted-device-dots-parent, .archive-wanted-device-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-device-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-wanted-device-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-wanted-device-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-device-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-wanted-device-deal-inner, .archive-wanted-device-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-wanted-device-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-wanted-device-card-deal, .archive-wanted-device-deal-details, .archive-wanted-device-deal-inner {
  justify-content: flex-start;
}

.archive-wanted-device-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-wanted-device-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-wanted-device-card-deal, .archive-wanted-device-frame-wrapper, .archive-wanted-device-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-wanted-device-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-wanted-device-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-wanted-device-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-close-icons, .archive-wanted-device-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-device-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-wanted-device-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-wanted-device-name, .archive-wanted-device-role {
  display: inline-block;
  position: relative;
}

.archive-wanted-device-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-wanted-device-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-wanted-device-inner-info {
  flex-direction: column;
}

.archive-wanted-device-inner-info, .archive-wanted-device-inner-info-wrapper, .archive-wanted-device-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-wanted-device-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-wanted-device-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-wanted-device-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-wanted-device-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-buttonsbutton2, .archive-wanted-device-buttonsbutton3, .archive-wanted-device-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-wanted-device-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-wanted-device-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-filter-items-parent, .archive-wanted-device-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-wanted-device-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-wanted-device-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-wanted-device-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device-price-value, .archive-wanted-device-text37 {
  display: inline-block;
  position: relative;
}

.archive-wanted-device-text37 {
  z-index: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
}

.archive-wanted-device-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-wanted-device-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-device-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-device-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-wanted-device-badge10, .archive-wanted-device-badge11, .archive-wanted-device-deal-type-parent, .archive-wanted-device-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  width: 250px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-badge11, .archive-wanted-device-frame-parent1 {
  flex: 1;
}

.archive-wanted-device-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-wanted-device-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-badge-group, .archive-wanted-device-badge12, .archive-wanted-device-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-wanted-device-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-wanted-device-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-wanted-device-badge13, .archive-wanted-device-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-wanted-device-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-wanted-device-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  width: 250px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-badge13, .archive-wanted-device-badge14, .archive-wanted-device-card-work, .archive-wanted-device-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-wanted-device-badge14, .archive-wanted-device-frame-div {
  flex-direction: row;
}

.archive-wanted-device-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-wanted-device-frame-container, .archive-wanted-device-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  padding: 8px 0 0;
}

.archive-wanted-device-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-wanted-device-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-wanted-device-inner-icons, .archive-wanted-device-inner-icons-wrapper, .archive-wanted-device-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-wanted-device-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 143px;
  font-size: 20px;
}

.archive-wanted-device-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  gap: 38px;
  font-size: 14px;
}

.archive-wanted-device-dots-vertical-container, .archive-wanted-device-frame-group, .archive-wanted-device-rectangle-container, .archive-wanted-device-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-wanted-device-dots-vertical-container, .archive-wanted-device-rectangle-container {
  flex-direction: row;
}

.archive-wanted-device-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-wanted-device-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-wanted-device-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-wanted-device-buttonsbutton-wrapper, .archive-wanted-device-frame-parent3, .archive-wanted-device-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-wanted-device-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-wanted-device-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-wanted-device-divider-parent, .archive-wanted-device-rectangle-group {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-wanted-device-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  border: 1px solid #344054;
  border-radius: 10px;
  gap: 24px;
  width: 1016px;
  padding: 24px 24px 17px;
  font-size: 18px;
  margin: 0 !important;
}

.archive-wanted-device-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton10 {
  left: 370px;
}

.archive-wanted-device-buttonsbutton10, .archive-wanted-device-buttonsbutton11, .archive-wanted-device-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-wanted-device-buttonsbutton12 {
  right: 171px;
}

.archive-wanted-device-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 26px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  position: absolute;
  top: 235px;
  right: 309px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  position: absolute;
  top: 235px;
  right: 166px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-button, .archive-wanted-device-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-wanted-device-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-wanted-device-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-wanted-device-button, .archive-wanted-device-button1, .archive-wanted-device-text60 {
  align-self: stretch;
}

.archive-wanted-device-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-actions, .archive-wanted-device-button2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-device-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  justify-content: flex-start;
  gap: 12px;
  padding: 0;
  position: absolute;
  top: 80px;
  right: 26px;
  margin: 0 !important;
}

.archive-wanted-device-divider-icon6, .archive-wanted-device-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-wanted-device-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1098px;
  margin: auto;
  font-size: 14px;
  display: flex;
  position: relative;
}

.archive-wanted-device-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 80px;
  overflow: hidden;
}

.archive-wanted-device-divider-icon6, .archive-wanted-device-divider-icon7, .archive-wanted-device-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-device-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-wanted-device-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-wanted-device-text-group, .archive-wanted-device-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-wanted-device-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-wanted-device-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-last-active, .archive-wanted-device-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-wanted-device-name-container {
  gap: 16px;
}

.archive-wanted-device-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-applications, .archive-wanted-device-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-wanted-device-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-wanted-device-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-device-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-device-card-actions, .archive-wanted-device-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-wanted-device-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-wanted-device-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-wanted-device-price2, .archive-wanted-device-rate {
  display: inline-block;
  position: relative;
}

.archive-wanted-device-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-wanted-device-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-wanted-device-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-wanted-device-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-wanted-device-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-wanted-device-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-wanted-device-card-actions1, .archive-wanted-device-deal-container, .archive-wanted-device-listing-border-parent, .archive-wanted-device-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-wanted-device-listing-border-parent, .archive-wanted-device-listing-card-actions {
  box-sizing: border-box;
}

.archive-wanted-device-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-wanted-device-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-wanted-device-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-device-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-wanted-device-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-wanted-device-name3, .archive-wanted-device-role2 {
  display: inline-block;
  position: relative;
}

.archive-wanted-device-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-wanted-device-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-wanted-device-collapsed-name-details, .archive-wanted-device-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-wanted-device-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-device-collapsed-name-role, .archive-wanted-device-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-wanted-device-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-wanted-device-detail-header, .archive-wanted-device-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-wanted-device-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-wanted-device-detail-header1, .archive-wanted-device-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-wanted-device-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-wanted-device-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-device-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-device-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-wanted-device-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-badge16, .archive-wanted-device-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-wanted-device-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-location2, .archive-wanted-device-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-type-of-work3 {
  min-width: 109px;
}

.archive-wanted-device-location-content, .archive-wanted-device-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-wanted-device-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-wanted-device-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-badge17, .archive-wanted-device-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-wanted-device-badge18 {
  width: 76px;
}

.archive-wanted-device-badge-container, .archive-wanted-device-badge18, .archive-wanted-device-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-wanted-device-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-wanted-device-badge-name, .archive-wanted-device-buttonsbutton19, .archive-wanted-device-buttonsbutton20, .archive-wanted-device-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-wanted-device-buttonsbutton19, .archive-wanted-device-buttonsbutton20, .archive-wanted-device-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-wanted-device-buttonsbutton20, .archive-wanted-device-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-wanted-device-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-wanted-device-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-wanted-device-badge-details, .archive-wanted-device-buttonsbutton-parent, .archive-wanted-device-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-wanted-device-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-wanted-device-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-wanted-device-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-device-badge22, .archive-wanted-device-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-wanted-device-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-device-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-badge-list-item, .archive-wanted-device-badge22, .archive-wanted-device-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-wanted-device-location-item, .archive-wanted-device-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-wanted-device-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-wanted-device-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-badge24, .archive-wanted-device-buttonsbutton23, .archive-wanted-device-first-badge-details, .archive-wanted-device-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-buttonsbutton23, .archive-wanted-device-first-badge-details, .archive-wanted-device-work-item {
  flex: 1;
}

.archive-wanted-device-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-wanted-device-buttonsbutton23, .archive-wanted-device-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-wanted-device-first-badge-details {
  max-width: 100%;
}

.archive-wanted-device-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-wanted-device-buttonsbutton-group, .archive-wanted-device-second-badge-divider, .archive-wanted-device-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-wanted-device-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-wanted-device-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-wanted-device-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-wanted-device-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-device-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-wanted-device-location-summary, .archive-wanted-device-summary-details, .archive-wanted-device-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-wanted-device-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-wanted-device-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-wanted-device-badge25, .archive-wanted-device-frame-parent5, .archive-wanted-device-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-wanted-device-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-wanted-device-expanded-content, .archive-wanted-device-expanded-listing, .archive-wanted-device-first-badges, .archive-wanted-device-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-wanted-device-expanded-content, .archive-wanted-device-expanded-listing {
  max-width: 100%;
}

.archive-wanted-device-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-device-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-wanted-device-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-wanted-device-arrow-square-up-right-icon1, .archive-wanted-device-arrow-square-up-right-icon2, .archive-wanted-device-dots-vertical-icon3, .archive-wanted-device-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-wanted-device-dots-vertical-icon3, .archive-wanted-device-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-wanted-device-dots-vertical-icon3 {
  top: 260px;
}

.archive-wanted-device-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-wanted-device-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-device-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-device-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-wanted-device-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-device-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-wanted-device-arrow-square-up-right-parent, .archive-wanted-device-frame-parent6, .archive-wanted-device-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-wanted-device-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-wanted-device-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-wanted-device-collapsed-content, .archive-wanted-device-collapsed-details, .archive-wanted-device-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-collapsed-content {
  position: relative;
}

.archive-wanted-device-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-wanted-device-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-wanted-device-business-image, .archive-wanted-device-text83 {
  z-index: 1;
  position: relative;
}

.archive-wanted-device-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-wanted-device-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-wanted-device-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-wanted-device-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-wanted-device-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-wanted-device-span {
  font-weight: 500;
}

.archive-wanted-device-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-wanted-device-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-wanted-device-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-wanted-device-application-count, .archive-wanted-device-business-location, .archive-wanted-device-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-device-application-count, .archive-wanted-device-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-wanted-device-application-count {
  color: #fff;
  gap: 8px;
}

.archive-wanted-device-badge-one, .archive-wanted-device-badge-three, .archive-wanted-device-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-device-badge-three, .archive-wanted-device-badge-two {
  display: inline-block;
}

.archive-wanted-device-badge-two {
  min-width: 103px;
}

.archive-wanted-device-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-wanted-device-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-wanted-device-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-wanted-device-supporting-text23, .archive-wanted-device-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-supporting-text23 {
  min-width: 70.9px;
}

.archive-wanted-device-supporting-text24 {
  width: 104px;
}

.archive-wanted-device-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-wanted-device-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-wanted-device-badges-parent, .archive-wanted-device-business-details, .archive-wanted-device-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-wanted-device-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-wanted-device-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-business-actions, .archive-wanted-device-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-wanted-device-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-wanted-device-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-wanted-device-content6:hover {
  background-color: #40454f;
}

.archive-wanted-device-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-wanted-device-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-wanted-device-arrow-square-up-right-icon3, .archive-wanted-device-arrow-square-up-right-icon4, .archive-wanted-device-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device-arrow-square-up-right-icon4, .archive-wanted-device-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-wanted-device-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-wanted-device-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-wanted-device-frame-parent11, .archive-wanted-device-group-div, .archive-wanted-device-list-header, .archive-wanted-device-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-wanted-device-frame-parent11, .archive-wanted-device-group-div {
  gap: 7.3px;
}

.archive-wanted-device-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-wanted-device-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-wanted-device-divider-icon10, .archive-wanted-device-dots-vertical-icon7, .archive-wanted-device-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-wanted-device-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-wanted-device-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-dots-vertical-parent1, .archive-wanted-device-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-text-wrapper7 {
  flex: 1;
}

.archive-wanted-device-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-wanted-device-rectangle-textarea, .archive-wanted-device-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-wanted-device-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-wanted-device-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-device-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-contact-details, .archive-wanted-device-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-wanted-device-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-wanted-device-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton27, .archive-wanted-device-buttonsbutton28, .archive-wanted-device-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-buttonsbutton28, .archive-wanted-device-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-wanted-device-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-wanted-device-contact-details-parent, .archive-wanted-device-detail-item-parent, .archive-wanted-device-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-wanted-device-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-wanted-device-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton-wrapper2, .archive-wanted-device-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-wanted-device-frame-parent22, .archive-wanted-device-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-wanted-device-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-wanted-device-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-pair-container-parent, .archive-wanted-device-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-wanted-device-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-wanted-device-frame-parent19, .archive-wanted-device-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-wanted-device-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-wanted-device-price7, .archive-wanted-device-total {
  display: inline-block;
  position: relative;
}

.archive-wanted-device-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-wanted-device-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-wanted-device-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-wanted-device-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-device-pair-container-container, .archive-wanted-device-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-wanted-device-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-wanted-device-frame-parent24, .archive-wanted-device-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-wanted-device-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-wanted-device-fourth-listing, .archive-wanted-device-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-wanted-device-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-wanted-device-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-wanted-device-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-buttonsbutton30, .archive-wanted-device-expand-action, .archive-wanted-device-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-wanted-device-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-wanted-device-arrow-square-up-right-icon6, .archive-wanted-device-arrow-square-up-right-icon7, .archive-wanted-device-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-wanted-device-arrow-square-up-right-icon7, .archive-wanted-device-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-wanted-device-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-wanted-device-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-wanted-device-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-wanted-device-text100, .archive-wanted-device-text101 {
  font-family: Inter;
  position: relative;
}

.archive-wanted-device-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-wanted-device-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-device-badge27, .archive-wanted-device-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-wanted-device-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-wanted-device-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-wanted-device-card-header, .archive-wanted-device-content7, .archive-wanted-device-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-device-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-device-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-device-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-button-group-base10, .archive-wanted-device-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-wanted-device-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-device-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-wanted-device-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-wanted-device-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-device-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-label3, .archive-wanted-device-supporting-text41, .archive-wanted-device-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-wanted-device-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-wanted-device-supporting-text41, .archive-wanted-device-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-wanted-device-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-wanted-device-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-wanted-device-content9, .archive-wanted-device-input-with-label2, .archive-wanted-device-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-wanted-device-input-with-label2, .archive-wanted-device-input2 {
  align-self: stretch;
}

.archive-wanted-device-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-wanted-device-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-wanted-device-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-device-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-wanted-device-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-actions2, .archive-wanted-device-button7, .archive-wanted-device-content8 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-device-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-actions2, .archive-wanted-device-content8 {
  max-width: 100%;
}

.archive-wanted-device-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-wanted-device-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-wanted-device-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-wanted-device-card-header-parent, .archive-wanted-device-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-text117, .archive-wanted-device-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-wanted-device-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-wanted-device-badge28, .archive-wanted-device-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-wanted-device-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-wanted-device-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-button8, .archive-wanted-device-button9, .archive-wanted-device-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-wanted-device-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-wanted-device-button8, .archive-wanted-device-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-wanted-device-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-actions3, .archive-wanted-device-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-wanted-device-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-wanted-device-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-device-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-table-header-cell, .archive-wanted-device-table-header-cell-inner, .archive-wanted-device-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-wanted-device-table-header-cell, .archive-wanted-device-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-wanted-device-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-wanted-device-avatar-online-indicator, .archive-wanted-device-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-wanted-device-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-wanted-device-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-wanted-device-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-wanted-device-supporting-text43, .archive-wanted-device-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-wanted-device-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-wanted-device-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device-supporting-text46, .archive-wanted-device-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-wanted-device-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-wanted-device-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-wanted-device-avatar5, .archive-wanted-device-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-wanted-device-avatar5 {
  background-color: #f2f4f7;
}

.archive-wanted-device-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-table-cell6, .archive-wanted-device-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-wanted-device-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-table-header, .archive-wanted-device-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device-table-header {
  gap: 4px;
}

.archive-wanted-device-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-wanted-device-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-device-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-marker-pin-02-group, .archive-wanted-device-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device-marker-pin-02-group {
  gap: 7px;
}

.archive-wanted-device-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-wanted-device-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-table-cell15, .archive-wanted-device-table-cell16, .archive-wanted-device-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-device-table-cell16, .archive-wanted-device-table-cell18 {
  width: 271px;
}

.archive-wanted-device-table-cell18 {
  width: 239px;
}

.archive-wanted-device-column, .archive-wanted-device-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-wanted-device-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-wanted-device-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-wanted-device-table-header-cell2, .archive-wanted-device-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-wanted-device-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-wanted-device-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-table-cell20, .archive-wanted-device-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-device-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-wanted-device-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-wanted-device-column1, .archive-wanted-device-table-cell25, .archive-wanted-device-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-wanted-device-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-wanted-device-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-table-cell30, .archive-wanted-device-table-header-cell3, .archive-wanted-device-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-device-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-wanted-device-table-cell30, .archive-wanted-device-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-wanted-device-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-wanted-device-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-wanted-device-column2, .archive-wanted-device-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-wanted-device-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-wanted-device-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-button-wrap, .archive-wanted-device-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-wanted-device-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-wanted-device-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-content11, .archive-wanted-device-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-wanted-device-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-wanted-device-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-content12, .archive-wanted-device-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-wanted-device-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-wanted-device-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-content13, .archive-wanted-device-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-content13 {
  padding: 10px 15px;
}

.archive-wanted-device-pagination-number-base2 {
  overflow: hidden;
}

.archive-wanted-device-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-wanted-device-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-content17, .archive-wanted-device-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-wanted-device-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-wanted-device-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-button-wrap1, .archive-wanted-device-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-device-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-wanted-device-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-wanted-device-next-page-button, .archive-wanted-device-page-navigation, .archive-wanted-device-pagination, .archive-wanted-device-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-wanted-device-pagination, .archive-wanted-device-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-wanted-device-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-wanted-device-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-wanted-device-text161, .archive-wanted-device-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-wanted-device-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-device-badge29, .archive-wanted-device-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-wanted-device-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-wanted-device-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-button-group-base18, .archive-wanted-device-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-device-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-wanted-device-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-wanted-device-button-group-base19 {
  background-color: #fff;
}

.archive-wanted-device-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-card-header-group, .archive-wanted-device-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-wanted-device-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-device-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-wanted-device-supporting-text55, .archive-wanted-device-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-wanted-device-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-wanted-device-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-wanted-device-content21, .archive-wanted-device-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-wanted-device-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-wanted-device-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-actions6, .archive-wanted-device-empty-state1 {
  justify-content: flex-start;
}

.archive-wanted-device-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-wanted-device-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-wanted-device-empty-state, .archive-wanted-device-empty-state1, .archive-wanted-device-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-device-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-wanted-device-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-wanted-device-supporting-text56, .archive-wanted-device-text181 {
  align-self: stretch;
  position: relative;
}

.archive-wanted-device-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-wanted-device-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-wanted-device-content22, .archive-wanted-device-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-wanted-device-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-wanted-device-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-empty-state2, .archive-wanted-device-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-wanted-device-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-wanted-device-listing-container, .archive-wanted-device-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-wanted-device-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-wanted-device-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-wanted-device-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-wanted-device-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-wanted-device-frame-child6, .archive-wanted-device-rectangle-parent2, .archive-wanted-device-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-wanted-device-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-wanted-device-dots-vertical-icon22, .archive-wanted-device-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-wanted-device-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-wanted-device-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-wanted-device-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-wanted-device-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-wanted-device-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-wanted-device-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-wanted-device-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-wanted-device-frame-parent27, .archive-wanted-device-logomark, .archive-wanted-device-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-device-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-wanted-device-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-wanted-device-content23, .archive-wanted-device-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-wanted-device-container1, .archive-wanted-device-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-wanted-device-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-wanted-device-divider-icon14 {
  object-fit: contain;
  z-index: 2;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-device-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-wanted-device-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-wanted-device-dot-icon10, .archive-wanted-device-dot-icon11, .archive-wanted-device-dot-icon7, .archive-wanted-device-dot-icon8, .archive-wanted-device-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-device-dot-icon10, .archive-wanted-device-dot-icon11, .archive-wanted-device-dot-icon8, .archive-wanted-device-dot-icon9 {
  z-index: 3;
}

.archive-wanted-device-dot-icon10, .archive-wanted-device-dot-icon11, .archive-wanted-device-dot-icon9 {
  z-index: 4;
}

.archive-wanted-device-dot-icon10, .archive-wanted-device-dot-icon11 {
  z-index: 5;
}

.archive-wanted-device-dot-icon11 {
  z-index: 6;
}

.archive-wanted-device-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-wanted-device-dot-icon12, .archive-wanted-device-dot-icon13, .archive-wanted-device-featured-icon1 {
  display: none;
  position: relative;
}

.archive-wanted-device-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-wanted-device-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-wanted-device-supporting-text57, .archive-wanted-device-text184 {
  align-self: stretch;
  position: relative;
}

.archive-wanted-device-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-wanted-device-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-wanted-device-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-button-close-x, .archive-wanted-device-content24 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-device-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-wanted-device-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-wanted-device-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-device-frame-wrapper13, .archive-wanted-device-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-wanted-device-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-wanted-device-background, .archive-wanted-device-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-wanted-device-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-wanted-device-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-wanted-device-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-content25, .archive-wanted-device-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-wanted-device-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-wanted-device-control-handle, .archive-wanted-device-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-wanted-device-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-wanted-device-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-wanted-device-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-wanted-device-background-parent, .archive-wanted-device-content26, .archive-wanted-device-progress, .archive-wanted-device-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-wanted-device-background-parent, .archive-wanted-device-progress {
  position: relative;
}

.archive-wanted-device-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-wanted-device-background-parent {
  padding: 0 20px 0 0;
}

.archive-wanted-device-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-device-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-wanted-device-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-input-field, .archive-wanted-device-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-wanted-device-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-wanted-device-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-wanted-device-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-wanted-device-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-wanted-device-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-wanted-device-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-wanted-device-frame-parent31, .archive-wanted-device-frame-wrapper14, .archive-wanted-device-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-wanted-device-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-wanted-device-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-wanted-device-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-wanted-device-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-content-parent, .archive-wanted-device-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-wanted-device-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-wanted-device-content-parent {
  gap: 42px;
}

.archive-wanted-device-content-parent, .archive-wanted-device-input10, .archive-wanted-device-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-wanted-device-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-device-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-input-field2, .archive-wanted-device-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-wanted-device-section-parent {
  gap: 8px;
}

.archive-wanted-device-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-wanted-device-checkboxes1, .archive-wanted-device-section-wrapper, .archive-wanted-device-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-wanted-device-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-wanted-device-text203, .archive-wanted-device-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-text207 {
  min-width: 44px;
}

.archive-wanted-device-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-text208, .archive-wanted-device-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-text209 {
  min-width: 59px;
}

.archive-wanted-device-search-lg, .archive-wanted-device-text210 {
  z-index: 2;
  position: relative;
}

.archive-wanted-device-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-wanted-device-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-wanted-device-content37, .archive-wanted-device-input-fields2, .archive-wanted-device-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-device-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-wanted-device-input-fields2, .archive-wanted-device-input19 {
  align-self: stretch;
}

.archive-wanted-device-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-wanted-device-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-device-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-wanted-device-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-wanted-device-text212, .archive-wanted-device-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-wanted-device-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-wanted-device-frame-parent36, .archive-wanted-device-frame-parent37, .archive-wanted-device-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-wanted-device-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-wanted-device-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-wanted-device-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-frame-parent28, .archive-wanted-device-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-wanted-device-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-wanted-device-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-device-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-device-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-actions9, .archive-wanted-device-buttonsbutton39, .archive-wanted-device-content38 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-device-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-wanted-device-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-wanted-device-divider-parent6, .archive-wanted-device-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-wanted-device-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-wanted-device-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-wanted-device-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-wanted-device-frame-parent41, .archive-wanted-device-rectangle-parent4, .archive-wanted-device-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-wanted-device-slide-out {
  flex-direction: row;
  width: 363px;
  position: absolute;
  top: 81px;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-device-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-wanted-device-collapsed-listing, .archive-wanted-device-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-wanted-device-frame-form {
    padding-bottom: 272px;
  }

  .archive-wanted-device-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-wanted-device-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-wanted-device-fourth-listing {
    flex: 1;
  }

  .archive-wanted-device-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-wanted-device-frame-parent16 {
    gap: 140px;
  }

  .archive-wanted-device-content8 {
    flex-wrap: wrap;
  }

  .archive-wanted-device-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-wanted-device-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-wanted-device-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-wanted-device-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-wanted-device-navigation-parent {
    gap: 19px;
  }

  .archive-wanted-device-frame-parent {
    gap: 35px;
  }

  .archive-wanted-device-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-wanted-device-main {
    gap: 16px;
  }

  .archive-wanted-device-badges, .archive-wanted-device-dot-item-content, .archive-wanted-device-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-device-dots-vertical {
    min-width: 100%;
  }

  .archive-wanted-device-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-wanted-device-frame-div {
    flex-wrap: wrap;
  }

  .archive-wanted-device-frame-container {
    min-width: 100%;
  }

  .archive-wanted-device-frame-group {
    flex-wrap: wrap;
  }

  .archive-wanted-device-dots-vertical-container {
    min-width: 100%;
  }

  .archive-wanted-device-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-wanted-device-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-wanted-device-first-badge, .archive-wanted-device-location-content {
    flex: 1;
  }

  .archive-wanted-device-badge-name {
    flex-wrap: wrap;
  }

  .archive-wanted-device-badge-details {
    gap: 23px;
  }

  .archive-wanted-device-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-wanted-device-second-badge-list-parent {
    gap: 23px;
  }

  .archive-wanted-device-frame-parent5 {
    gap: 53px;
  }

  .archive-wanted-device-expanded-content {
    flex-wrap: wrap;
  }

  .archive-wanted-device-expanded-listing {
    min-width: 100%;
  }

  .archive-wanted-device-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-wanted-device-badge-support-parent, .archive-wanted-device-badges1, .archive-wanted-device-detail-item, .archive-wanted-device-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-wanted-device-second-listing-details {
    flex: 1;
  }

  .archive-wanted-device-listing-detail {
    flex-wrap: wrap;
  }

  .archive-wanted-device-frame-parent19 {
    gap: 54px;
  }

  .archive-wanted-device-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-wanted-device-fourth-listing {
    margin-left: 0;
  }

  .archive-wanted-device-frame-parent16 {
    gap: 70px;
  }

  .archive-wanted-device-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-wanted-device-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-wanted-device-actions2 {
    flex-wrap: wrap;
  }

  .archive-wanted-device-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-wanted-device-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-wanted-device-actions3 {
    flex-wrap: wrap;
  }

  .archive-wanted-device-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-wanted-device-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-wanted-device-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-wanted-device-empty-state3 {
    gap: 16px;
  }

  .archive-wanted-device-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-wanted-device-container1 {
    gap: 16px;
  }

  .archive-wanted-device-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-wanted-device-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-wanted-device-frame-parent {
    gap: 17px;
  }

  .archive-wanted-device-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-wanted-device-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-device-card-work {
    flex: 1;
  }

  .archive-wanted-device-provider-name {
    flex-wrap: wrap;
  }

  .archive-wanted-device-price2, .archive-wanted-device-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-device-badge-container, .archive-wanted-device-location-content {
    flex-wrap: wrap;
  }

  .archive-wanted-device-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-wanted-device-buttonsbutton-group, .archive-wanted-device-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-device-location-summary {
    flex: 1;
  }

  .archive-wanted-device-summary-details {
    flex-wrap: wrap;
  }

  .archive-wanted-device-frame-parent5 {
    gap: 27px;
  }

  .archive-wanted-device-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-wanted-device-price4, .archive-wanted-device-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-device-business-name-role, .archive-wanted-device-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-device-detail-item-parent {
    gap: 20px;
  }

  .archive-wanted-device-pair-container-parent {
    margin-left: 0;
  }

  .archive-wanted-device-frame-parent19 {
    gap: 27px;
  }

  .archive-wanted-device-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-device-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-wanted-device-frame-parent24 {
    gap: 126px;
  }

  .archive-wanted-device-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-wanted-device-content9, .archive-wanted-device-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-device-input-dropdown2 {
    max-width: 100%;
  }

  .archive-wanted-device-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-wanted-device-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-device-button-group2 {
    flex-wrap: wrap;
  }

  .archive-wanted-device-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-device-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-wanted-device-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-wanted-device-footer {
    gap: 16px;
  }

  .archive-wanted-device-listings-search-results-list {
    gap: 25px;
  }
}

#countryArchiveSelect, #deviceCategoryArchiveSelect, #oemArchiveSelect, #yearOfManufactureArchiveSelect, #clinicalApplicationsArchiveSelect, #purposeUseArchiveSelect, #physicalLocationArchiveSelect {
  position: relative;
}

#countryArchiveSelect ul, #deviceCategoryArchiveSelect ul, #oemArchiveSelect ul, #yearOfManufactureArchiveSelect ul, #clinicalApplicationsArchiveSelect ul, #purposeUseArchiveSelect ul, #physicalLocationArchiveSelect ul {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #583c97;
  border-radius: 5px;
  width: 305px;
  max-height: 316px;
  padding: 0;
  top: 5px;
  left: 0;
  overflow-y: scroll;
}

#countryArchiveSelect li, #deviceCategoryArchiveSelect li, #oemArchiveSelect li, #yearOfManufactureArchiveSelect li, #clinicalApplicationsArchiveSelect li, #purposeUseArchiveSelect li, #physicalLocationArchiveSelect li {
  padding: 5px;
}

#countryArchiveSelect li:hover, #deviceCategoryArchiveSelect li:hover, #oemArchiveSelect li:hover, #yearOfManufactureArchiveSelect li:hover, #clinicalApplicationsArchiveSelect li:hover, #purposeUseArchiveSelect li:hover, #physicalLocationArchiveSelect li:hover {
  color: #fff;
  background-color: #583c97;
  border-radius: 4px;
}

.archive-wanted-device-error-text {
  color: red;
  z-index: 2;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device-frame-parent-31 {
  align-self: stretch;
}

.archive-wanted-device-frame-parent-28 {
  box-sizing: border-box;
  align-items: flex-start;
  padding: 0 1px 0 0;
}

.archive-wanted-device-buttons-button7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-buttonsbutton17-custom {
  right: 325px !important;
}

.archive-wanted-device1-buttonsbutton18-custom {
  right: 195px !important;
}

.archive-wanted-device-listing-container-custom {
  justify-content: initial !important;
  flex-direction: column !important;
}

.archive-wanted-device-filter-cards-container {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 5px 32px;
  display: flex;
}

.archive-wanted-device-input-fields2-custom {
  align-items: initial !important;
  flex-direction: column !important;
}

.archive-wanted-device-second-badge-divider-custom, .archive-wanted-device-section-wrapper-custom {
  z-index: 1;
}

.archive-wanted-device-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device-sliders-02-icon {
  cursor: pointer;
}

.custom-datepicker {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 70%;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.react-datepicker {
  left: 23px;
  color: #000 !important;
  background-color: #fff !important;
}

.react-datepicker__day--selected, .react-datepicker__day--keyboard-selected {
  color: #fff !important;
  background-color: #6941c6 !important;
}

.react-datepicker__day:hover {
  color: #fff !important;
  background-color: #7e56d9 !important;
}

.react-datepicker__header {
  background-color: #fff !important;
}

.archive-wanted-device1-text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-wanted-device1-filter-selected-div {
  width: 100%;
  height: max-content;
}

.archive-wanted-device1-mid-container {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-divider-icon7-cstm {
  position: initial !important;
}

.archive-wanted-device1-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-wanted-device1-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-wanted-device1-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-wanted-device1-logo, .archive-wanted-device1-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-wanted-device1-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-wanted-device1-bar-chart-01-icon, .archive-wanted-device1-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-device1-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-wanted-device1-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-wanted-device1-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-wanted-device1-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-wanted-device1-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-device1-text2, .archive-wanted-device1-text3 {
  font-family: Inter;
  position: relative;
}

.archive-wanted-device1-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-wanted-device1-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-device1-badge1, .archive-wanted-device1-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-wanted-device1-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-wanted-device1-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-device1-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-navigation, .archive-wanted-device1-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device1-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-wanted-device1-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-wanted-device1-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-device1-search-lg-icon, .archive-wanted-device1-text6 {
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-wanted-device1-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-wanted-device1-content3, .archive-wanted-device1-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-content3 {
  flex: 1;
  gap: 8px;
}

.archive-wanted-device1-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-frame-parent, .archive-wanted-device1-input-with-label, .archive-wanted-device1-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-wanted-device1-frame-parent, .archive-wanted-device1-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-wanted-device1-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-wanted-device1-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-wanted-device1-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-wanted-device1-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-device1-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-wanted-device1-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-wanted-device1-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-wanted-device1-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-wanted-device1-breadcrumb-button-base, .archive-wanted-device1-rectangle-parent, .archive-wanted-device1-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-device1-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-wanted-device1-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-wanted-device1-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-wanted-device1-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-wanted-device1-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-wanted-device1-tabs {
  gap: 8px;
}

.archive-wanted-device1-breadcrumbs, .archive-wanted-device1-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-wanted-device1-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-device1-container {
  padding: 0 32px;
}

.archive-wanted-device1-container, .archive-wanted-device1-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-main-child, .archive-wanted-device1-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-wanted-device1-main-item {
  height: 43px;
}

.archive-wanted-device1-main, .archive-wanted-device1-text11 {
  align-self: stretch;
}

.archive-wanted-device1-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-wanted-device1-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-breadcrumb-button-base6, .archive-wanted-device1-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-wanted-device1-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-wanted-device1-breadcrumbs1, .archive-wanted-device1-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-wanted-device1-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-wanted-device1-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-wanted-device1-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-wanted-device1-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-wanted-device1-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-label1, .archive-wanted-device1-text15 {
  position: relative;
}

.archive-wanted-device1-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-wanted-device1-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-wanted-device1-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-wanted-device1-content5, .archive-wanted-device1-input-with-label1, .archive-wanted-device1-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-wanted-device1-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-wanted-device1-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-device1-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-wanted-device1-content4, .archive-wanted-device1-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-device1-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-wanted-device1-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-page-header1, .archive-wanted-device1-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-wanted-device1-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 100%;
  padding: 0 32px;
}

.archive-wanted-device1-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-wanted-device1-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-wanted-device1-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-wanted-device1-button-group-base2, .archive-wanted-device1-button-group-base3, .archive-wanted-device1-button-group-base4, .archive-wanted-device1-button-group-base5, .archive-wanted-device1-button-group-base6, .archive-wanted-device1-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-wanted-device1-button-group-base3, .archive-wanted-device1-button-group-base4, .archive-wanted-device1-button-group-base5, .archive-wanted-device1-button-group-base6, .archive-wanted-device1-button-group-base7 {
  z-index: 6;
}

.archive-wanted-device1-button-group-base4, .archive-wanted-device1-button-group-base5, .archive-wanted-device1-button-group-base6, .archive-wanted-device1-button-group-base7 {
  z-index: 5;
}

.archive-wanted-device1-button-group-base5, .archive-wanted-device1-button-group-base6, .archive-wanted-device1-button-group-base7 {
  z-index: 4;
}

.archive-wanted-device1-button-group-base6, .archive-wanted-device1-button-group-base7 {
  z-index: 3;
}

.archive-wanted-device1-button-group-base7 {
  z-index: 2;
}

.archive-wanted-device1-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-breadcrumb-button-base11, .archive-wanted-device1-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-wanted-device1-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-wanted-device1-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-wanted-device1-breadcrumb-button-base14, .archive-wanted-device1-breadcrumbs2, .archive-wanted-device1-button-group, .archive-wanted-device1-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-device1-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  position: absolute;
  bottom: -20px;
  right: -2px;
  margin: 0 !important;
}

.archive-wanted-device1-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-device1-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-wanted-device1-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
}

.archive-wanted-device1-divider-icon2, .archive-wanted-device1-divider-icon3 {
  z-index: 1;
  width: 100%;
  height: 1px;
  margin: 0 !important;
}

.archive-wanted-device1-filter-items {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device1-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
}

.archive-wanted-device1-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-wanted-device1-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-wanted-device1-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-wanted-device1-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-wanted-device1-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-wanted-device1-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-device1-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-wanted-device1-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-dot-item-type-parent {
  gap: 8px;
}

.archive-wanted-device1-completed, .archive-wanted-device1-dot-item-content, .archive-wanted-device1-dot-item-innermost, .archive-wanted-device1-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-wanted-device1-completed, .archive-wanted-device1-dot-item-innermost {
  box-sizing: border-box;
}

.archive-wanted-device1-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-wanted-device1-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-wanted-device1-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-wanted-device1-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-wanted-device1-badge4, .archive-wanted-device1-completed-parent, .archive-wanted-device1-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-wanted-device1-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-badge5, .archive-wanted-device1-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-wanted-device1-badge6 {
  width: 76px;
}

.archive-wanted-device1-badge7, .archive-wanted-device1-badges {
  flex-direction: row;
  flex: 1;
}

.archive-wanted-device1-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-badges {
  gap: 8px;
}

.archive-wanted-device1-badges, .archive-wanted-device1-badges-wrapper, .archive-wanted-device1-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-wanted-device1-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-wanted-device1-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-dot-item-parent, .archive-wanted-device1-dots-parent, .archive-wanted-device1-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-wanted-device1-dots-parent, .archive-wanted-device1-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-device1-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-wanted-device1-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-wanted-device1-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-device1-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-magnifier-1-icon {
  object-fit: cover;
  cursor: pointer;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-wanted-device1-deal-inner, .archive-wanted-device1-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-wanted-device1-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-wanted-device1-card-deal, .archive-wanted-device1-deal-details, .archive-wanted-device1-deal-inner {
  justify-content: flex-start;
}

.archive-wanted-device1-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-wanted-device1-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-wanted-device1-card-deal, .archive-wanted-device1-frame-wrapper, .archive-wanted-device1-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-wanted-device1-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-wanted-device1-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-wanted-device1-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-close-icons, .archive-wanted-device1-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-device1-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-wanted-device1-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-wanted-device1-name, .archive-wanted-device1-role {
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-wanted-device1-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-wanted-device1-inner-info {
  flex-direction: column;
}

.archive-wanted-device1-inner-info, .archive-wanted-device1-inner-info-wrapper, .archive-wanted-device1-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-wanted-device1-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-wanted-device1-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-wanted-device1-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-wanted-device1-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-buttonsbutton2, .archive-wanted-device1-buttonsbutton3, .archive-wanted-device1-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-wanted-device1-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-wanted-device1-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 0 0;
  display: flex;
}

.archive-wanted-device1-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-filter-items-parent, .archive-wanted-device1-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-wanted-device1-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-wanted-device1-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-wanted-device1-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device1-price-value, .archive-wanted-device1-text37 {
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-text37 {
  z-index: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  overflow: hidden;
}

.archive-wanted-device1-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-wanted-device1-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-device1-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-device1-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-wanted-device1-badge10, .archive-wanted-device1-badge11, .archive-wanted-device1-deal-type-parent, .archive-wanted-device1-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-badge11, .archive-wanted-device1-frame-parent1 {
  flex: 1;
}

.archive-wanted-device1-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-wanted-device1-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-badge-group, .archive-wanted-device1-badge12, .archive-wanted-device1-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-wanted-device1-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-wanted-device1-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-wanted-device1-badge13, .archive-wanted-device1-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-wanted-device1-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-wanted-device1-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-badge13, .archive-wanted-device1-badge14, .archive-wanted-device1-card-work, .archive-wanted-device1-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device1-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-wanted-device1-badge14, .archive-wanted-device1-frame-div {
  flex-direction: row;
}

.archive-wanted-device1-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-wanted-device1-frame-container, .archive-wanted-device1-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 80%;
  padding: 8px 0 0;
}

.archive-wanted-device1-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-wanted-device1-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-wanted-device1-inner-icons, .archive-wanted-device1-inner-icons-wrapper, .archive-wanted-device1-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-wanted-device1-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 20%;
  font-size: 20px;
}

.archive-wanted-device1-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
}

.archive-wanted-device1-dots-vertical-container, .archive-wanted-device1-frame-group, .archive-wanted-device1-rectangle-container, .archive-wanted-device1-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-wanted-device1-dots-vertical-container, .archive-wanted-device1-rectangle-container {
  flex-direction: row;
}

.archive-wanted-device1-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-wanted-device1-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-wanted-device1-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-wanted-device1-buttonsbutton-wrapper, .archive-wanted-device1-frame-parent3, .archive-wanted-device1-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-wanted-device1-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-wanted-device1-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-wanted-device1-divider-parent, .archive-wanted-device1-rectangle-group, .archive-wanted-device1-rectangle-group1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-wanted-device1-rectangle-group {
  box-sizing: border-box;
  color: #101828;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 100%;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
}

.archive-wanted-device1-rectangle-group1 {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  position: absolute;
  top: 700px;
  bottom: -15px;
  right: 30px;
  margin: 0 !important;
}

.archive-wanted-device1-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device1-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device1-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device1-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton10 {
  left: 370px;
}

.archive-wanted-device1-buttonsbutton10, .archive-wanted-device1-buttonsbutton11, .archive-wanted-device1-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device1-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-wanted-device1-buttonsbutton12 {
  right: 262px;
}

.archive-wanted-device1-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device1-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device1-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device1-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 116px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device1-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device1-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-device1-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-button, .archive-wanted-device1-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-wanted-device1-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-wanted-device1-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-wanted-device1-button, .archive-wanted-device1-button1, .archive-wanted-device1-text60 {
  align-self: stretch;
}

.archive-wanted-device1-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
  margin: 0 !important;
}

.archive-wanted-device1-divider-icon6, .archive-wanted-device1-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-wanted-device1-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 75%;
  height: max-content;
  font-size: 14px;
}

.archive-wanted-device1-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 70px;
  overflow: hidden;
}

.archive-wanted-device1-divider-icon6, .archive-wanted-device1-divider-icon7, .archive-wanted-device1-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-device1-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-wanted-device1-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-wanted-device1-text-group, .archive-wanted-device1-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-wanted-device1-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-wanted-device1-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-last-active, .archive-wanted-device1-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-wanted-device1-name-container {
  gap: 16px;
}

.archive-wanted-device1-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-applications, .archive-wanted-device1-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device1-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-wanted-device1-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-wanted-device1-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-device1-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-device1-card-actions, .archive-wanted-device1-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-wanted-device1-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-wanted-device1-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device1-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-wanted-device1-price2, .archive-wanted-device1-rate {
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-wanted-device1-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-wanted-device1-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-wanted-device1-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-wanted-device1-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-wanted-device1-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-wanted-device1-card-actions1, .archive-wanted-device1-deal-container, .archive-wanted-device1-listing-border-parent, .archive-wanted-device1-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-wanted-device1-listing-border-parent, .archive-wanted-device1-listing-card-actions {
  box-sizing: border-box;
}

.archive-wanted-device1-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-wanted-device1-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-wanted-device1-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-device1-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-wanted-device1-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-wanted-device1-name3, .archive-wanted-device1-role2 {
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-wanted-device1-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-wanted-device1-collapsed-name-details, .archive-wanted-device1-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-wanted-device1-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-device1-collapsed-name-role, .archive-wanted-device1-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-wanted-device1-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-wanted-device1-detail-header, .archive-wanted-device1-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device1-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-wanted-device1-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-wanted-device1-detail-header1, .archive-wanted-device1-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device1-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-wanted-device1-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-wanted-device1-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-device1-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-device1-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-wanted-device1-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-badge16, .archive-wanted-device1-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-wanted-device1-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-location2, .archive-wanted-device1-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-type-of-work3 {
  min-width: 109px;
}

.archive-wanted-device1-location-content, .archive-wanted-device1-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-wanted-device1-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-wanted-device1-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-badge17, .archive-wanted-device1-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-wanted-device1-badge18 {
  width: 76px;
}

.archive-wanted-device1-badge-container, .archive-wanted-device1-badge18, .archive-wanted-device1-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-wanted-device1-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-wanted-device1-badge-name, .archive-wanted-device1-buttonsbutton19, .archive-wanted-device1-buttonsbutton20, .archive-wanted-device1-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-wanted-device1-buttonsbutton19, .archive-wanted-device1-buttonsbutton20, .archive-wanted-device1-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-wanted-device1-buttonsbutton20, .archive-wanted-device1-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-wanted-device1-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-wanted-device1-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-wanted-device1-badge-details, .archive-wanted-device1-buttonsbutton-parent, .archive-wanted-device1-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-wanted-device1-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-wanted-device1-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-wanted-device1-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-device1-badge22, .archive-wanted-device1-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-wanted-device1-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-device1-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-badge-list-item, .archive-wanted-device1-badge22, .archive-wanted-device1-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-wanted-device1-location-item, .archive-wanted-device1-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device1-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-wanted-device1-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-wanted-device1-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-badge24, .archive-wanted-device1-buttonsbutton23, .archive-wanted-device1-first-badge-details, .archive-wanted-device1-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-buttonsbutton23, .archive-wanted-device1-first-badge-details, .archive-wanted-device1-work-item {
  flex: 1;
}

.archive-wanted-device1-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-wanted-device1-buttonsbutton23, .archive-wanted-device1-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-wanted-device1-first-badge-details {
  max-width: 100%;
}

.archive-wanted-device1-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-wanted-device1-buttonsbutton-group, .archive-wanted-device1-second-badge-divider, .archive-wanted-device1-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-wanted-device1-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-wanted-device1-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-wanted-device1-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-wanted-device1-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-device1-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-wanted-device1-location-summary, .archive-wanted-device1-summary-details, .archive-wanted-device1-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-wanted-device1-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-wanted-device1-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-wanted-device1-badge25, .archive-wanted-device1-frame-parent5, .archive-wanted-device1-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-wanted-device1-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-wanted-device1-expanded-content, .archive-wanted-device1-expanded-listing, .archive-wanted-device1-first-badges, .archive-wanted-device1-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-wanted-device1-expanded-content, .archive-wanted-device1-expanded-listing {
  max-width: 100%;
}

.archive-wanted-device1-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-device1-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-wanted-device1-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-wanted-device1-arrow-square-up-right-icon1, .archive-wanted-device1-arrow-square-up-right-icon2, .archive-wanted-device1-dots-vertical-icon3, .archive-wanted-device1-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device1-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-wanted-device1-dots-vertical-icon3, .archive-wanted-device1-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-wanted-device1-dots-vertical-icon3 {
  top: 260px;
}

.archive-wanted-device1-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-wanted-device1-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-device1-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-device1-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-wanted-device1-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-device1-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-wanted-device1-arrow-square-up-right-parent, .archive-wanted-device1-frame-parent6, .archive-wanted-device1-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-wanted-device1-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-wanted-device1-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-wanted-device1-collapsed-content, .archive-wanted-device1-collapsed-details, .archive-wanted-device1-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-collapsed-content {
  position: relative;
}

.archive-wanted-device1-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-wanted-device1-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device1-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-wanted-device1-business-image, .archive-wanted-device1-text83 {
  z-index: 1;
  position: relative;
}

.archive-wanted-device1-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-wanted-device1-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-wanted-device1-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-wanted-device1-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-wanted-device1-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-wanted-device1-span {
  font-weight: 500;
}

.archive-wanted-device1-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-wanted-device1-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-wanted-device1-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-wanted-device1-application-count, .archive-wanted-device1-business-location, .archive-wanted-device1-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-device1-application-count, .archive-wanted-device1-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-wanted-device1-application-count {
  color: #fff;
  gap: 8px;
}

.archive-wanted-device1-badge-one, .archive-wanted-device1-badge-three, .archive-wanted-device1-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-device1-badge-three, .archive-wanted-device1-badge-two {
  display: inline-block;
}

.archive-wanted-device1-badge-two {
  min-width: 103px;
}

.archive-wanted-device1-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-wanted-device1-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-wanted-device1-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-wanted-device1-supporting-text23, .archive-wanted-device1-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-supporting-text23 {
  min-width: 70.9px;
}

.archive-wanted-device1-supporting-text24 {
  width: 104px;
}

.archive-wanted-device1-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-wanted-device1-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-wanted-device1-badges-parent, .archive-wanted-device1-business-details, .archive-wanted-device1-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-wanted-device1-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-wanted-device1-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-business-actions, .archive-wanted-device1-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-wanted-device1-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-wanted-device1-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-wanted-device1-content6:hover {
  background-color: #40454f;
}

.archive-wanted-device1-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-wanted-device1-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-wanted-device1-arrow-square-up-right-icon3, .archive-wanted-device1-arrow-square-up-right-icon4, .archive-wanted-device1-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device1-arrow-square-up-right-icon4, .archive-wanted-device1-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-wanted-device1-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-wanted-device1-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-wanted-device1-frame-parent11, .archive-wanted-device1-group-div, .archive-wanted-device1-list-header, .archive-wanted-device1-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-wanted-device1-frame-parent11, .archive-wanted-device1-group-div {
  gap: 7.3px;
}

.archive-wanted-device1-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-wanted-device1-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-wanted-device1-divider-icon10, .archive-wanted-device1-dots-vertical-icon7, .archive-wanted-device1-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device1-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-wanted-device1-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-wanted-device1-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-dots-vertical-parent1, .archive-wanted-device1-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-text-wrapper7 {
  flex: 1;
}

.archive-wanted-device1-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-wanted-device1-rectangle-textarea, .archive-wanted-device1-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device1-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-wanted-device1-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-wanted-device1-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-device1-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-contact-details, .archive-wanted-device1-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device1-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-wanted-device1-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-wanted-device1-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton27, .archive-wanted-device1-buttonsbutton28, .archive-wanted-device1-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-buttonsbutton28, .archive-wanted-device1-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-wanted-device1-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-wanted-device1-contact-details-parent, .archive-wanted-device1-detail-item-parent, .archive-wanted-device1-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-wanted-device1-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-wanted-device1-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton-wrapper2, .archive-wanted-device1-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-wanted-device1-frame-parent22, .archive-wanted-device1-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-wanted-device1-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-wanted-device1-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-pair-container-parent, .archive-wanted-device1-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-wanted-device1-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-wanted-device1-frame-parent19, .archive-wanted-device1-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-wanted-device1-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-wanted-device1-price7, .archive-wanted-device1-total {
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-wanted-device1-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-wanted-device1-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-wanted-device1-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-device1-pair-container-container, .archive-wanted-device1-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-wanted-device1-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-wanted-device1-frame-parent24, .archive-wanted-device1-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device1-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-wanted-device1-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-wanted-device1-fourth-listing, .archive-wanted-device1-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-wanted-device1-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-wanted-device1-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-wanted-device1-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-buttonsbutton30, .archive-wanted-device1-expand-action, .archive-wanted-device1-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-wanted-device1-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-wanted-device1-arrow-square-up-right-icon6, .archive-wanted-device1-arrow-square-up-right-icon7, .archive-wanted-device1-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device1-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-wanted-device1-arrow-square-up-right-icon7, .archive-wanted-device1-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-wanted-device1-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-wanted-device1-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-wanted-device1-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-wanted-device1-text100, .archive-wanted-device1-text101 {
  font-family: Inter;
  position: relative;
}

.archive-wanted-device1-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-wanted-device1-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-device1-badge27, .archive-wanted-device1-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-wanted-device1-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-wanted-device1-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-wanted-device1-card-header, .archive-wanted-device1-content7, .archive-wanted-device1-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-device1-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-device1-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-device1-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-button-group-base10, .archive-wanted-device1-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-wanted-device1-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-device1-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-wanted-device1-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-wanted-device1-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-device1-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-label3, .archive-wanted-device1-supporting-text41, .archive-wanted-device1-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-wanted-device1-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-wanted-device1-supporting-text41, .archive-wanted-device1-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-wanted-device1-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-wanted-device1-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-wanted-device1-content9, .archive-wanted-device1-input-with-label2, .archive-wanted-device1-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-wanted-device1-input-with-label2, .archive-wanted-device1-input2 {
  align-self: stretch;
}

.archive-wanted-device1-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-wanted-device1-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-wanted-device1-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-device1-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-wanted-device1-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-actions2, .archive-wanted-device1-button7, .archive-wanted-device1-content8 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-device1-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-actions2, .archive-wanted-device1-content8 {
  max-width: 100%;
}

.archive-wanted-device1-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-wanted-device1-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-wanted-device1-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-wanted-device1-card-header-parent, .archive-wanted-device1-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-text117, .archive-wanted-device1-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-wanted-device1-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-wanted-device1-badge28, .archive-wanted-device1-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-wanted-device1-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-wanted-device1-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-button8, .archive-wanted-device1-button9, .archive-wanted-device1-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-wanted-device1-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-wanted-device1-button8, .archive-wanted-device1-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-wanted-device1-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-actions3, .archive-wanted-device1-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-wanted-device1-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-wanted-device1-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-device1-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-table-header-cell, .archive-wanted-device1-table-header-cell-inner, .archive-wanted-device1-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-wanted-device1-table-header-cell, .archive-wanted-device1-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-wanted-device1-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device1-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-wanted-device1-avatar-online-indicator, .archive-wanted-device1-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-wanted-device1-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-wanted-device1-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-wanted-device1-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-wanted-device1-supporting-text43, .archive-wanted-device1-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-wanted-device1-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-wanted-device1-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device1-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device1-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device1-supporting-text46, .archive-wanted-device1-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-wanted-device1-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-wanted-device1-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device1-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-wanted-device1-avatar5, .archive-wanted-device1-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-wanted-device1-avatar5 {
  background-color: #f2f4f7;
}

.archive-wanted-device1-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device1-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device1-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-table-cell6, .archive-wanted-device1-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device1-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-wanted-device1-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device1-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-device1-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-table-header, .archive-wanted-device1-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-table-header {
  gap: 4px;
}

.archive-wanted-device1-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-wanted-device1-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-device1-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-marker-pin-02-group, .archive-wanted-device1-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-marker-pin-02-group {
  gap: 7px;
}

.archive-wanted-device1-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-wanted-device1-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-table-cell15, .archive-wanted-device1-table-cell16, .archive-wanted-device1-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-device1-table-cell16, .archive-wanted-device1-table-cell18 {
  width: 271px;
}

.archive-wanted-device1-table-cell18 {
  width: 239px;
}

.archive-wanted-device1-column, .archive-wanted-device1-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-wanted-device1-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-wanted-device1-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-wanted-device1-table-header-cell2, .archive-wanted-device1-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-wanted-device1-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-wanted-device1-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-table-cell20, .archive-wanted-device1-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-device1-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-wanted-device1-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-wanted-device1-column1, .archive-wanted-device1-table-cell25, .archive-wanted-device1-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device1-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-wanted-device1-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-wanted-device1-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-table-cell30, .archive-wanted-device1-table-header-cell3, .archive-wanted-device1-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-wanted-device1-table-cell30, .archive-wanted-device1-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-wanted-device1-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-wanted-device1-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-wanted-device1-column2, .archive-wanted-device1-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-wanted-device1-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-wanted-device1-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-button-wrap, .archive-wanted-device1-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device1-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-wanted-device1-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-wanted-device1-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-content11, .archive-wanted-device1-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-wanted-device1-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-wanted-device1-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-content12, .archive-wanted-device1-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-wanted-device1-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-wanted-device1-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-content13, .archive-wanted-device1-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-content13 {
  padding: 10px 15px;
}

.archive-wanted-device1-pagination-number-base2 {
  overflow: hidden;
}

.archive-wanted-device1-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-wanted-device1-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-content17, .archive-wanted-device1-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-wanted-device1-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-wanted-device1-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-button-wrap1, .archive-wanted-device1-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-wanted-device1-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-wanted-device1-next-page-button, .archive-wanted-device1-page-navigation, .archive-wanted-device1-pagination, .archive-wanted-device1-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-wanted-device1-pagination, .archive-wanted-device1-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-wanted-device1-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-wanted-device1-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-wanted-device1-text161, .archive-wanted-device1-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-wanted-device1-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-device1-badge29, .archive-wanted-device1-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-wanted-device1-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-wanted-device1-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-button-group-base18, .archive-wanted-device1-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-device1-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-wanted-device1-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-wanted-device1-button-group-base19 {
  background-color: #fff;
}

.archive-wanted-device1-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-card-header-group, .archive-wanted-device1-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-wanted-device1-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-device1-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-wanted-device1-supporting-text55, .archive-wanted-device1-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-wanted-device1-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-wanted-device1-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-wanted-device1-content21, .archive-wanted-device1-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-wanted-device1-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-wanted-device1-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-actions6, .archive-wanted-device1-empty-state1 {
  justify-content: flex-start;
}

.archive-wanted-device1-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-wanted-device1-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-wanted-device1-empty-state, .archive-wanted-device1-empty-state1, .archive-wanted-device1-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-device1-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-wanted-device1-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-wanted-device1-supporting-text56, .archive-wanted-device1-text181 {
  align-self: stretch;
  position: relative;
}

.archive-wanted-device1-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-wanted-device1-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-wanted-device1-content22, .archive-wanted-device1-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-wanted-device1-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-wanted-device1-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-empty-state2, .archive-wanted-device1-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-wanted-device1-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-wanted-device1-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  font-family: Inter;
  font-size: 18px;
  display: flex;
}

.archive-wanted-device1-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 10px;
  display: flex;
  overflow-y: auto;
}

.archive-wanted-device1-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-wanted-device1-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-wanted-device1-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-wanted-device1-frame-child6, .archive-wanted-device1-rectangle-parent2, .archive-wanted-device1-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device1-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-wanted-device1-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-wanted-device1-dots-vertical-icon22, .archive-wanted-device1-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-device1-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-wanted-device1-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-wanted-device1-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-wanted-device1-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-wanted-device1-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-wanted-device1-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-wanted-device1-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-wanted-device1-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-wanted-device1-frame-parent27, .archive-wanted-device1-logomark, .archive-wanted-device1-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-device1-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-wanted-device1-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-wanted-device1-content23, .archive-wanted-device1-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-wanted-device1-container1, .archive-wanted-device1-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-device1-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-wanted-device1-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-wanted-device1-divider-icon14 {
  object-fit: contain;
  z-index: 4;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: -11px;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-device1-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-wanted-device1-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-wanted-device1-dot-icon10, .archive-wanted-device1-dot-icon11, .archive-wanted-device1-dot-icon7, .archive-wanted-device1-dot-icon8, .archive-wanted-device1-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-device1-dot-icon10, .archive-wanted-device1-dot-icon11, .archive-wanted-device1-dot-icon8, .archive-wanted-device1-dot-icon9 {
  z-index: 3;
}

.archive-wanted-device1-dot-icon10, .archive-wanted-device1-dot-icon11, .archive-wanted-device1-dot-icon9 {
  z-index: 4;
}

.archive-wanted-device1-dot-icon10, .archive-wanted-device1-dot-icon11 {
  z-index: 5;
}

.archive-wanted-device1-dot-icon11 {
  z-index: 6;
}

.archive-wanted-device1-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-wanted-device1-dot-icon12, .archive-wanted-device1-dot-icon13, .archive-wanted-device1-featured-icon1 {
  display: none;
  position: relative;
}

.archive-wanted-device1-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-wanted-device1-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-wanted-device1-supporting-text57, .archive-wanted-device1-text184 {
  align-self: stretch;
  position: relative;
}

.archive-wanted-device1-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-wanted-device1-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-wanted-device1-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-button-close-x, .archive-wanted-device1-content24 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-device1-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-wanted-device1-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device1-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-wanted-device1-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-device1-frame-wrapper13, .archive-wanted-device1-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-wanted-device1-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-wanted-device1-background, .archive-wanted-device1-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-wanted-device1-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-wanted-device1-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-wanted-device1-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-content25, .archive-wanted-device1-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-wanted-device1-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-wanted-device1-control-handle, .archive-wanted-device1-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-wanted-device1-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-wanted-device1-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-wanted-device1-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-wanted-device1-background-parent, .archive-wanted-device1-content26, .archive-wanted-device1-progress, .archive-wanted-device1-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-wanted-device1-background-parent, .archive-wanted-device1-progress {
  position: relative;
}

.archive-wanted-device1-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-wanted-device1-background-parent {
  padding: 0 20px 0 0;
}

.archive-wanted-device1-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-device1-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-wanted-device1-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-input-field, .archive-wanted-device1-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-wanted-device1-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-wanted-device1-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-wanted-device1-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-wanted-device1-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-wanted-device1-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-wanted-device1-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-wanted-device1-frame-parent31, .archive-wanted-device1-frame-wrapper14, .archive-wanted-device1-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-wanted-device1-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-wanted-device1-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-wanted-device1-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-wanted-device1-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-content-parent, .archive-wanted-device1-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-wanted-device1-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-wanted-device1-content-parent {
  gap: 42px;
}

.archive-wanted-device1-content-parent, .archive-wanted-device1-input10, .archive-wanted-device1-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-wanted-device1-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-device1-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-input-field2, .archive-wanted-device1-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-wanted-device1-section-parent {
  gap: 8px;
}

.archive-wanted-device1-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-wanted-device1-checkboxes1, .archive-wanted-device1-section-wrapper, .archive-wanted-device1-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-wanted-device1-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-wanted-device1-text203, .archive-wanted-device1-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-text207 {
  min-width: 44px;
}

.archive-wanted-device1-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-text208, .archive-wanted-device1-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-text209 {
  min-width: 59px;
}

.archive-wanted-device1-search-lg, .archive-wanted-device1-text210 {
  z-index: 2;
  position: relative;
}

.archive-wanted-device1-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-wanted-device1-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-wanted-device1-content37, .archive-wanted-device1-input-fields2, .archive-wanted-device1-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-device1-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-wanted-device1-input-fields2, .archive-wanted-device1-input19 {
  align-self: stretch;
}

.archive-wanted-device1-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-wanted-device1-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-device1-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-wanted-device1-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-wanted-device1-text212, .archive-wanted-device1-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-wanted-device1-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-wanted-device1-frame-parent36, .archive-wanted-device1-frame-parent37, .archive-wanted-device1-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-device1-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-wanted-device1-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-wanted-device1-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-wanted-device1-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-frame-parent28, .archive-wanted-device1-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-wanted-device1-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-wanted-device1-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-device1-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-device1-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-device1-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-device1-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-device1-actions9, .archive-wanted-device1-buttonsbutton39, .archive-wanted-device1-content38 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-device1-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-wanted-device1-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-wanted-device1-divider-parent6, .archive-wanted-device1-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-wanted-device1-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-wanted-device1-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-wanted-device1-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-wanted-device1-frame-parent41, .archive-wanted-device1-rectangle-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-device1-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-wanted-device1-slide-out {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25%;
  max-width: 100%;
  display: flex;
  margin: 0 !important;
}

.archive-wanted-device1-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  height: max-content;
  margin: 0 auto;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

.archive-wanted-device1-hiddenbutton-container {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-wanted-device1-button-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  padding: 0 32px;
  display: flex;
}

.archive-wanted-device1-sort-container {
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  padding: 5px 32px 0;
  display: flex;
}

.archive-wanted-device-component-archive-wanted-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  padding: 0 30px 24px 32px;
  font-size: 18px;
  display: flex;
}

@media screen and (width <= 1275px) {
  .archive-wanted-device1-collapsed-listing, .archive-wanted-device1-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-wanted-device1-frame-form {
    padding-bottom: 272px;
  }

  .archive-wanted-device1-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-wanted-device1-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-wanted-device1-fourth-listing {
    flex: 1;
  }

  .archive-wanted-device1-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-frame-parent16 {
    gap: 140px;
  }

  .archive-wanted-device1-content8 {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-wanted-device1-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-wanted-device1-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-wanted-device1-navigation-parent {
    gap: 19px;
  }

  .archive-wanted-device1-frame-parent {
    gap: 35px;
  }

  .archive-wanted-device1-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-wanted-device1-main {
    gap: 16px;
  }

  .archive-wanted-device1-badges, .archive-wanted-device1-dot-item-content, .archive-wanted-device1-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-dots-vertical {
    min-width: 100%;
  }

  .archive-wanted-device1-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-wanted-device1-frame-div {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-frame-container {
    min-width: 100%;
  }

  .archive-wanted-device1-frame-group {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-dots-vertical-container {
    min-width: 100%;
  }

  .archive-wanted-device1-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-wanted-device1-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-wanted-device1-first-badge, .archive-wanted-device1-location-content {
    flex: 1;
  }

  .archive-wanted-device1-badge-name {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-badge-details {
    gap: 23px;
  }

  .archive-wanted-device1-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-second-badge-list-parent {
    gap: 23px;
  }

  .archive-wanted-device1-frame-parent5 {
    gap: 53px;
  }

  .archive-wanted-device1-expanded-content {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-expanded-listing {
    min-width: 100%;
  }

  .archive-wanted-device1-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-wanted-device1-badge-support-parent, .archive-wanted-device1-badges1, .archive-wanted-device1-detail-item, .archive-wanted-device1-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-second-listing-details {
    flex: 1;
  }

  .archive-wanted-device1-listing-detail {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-frame-parent19 {
    gap: 54px;
  }

  .archive-wanted-device1-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-wanted-device1-fourth-listing {
    margin-left: 0;
  }

  .archive-wanted-device1-frame-parent16 {
    gap: 70px;
  }

  .archive-wanted-device1-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-wanted-device1-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-wanted-device1-actions2 {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-wanted-device1-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-wanted-device1-actions3 {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-wanted-device1-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-wanted-device1-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-wanted-device1-empty-state3 {
    gap: 16px;
  }

  .archive-wanted-device1-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-wanted-device1-container1 {
    gap: 16px;
  }

  .archive-wanted-device1-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-wanted-device1-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-wanted-device1-frame-parent {
    gap: 17px;
  }

  .archive-wanted-device1-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-wanted-device1-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-device1-card-work {
    flex: 1;
  }

  .archive-wanted-device1-provider-name {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-price2, .archive-wanted-device1-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-device1-badge-container, .archive-wanted-device1-location-content {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-wanted-device1-buttonsbutton-group, .archive-wanted-device1-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-location-summary {
    flex: 1;
  }

  .archive-wanted-device1-summary-details {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-frame-parent5 {
    gap: 27px;
  }

  .archive-wanted-device1-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-wanted-device1-price4, .archive-wanted-device1-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-device1-business-name-role, .archive-wanted-device1-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-detail-item-parent {
    gap: 20px;
  }

  .archive-wanted-device1-pair-container-parent {
    margin-left: 0;
  }

  .archive-wanted-device1-frame-parent19 {
    gap: 27px;
  }

  .archive-wanted-device1-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-device1-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-frame-parent24 {
    gap: 126px;
  }

  .archive-wanted-device1-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-wanted-device1-content9, .archive-wanted-device1-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-device1-input-dropdown2 {
    max-width: 100%;
  }

  .archive-wanted-device1-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-wanted-device1-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-device1-button-group2 {
    flex-wrap: wrap;
  }

  .archive-wanted-device1-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-device1-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-wanted-device1-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-wanted-device1-footer {
    gap: 16px;
  }

  .archive-wanted-device1-listings-search-results-list {
    gap: 25px;
  }
}

.detailed-wanted-device-frame-child, .detailed-wanted-device-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.detailed-wanted-device-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.detailed-wanted-device-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.detailed-wanted-device-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.detailed-wanted-device-header-content, .detailed-wanted-device-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.detailed-wanted-device-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.detailed-wanted-device-bar-chart-01-icon, .detailed-wanted-device-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.detailed-wanted-device-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.detailed-wanted-device-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.detailed-wanted-device-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.detailed-wanted-device-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-wanted-device-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-wanted-device-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-badge1, .detailed-wanted-device-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.detailed-wanted-device-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-wanted-device-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-wanted-device-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-navigation, .detailed-wanted-device-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.detailed-wanted-device-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.detailed-wanted-device-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.detailed-wanted-device-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-wanted-device-placeholder, .detailed-wanted-device-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.detailed-wanted-device-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.detailed-wanted-device-content3, .detailed-wanted-device-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-wanted-device-content3 {
  flex: 1;
  gap: 8px;
}

.detailed-wanted-device-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-header-container, .detailed-wanted-device-input-with-label, .detailed-wanted-device-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.detailed-wanted-device-header-container, .detailed-wanted-device-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.detailed-wanted-device-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.detailed-wanted-device-header-container {
  gap: 70px;
  width: 754px;
}

.detailed-wanted-device-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.detailed-wanted-device-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.detailed-wanted-device-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.detailed-wanted-device-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.detailed-wanted-device-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.detailed-wanted-device-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.detailed-wanted-device-button-container, .detailed-wanted-device-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.detailed-wanted-device-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.detailed-wanted-device-divider-icon, .detailed-wanted-device-text6 {
  align-self: stretch;
  position: relative;
}

.detailed-wanted-device-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.detailed-wanted-device-text6 {
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-device-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.detailed-wanted-device-chevron-right-icon, .detailed-wanted-device-text7 {
  flex-shrink: 0;
  position: relative;
}

.detailed-wanted-device-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.detailed-wanted-device-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-device-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.detailed-wanted-device-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.detailed-wanted-device-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-breadcrumb-controls, .detailed-wanted-device-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.detailed-wanted-device-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-wanted-device-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.detailed-wanted-device-breadcrumb-controls-icon, .detailed-wanted-device-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.detailed-wanted-device-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.detailed-wanted-device-breadcrumb-controls-item {
  display: none;
}

.detailed-wanted-device-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-buttonsbutton, .detailed-wanted-device-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.detailed-wanted-device-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-wanted-device-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.detailed-wanted-device-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.detailed-wanted-device-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.detailed-wanted-device-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.detailed-wanted-device-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.detailed-wanted-device-breadcrumb, .detailed-wanted-device-breadcrumb-button-base3, .detailed-wanted-device-breadcrumb-container-parent, .detailed-wanted-device-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.detailed-wanted-device-breadcrumb, .detailed-wanted-device-breadcrumb-container-parent {
  max-width: 100%;
}

.detailed-wanted-device-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.detailed-wanted-device-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.detailed-wanted-device-pre- {
  text-transform: capitalize;
}

.detailed-wanted-device-o {
  text-transform: lowercase;
}

.detailed-wanted-device-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-marker-pin-02-icon, .detailed-wanted-device-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.detailed-wanted-device-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.detailed-wanted-device-detail-items, .detailed-wanted-device-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-detail-items {
  flex: 1;
  gap: 8px;
}

.detailed-wanted-device-details-row {
  gap: 20px;
  width: 294px;
}

.detailed-wanted-device-contact-name {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.detailed-wanted-device-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.detailed-wanted-device-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.detailed-wanted-device-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.detailed-wanted-device-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-wanted-device-ellipse-div, .detailed-wanted-device-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-wanted-device-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.detailed-wanted-device-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-wanted-device-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.detailed-wanted-device-contact-details, .detailed-wanted-device-details-content, .detailed-wanted-device-rectangle-container, .detailed-wanted-device-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.detailed-wanted-device-contact-details, .detailed-wanted-device-details-content {
  align-self: stretch;
}

.detailed-wanted-device-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.detailed-wanted-device-details-content {
  flex-direction: column;
  gap: 8px;
}

.detailed-wanted-device-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-buttonsbutton1, .detailed-wanted-device-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.detailed-wanted-device-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-buttonsbutton1:hover {
  background-color: #eaecf0;
}

.detailed-wanted-device-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.detailed-wanted-device-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-wanted-device-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.detailed-wanted-device-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.detailed-wanted-device-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.detailed-wanted-device-detail-container, .detailed-wanted-device-dropdown, .detailed-wanted-device-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.detailed-wanted-device-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.detailed-wanted-device-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-device-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.detailed-wanted-device-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-device-heading, .detailed-wanted-device-paragraph, .detailed-wanted-device-paragraph1 {
  z-index: 1;
  position: relative;
}

.detailed-wanted-device-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-device-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-device-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.detailed-wanted-device-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.detailed-wanted-device-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.detailed-wanted-device-description-columns-second, .detailed-wanted-device-description-content, .detailed-wanted-device-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 43px;
  min-height: 120px;
}

.detailed-wanted-device-description-content, .detailed-wanted-device-heading-parent {
  flex-direction: column;
}

.detailed-wanted-device-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.detailed-wanted-device-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.detailed-wanted-device-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-device-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-description-paragraphs, .detailed-wanted-device-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-device-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.detailed-wanted-device-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.detailed-wanted-device-heading1, .detailed-wanted-device-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-device-heading1 {
  font-weight: 500;
}

.detailed-wanted-device-paragraph26 {
  color: #475467;
}

.detailed-wanted-device-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.detailed-wanted-device-gallery-images-container-child, .detailed-wanted-device-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.detailed-wanted-device-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.detailed-wanted-device-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.detailed-wanted-device-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.detailed-wanted-device-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-wanted-device-gallery-images, .detailed-wanted-device-gallery-images-container, .detailed-wanted-device-gallery-images-container1, .detailed-wanted-device-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-wanted-device-gallery-images, .detailed-wanted-device-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.detailed-wanted-device-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.detailed-wanted-device-heading6 {
  font-weight: 600;
}

.detailed-wanted-device-heading6, .detailed-wanted-device-heading7, .detailed-wanted-device-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-device-heading7 {
  font-weight: 500;
}

.detailed-wanted-device-paragraph30 {
  color: #475467;
}

.detailed-wanted-device-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.detailed-wanted-device-benefits-content {
  gap: 16px;
}

.detailed-wanted-device-benefits-container, .detailed-wanted-device-benefits-content, .detailed-wanted-device-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-section {
  z-index: 1;
  font-size: 18px;
}

.detailed-wanted-device-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.detailed-wanted-device-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-device-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.detailed-wanted-device-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.detailed-wanted-device-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.detailed-wanted-device-supporting-text3, .detailed-wanted-device-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-text12 {
  font-weight: 500;
}

.detailed-wanted-device-supporting-text3 {
  color: #475467;
}

.detailed-wanted-device-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-device-download-items, .detailed-wanted-device-download-items-parent, .detailed-wanted-device-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-download-items, .detailed-wanted-device-download-items-parent {
  align-self: stretch;
}

.detailed-wanted-device-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.detailed-wanted-device-heading15, .detailed-wanted-device-text18 {
  font-weight: 600;
  position: relative;
}

.detailed-wanted-device-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.detailed-wanted-device-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.detailed-wanted-device-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-wanted-device-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-wanted-device-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-device-button-group-base2, .detailed-wanted-device-button-group-base3, .detailed-wanted-device-button-group-base4, .detailed-wanted-device-button-group-base5, .detailed-wanted-device-button-group-base6, .detailed-wanted-device-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.detailed-wanted-device-button-group-base3, .detailed-wanted-device-button-group-base4, .detailed-wanted-device-button-group-base5, .detailed-wanted-device-button-group-base6, .detailed-wanted-device-button-group-base7 {
  z-index: 5;
}

.detailed-wanted-device-button-group-base4, .detailed-wanted-device-button-group-base5, .detailed-wanted-device-button-group-base6, .detailed-wanted-device-button-group-base7 {
  z-index: 4;
}

.detailed-wanted-device-button-group-base5, .detailed-wanted-device-button-group-base6, .detailed-wanted-device-button-group-base7 {
  z-index: 3;
}

.detailed-wanted-device-button-group-base6, .detailed-wanted-device-button-group-base7 {
  z-index: 2;
}

.detailed-wanted-device-button-group-base7 {
  z-index: 1;
}

.detailed-wanted-device-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-wanted-device-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-supporting-text9, .detailed-wanted-device-text27 {
  line-height: 24px;
  position: relative;
}

.detailed-wanted-device-text27 {
  font-weight: 500;
}

.detailed-wanted-device-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.detailed-wanted-device-content5, .detailed-wanted-device-input-with-label1, .detailed-wanted-device-input1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.detailed-wanted-device-input-with-label1, .detailed-wanted-device-input1 {
  align-self: stretch;
}

.detailed-wanted-device-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.detailed-wanted-device-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-wanted-device-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-wanted-device-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.detailed-wanted-device-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-actions, .detailed-wanted-device-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-device-button {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.detailed-wanted-device-content4, .detailed-wanted-device-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.detailed-wanted-device-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.detailed-wanted-device-empty-review, .detailed-wanted-device-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.detailed-wanted-device-empty-review {
  flex: 1;
  justify-content: center;
  min-width: 91px;
  height: 44px;
  line-height: 24px;
}

.detailed-wanted-device-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.detailed-wanted-device-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.detailed-wanted-device-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.detailed-wanted-device-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.detailed-wanted-device-review-content, .detailed-wanted-device-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.detailed-wanted-device-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.detailed-wanted-device-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.detailed-wanted-device-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-wanted-device-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-first-review-fifth-star, .detailed-wanted-device-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.detailed-wanted-device-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.detailed-wanted-device-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-heading-wrapper {
  padding: 0 4px;
}

.detailed-wanted-device-heading-wrapper, .detailed-wanted-device-stars-wrapper, .detailed-wanted-device-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.detailed-wanted-device-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.detailed-wanted-device-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-device-rectangle-parent3, .detailed-wanted-device-review-container, .detailed-wanted-device-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.detailed-wanted-device-review-container, .detailed-wanted-device-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.detailed-wanted-device-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.detailed-wanted-device-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  width: 812px;
  font-size: 56px;
}

.detailed-wanted-device-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.detailed-wanted-device-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.detailed-wanted-device-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-alvo-medical, .detailed-wanted-device-heading20 {
  font-weight: 500;
}

.detailed-wanted-device-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-device-client-review-header, .detailed-wanted-device-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.detailed-wanted-device-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.detailed-wanted-device-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-client-rating, .detailed-wanted-device-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-client-rating {
  align-self: stretch;
  gap: 4px;
}

.detailed-wanted-device-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.detailed-wanted-device-client-review, .detailed-wanted-device-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.detailed-wanted-device-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.detailed-wanted-device-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-wanted-device-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.detailed-wanted-device-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-badge-wrapper, .detailed-wanted-device-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.detailed-wanted-device-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.detailed-wanted-device-discount, .detailed-wanted-device-price {
  z-index: 2;
  position: relative;
}

.detailed-wanted-device-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.detailed-wanted-device-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.detailed-wanted-device-original-price, .detailed-wanted-device-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.detailed-wanted-device-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.detailed-wanted-device-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-device-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.detailed-wanted-device-card-header, .detailed-wanted-device-price-tag, .detailed-wanted-device-service-title-container {
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
}

.detailed-wanted-device-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.detailed-wanted-device-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  margin: 0 !important;
}

.detailed-wanted-device-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.detailed-wanted-device-amlie-laurent, .detailed-wanted-device-card-footer, .detailed-wanted-device-role {
  align-self: stretch;
  position: relative;
}

.detailed-wanted-device-card-footer {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-amlie-laurent, .detailed-wanted-device-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.detailed-wanted-device-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.detailed-wanted-device-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-supporting-text10 {
  z-index: 2;
  flex: 1;
  min-width: 114px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-contact-button, .detailed-wanted-device-message-button {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-message-button {
  flex: 1;
  gap: 2px;
}

.detailed-wanted-device-contact-button {
  align-self: stretch;
  padding: 0 52px;
}

.detailed-wanted-device-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.detailed-wanted-device-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.detailed-wanted-device-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-buttonsbutton5, .detailed-wanted-device-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-buttonsbutton5 {
  white-space: nowrap;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.detailed-wanted-device-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.detailed-wanted-device-buttonsbutton6:hover {
  background-color: #17b26a;
}

.detailed-wanted-device-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-buttonsbutton6-add:hover {
  background-color: #eaecf0;
}

.detailed-wanted-device-button-container2, .detailed-wanted-device-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-button-container2 {
  flex: 1;
  gap: 16px;
}

.detailed-wanted-device-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.detailed-wanted-device-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.detailed-wanted-device-dropdown-menu, .detailed-wanted-device-dropdown1, .detailed-wanted-device-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-dropdown1 {
  z-index: 2;
}

.detailed-wanted-device-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.detailed-wanted-device-professional-details, .detailed-wanted-device-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.detailed-wanted-device-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.detailed-wanted-device-card-content, .detailed-wanted-device-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.detailed-wanted-device-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-wanted-device-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.detailed-wanted-device-description, .detailed-wanted-device-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.detailed-wanted-device-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-device-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-device-header-content1, .detailed-wanted-device-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-wanted-device-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.detailed-wanted-device-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.detailed-wanted-device-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.detailed-wanted-device-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.detailed-wanted-device-client-name, .detailed-wanted-device-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-device-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.detailed-wanted-device-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.detailed-wanted-device-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.detailed-wanted-device-testimonial-divider, .detailed-wanted-device-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.detailed-wanted-device-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.detailed-wanted-device-rectangle-parent4, .detailed-wanted-device-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.detailed-wanted-device-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.detailed-wanted-device-frame-parent, .detailed-wanted-device-listing-content, .detailed-wanted-device-listing-content-wrapper, .detailed-wanted-device-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.detailed-wanted-device-frame-parent, .detailed-wanted-device-listing-content, .detailed-wanted-device-listing-content-wrapper {
  flex-direction: row;
}

.detailed-wanted-device-listing-content {
  flex: 1;
  gap: 14px;
}

.detailed-wanted-device-frame-parent, .detailed-wanted-device-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.detailed-wanted-device-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  margin-top: 50px;
  padding: 0 2px 24px 0;
}

.detailed-wanted-device-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-listing-image-grid, .detailed-wanted-device-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.detailed-wanted-device-listing-image-grid1 {
  padding: 0 80px 24px;
}

.detailed-wanted-device-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-wanted-device-feedback-header, .detailed-wanted-device-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.detailed-wanted-device-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.detailed-wanted-device-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-buttonsbutton7, .detailed-wanted-device-feedback-score, .detailed-wanted-device-stars-parent {
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.detailed-wanted-device-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.detailed-wanted-device-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-device-client-feedback, .detailed-wanted-device-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.detailed-wanted-device-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
}

.detailed-wanted-device-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-device-client-message, .detailed-wanted-device-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.detailed-wanted-device-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-wanted-device-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px;
}

.detailed-wanted-device-buttonsbutton8, .detailed-wanted-device-client-message, .detailed-wanted-device-view-replies {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-view-replies {
  color: #eaecf0;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 24px 440px;
  font-size: 14px;
}

.detailed-wanted-device-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-button-wrap, .detailed-wanted-device-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-device-buttonsbutton9 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-button-wrap {
  flex: 1;
  justify-content: flex-start;
}

.detailed-wanted-device-details, .detailed-wanted-device-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-text37 {
  min-width: 32px;
  font-weight: 600;
}

.detailed-wanted-device-button-wrap1, .detailed-wanted-device-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-device-buttonsbutton10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-button-wrap1 {
  flex: 1;
  justify-content: flex-end;
}

.detailed-wanted-device-pagination, .detailed-wanted-device-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.detailed-wanted-device-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.detailed-wanted-device-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.detailed-wanted-device-heading32, .detailed-wanted-device-heading33 {
  line-height: 24px;
  position: relative;
}

.detailed-wanted-device-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.detailed-wanted-device-heading33 {
  width: 107px;
  display: inline-block;
}

.detailed-wanted-device-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-wanted-device-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.detailed-wanted-device-label2, .detailed-wanted-device-label3, .detailed-wanted-device-text38 {
  position: relative;
}

.detailed-wanted-device-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.detailed-wanted-device-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-device-input-with-label3, .detailed-wanted-device-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.detailed-wanted-device-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-device-content6, .detailed-wanted-device-input-field, .detailed-wanted-device-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.detailed-wanted-device-content6, .detailed-wanted-device-input-field {
  max-width: 100%;
}

.detailed-wanted-device-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.detailed-wanted-device-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.detailed-wanted-device-label4, .detailed-wanted-device-text39 {
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-device-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.detailed-wanted-device-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-input-field1, .detailed-wanted-device-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.detailed-wanted-device-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.detailed-wanted-device-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.detailed-wanted-device-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-button1, .detailed-wanted-device-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.detailed-wanted-device-review-form, .detailed-wanted-device-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.detailed-wanted-device-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.detailed-wanted-device-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.detailed-wanted-device-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.detailed-wanted-device-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-heading-parent3, .detailed-wanted-device-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.detailed-wanted-device-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.detailed-wanted-device-frame-child12, .detailed-wanted-device-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.detailed-wanted-device-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.detailed-wanted-device-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.detailed-wanted-device-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.detailed-wanted-device-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.detailed-wanted-device-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-badge5, .detailed-wanted-device-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.detailed-wanted-device-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.detailed-wanted-device-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.detailed-wanted-device-image-overlay, .detailed-wanted-device-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.detailed-wanted-device-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.detailed-wanted-device-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.detailed-wanted-device-listing-detail-item-date, .detailed-wanted-device-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.detailed-wanted-device-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.detailed-wanted-device-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-wanted-device-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.detailed-wanted-device-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.detailed-wanted-device-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-listing-detail-item-pin-wrapper, .detailed-wanted-device-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.detailed-wanted-device-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.detailed-wanted-device-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.detailed-wanted-device-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-listing, .detailed-wanted-device-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.detailed-wanted-device-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.detailed-wanted-device-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.detailed-wanted-device-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.detailed-wanted-device-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.detailed-wanted-device-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.detailed-wanted-device-listing-detail-item-value, .detailed-wanted-device-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.detailed-wanted-device-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.detailed-wanted-device-listing-detail-item, .detailed-wanted-device-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.detailed-wanted-device-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.detailed-wanted-device-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.detailed-wanted-device-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.detailed-wanted-device-footer-social, .detailed-wanted-device-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.detailed-wanted-device-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-wanted-device-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-device-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.detailed-wanted-device-badge-group, .detailed-wanted-device-image-overlay3, .detailed-wanted-device-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.detailed-wanted-device-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.detailed-wanted-device-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.detailed-wanted-device-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.detailed-wanted-device-agent-details-icon, .detailed-wanted-device-agent-extra-info, .detailed-wanted-device-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.detailed-wanted-device-agent-details-icon, .detailed-wanted-device-agent-extra-info {
  max-width: 100%;
}

.detailed-wanted-device-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.detailed-wanted-device-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.detailed-wanted-device-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-device-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.detailed-wanted-device-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.detailed-wanted-device-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.detailed-wanted-device-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.detailed-wanted-device-testiomonial-carousel-arrow4, .detailed-wanted-device-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.detailed-wanted-device-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-device-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.detailed-wanted-device-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-rectangle-parent30, .detailed-wanted-device-supporting-six-wrapper, .detailed-wanted-device-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.detailed-wanted-device-supporting-six-wrapper, .detailed-wanted-device-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.detailed-wanted-device-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.detailed-wanted-device-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.detailed-wanted-device-divider-container, .detailed-wanted-device-icon-group, .detailed-wanted-device-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.detailed-wanted-device-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.detailed-wanted-device-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-device-breadcrumb-button-base4, .detailed-wanted-device-testiomonial-carousel-arrow6, .detailed-wanted-device-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-wanted-device-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.detailed-wanted-device-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.detailed-wanted-device-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-device-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-device-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.detailed-wanted-device-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-device-divider-icon24 {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin-top: 200px !important;
}

.detailed-wanted-device-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-device-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-device-button2, .detailed-wanted-device-text-padding4, .detailed-wanted-device-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.detailed-wanted-device-button2, .detailed-wanted-device-text-padding5 {
  box-sizing: border-box;
}

.detailed-wanted-device-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.detailed-wanted-device-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.detailed-wanted-device-button3, .detailed-wanted-device-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.detailed-wanted-device-button4, .detailed-wanted-device-button5, .detailed-wanted-device-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.detailed-wanted-device-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-actions1, .detailed-wanted-device-testiomonial-carousel-arrow8, .detailed-wanted-device-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-wanted-device-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.detailed-wanted-device-testiomonial-carousel-arrow8, .detailed-wanted-device-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-wanted-device-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-device-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.detailed-wanted-device-listing-image-grid11, .detailed-wanted-device-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.detailed-wanted-device-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.detailed-wanted-device-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-device-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.detailed-wanted-device-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.detailed-wanted-device-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-device-heading40, .detailed-wanted-device-text123 {
  font-weight: 600;
  position: relative;
}

.detailed-wanted-device-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.detailed-wanted-device-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-device-buttonsbutton27, .detailed-wanted-device-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-device-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.detailed-wanted-device-footer-link1 {
  justify-content: flex-start;
}

.detailed-wanted-device-text124, .detailed-wanted-device-text125, .detailed-wanted-device-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-text125, .detailed-wanted-device-text126 {
  min-width: 68px;
}

.detailed-wanted-device-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.detailed-wanted-device-badge36, .detailed-wanted-device-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-wanted-device-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.detailed-wanted-device-footer-link3 {
  gap: 8px;
}

.detailed-wanted-device-text127, .detailed-wanted-device-text128, .detailed-wanted-device-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-text128, .detailed-wanted-device-text129 {
  min-width: 97px;
}

.detailed-wanted-device-text129 {
  min-width: 81px;
}

.detailed-wanted-device-footer-links-column, .detailed-wanted-device-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.detailed-wanted-device-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.detailed-wanted-device-text130, .detailed-wanted-device-text131, .detailed-wanted-device-text132, .detailed-wanted-device-text133, .detailed-wanted-device-text134, .detailed-wanted-device-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.detailed-wanted-device-text131, .detailed-wanted-device-text132, .detailed-wanted-device-text133, .detailed-wanted-device-text134, .detailed-wanted-device-text135 {
  min-width: 58px;
}

.detailed-wanted-device-text132, .detailed-wanted-device-text133, .detailed-wanted-device-text134, .detailed-wanted-device-text135 {
  min-width: 66px;
}

.detailed-wanted-device-text133, .detailed-wanted-device-text134, .detailed-wanted-device-text135 {
  min-width: 90px;
}

.detailed-wanted-device-text134, .detailed-wanted-device-text135 {
  min-width: 55px;
}

.detailed-wanted-device-text135 {
  min-width: 63px;
}

.detailed-wanted-device-footer-links2, .detailed-wanted-device-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.detailed-wanted-device-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.detailed-wanted-device-help-icon, .detailed-wanted-device-label6 {
  display: none;
  position: relative;
}

.detailed-wanted-device-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-device-help-icon {
  width: 16px;
  height: 16px;
}

.detailed-wanted-device-input-with-label6, .detailed-wanted-device-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.detailed-wanted-device-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-wanted-device-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-wanted-device-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.detailed-wanted-device-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-device-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-device-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.detailed-wanted-device-email-capture, .detailed-wanted-device-links-and-newsletter, .detailed-wanted-device-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.detailed-wanted-device-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.detailed-wanted-device-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.detailed-wanted-device-container, .detailed-wanted-device-content8, .detailed-wanted-device-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-container {
  flex: 1;
  max-width: 1280px;
}

.detailed-wanted-device-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.detailed-wanted-device-divider-icon29, .detailed-wanted-device-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.detailed-wanted-device-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.detailed-wanted-device-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  margin-top: 250px;
  padding: 64px 0 48px;
  display: flex;
}

.detailed-wanted-device-footer-text {
  line-height: 20px;
  position: relative;
}

.detailed-wanted-device-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.detailed-wanted-device-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.detailed-wanted-device-logomark, .detailed-wanted-device-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.detailed-wanted-device-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.detailed-wanted-device-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.detailed-wanted-device-content10, .detailed-wanted-device-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-device-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.detailed-wanted-device-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.detailed-wanted-device-footer1, .detailed-wanted-device-listings-detailed-page-devic, .detailed-wanted-device-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.detailed-wanted-device-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.detailed-wanted-device-listings-detailed-page-devic, .detailed-wanted-device-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.detailed-wanted-device-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.detailed-wanted-device-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.detailed-wanted-device-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-wanted-device-sharethis-parent {
  position: relative;
}

.detailed-wanted-device-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-wanted-device-sharethis-follow-parent {
  position: relative;
}

@media screen and (width <= 1275px) {
  .detailed-wanted-device-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .detailed-wanted-device-breadcrumb-controls1 {
    flex: 1;
  }

  .detailed-wanted-device-breadcrumb-container {
    flex-wrap: wrap;
  }

  .detailed-wanted-device-service-card {
    flex: 1;
  }

  .detailed-wanted-device-listing-content {
    flex-wrap: wrap;
  }

  .detailed-wanted-device-container, .detailed-wanted-device-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .detailed-wanted-device-client-review, .detailed-wanted-device-content4, .detailed-wanted-device-description-columns-first, .detailed-wanted-device-download-items, .detailed-wanted-device-gallery-images, .detailed-wanted-device-rectangle-group, .detailed-wanted-device-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .detailed-wanted-device-description-block-parent {
    min-width: 100%;
  }

  .detailed-wanted-device-client-feedback, .detailed-wanted-device-client-message, .detailed-wanted-device-listing-image-grid, .detailed-wanted-device-listing-image-grid1, .detailed-wanted-device-pagination-wrapper, .detailed-wanted-device-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-wanted-device-heading-parent3 {
    flex-wrap: wrap;
  }

  .detailed-wanted-device-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .detailed-wanted-device-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .detailed-wanted-device-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .detailed-wanted-device-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .detailed-wanted-device-actions, .detailed-wanted-device-file-upload-item-base {
    flex-wrap: wrap;
  }

  .detailed-wanted-device-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .detailed-wanted-device-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .detailed-wanted-device-review-stars {
    min-width: 100%;
  }

  .detailed-wanted-device-review-container, .detailed-wanted-device-review-stars {
    flex-wrap: wrap;
  }

  .detailed-wanted-device-client-review-header {
    min-width: 100%;
  }

  .detailed-wanted-device-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-wanted-device-service-card {
    min-width: 100%;
  }

  .detailed-wanted-device-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-wanted-device-feedback-header {
    min-width: 100%;
  }

  .detailed-wanted-device-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .detailed-wanted-device-frame-parent3 {
    flex-wrap: wrap;
  }

  .detailed-wanted-device-textarea-input-field {
    max-width: 100%;
  }

  .detailed-wanted-device-content6 {
    gap: 16px;
  }

  .detailed-wanted-device-textarea-input-field1 {
    max-width: 100%;
  }

  .detailed-wanted-device-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-wanted-device-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .detailed-wanted-device-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .detailed-wanted-device-links {
    flex: 1;
  }

  .detailed-wanted-device-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .detailed-wanted-device-container {
    gap: 24px;
  }

  .detailed-wanted-device-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-wanted-device-footer {
    gap: 24px;
    height: auto;
  }

  .detailed-wanted-device-container1 {
    gap: 16px;
  }

  .detailed-wanted-device-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .detailed-wanted-device-header-container {
    gap: 17px;
  }

  .detailed-wanted-device-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .detailed-wanted-device-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-wanted-device-button-row, .detailed-wanted-device-contact-details {
    flex-wrap: wrap;
  }

  .detailed-wanted-device-gallery-images-container, .detailed-wanted-device-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .detailed-wanted-device-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .detailed-wanted-device-input-dropdown {
    max-width: 100%;
  }

  .detailed-wanted-device-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .detailed-wanted-device-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .detailed-wanted-device-rectangle-parent1 {
    flex: 1;
  }

  .detailed-wanted-device-review-container {
    gap: 16px;
  }

  .detailed-wanted-device-price {
    font-size: 21px;
    line-height: 26px;
  }

  .detailed-wanted-device-header-content1, .detailed-wanted-device-professional-details, .detailed-wanted-device-testimonial-item {
    flex-wrap: wrap;
  }

  .detailed-wanted-device-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .detailed-wanted-device-review-form {
    gap: 25px;
  }

  .detailed-wanted-device-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .detailed-wanted-device-links, .detailed-wanted-device-logo-and-supporting-text {
    gap: 16px;
  }

  .detailed-wanted-device-email-capture {
    flex-wrap: wrap;
  }

  .detailed-wanted-device-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .detailed-wanted-device-footer1 {
    gap: 16px;
  }
}

.add-wanted-device-progress-container-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.add-wanted-device-forms-add-wanted-device {
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 60px;
  font-family: Inter;
  display: flex;
}

.add-wanted-device-forms-add-wanted-device {
  box-sizing: border-box;
  letter-spacing: normal;
  align-items: flex-start;
  width: 100%;
  padding: 7px 0 0;
  font-size: 14px;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-wanted-device-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-device-progress-steps {
    display: none;
  }

  .add-wanted-device-main {
    height: auto;
  }

  .add-wanted-device-content23 {
    flex-wrap: wrap;
  }

  .add-wanted-device-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-wanted-device-content5 {
    max-width: 100%;
  }

  .add-wanted-device-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-wanted-device-frame-group {
    gap: 19px;
  }

  .add-wanted-device-frame-parent {
    gap: 35px;
  }

  .add-wanted-device-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-wanted-device-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-wanted-device-main {
    gap: 16px;
  }

  .add-wanted-device-content22, .add-wanted-device-content39 {
    min-width: 100%;
  }

  .add-wanted-device-textarea-input-field {
    max-width: 100%;
  }

  .add-wanted-device-content42 {
    gap: 16px;
  }

  .add-wanted-device-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-wanted-device-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-device-frame-parent {
    gap: 17px;
  }

  .add-wanted-device-step-two, .add-wanted-device-step-two-details, .add-wanted-device-steps {
    gap: 19px;
  }

  .add-wanted-device-form-parent {
    gap: 350px;
  }

  .add-wanted-device-action, .add-wanted-device-first-upload-item-content, .add-wanted-device-input1, .add-wanted-device-input10, .add-wanted-device-input9, .add-wanted-device-progress-bar {
    flex-wrap: wrap;
  }

  .add-wanted-device-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-device-progress-container-parent {
    gap: 49px;
  }
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-wanted-device-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-device-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-device-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-wanted-device-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-wanted-device-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-device-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-device-step-first-upload-item-content, .add-wanted-device-step-action, .add-wanted-device-step-input1, .add-wanted-device-step-input10, .add-wanted-device-step-input9 {
    flex-wrap: wrap;
  }
}

.add-wanted-spare-content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: calc(100% - 266px);
  font-size: 14px;
}

.add-wanted-spare-divider-icon10 {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .add-wanted-spare-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-spare-progress-steps {
    display: none;
  }

  .add-wanted-spare-main {
    height: auto;
  }

  .add-wanted-spare-content23 {
    flex-wrap: wrap;
  }

  .add-wanted-spare-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-wanted-spare-content5 {
    max-width: 100%;
  }

  .add-wanted-spare-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-wanted-spare-frame-group {
    gap: 19px;
  }

  .add-wanted-spare-frame-parent {
    gap: 35px;
  }

  .add-wanted-spare-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-wanted-spare-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-wanted-spare-main {
    gap: 16px;
  }

  .add-wanted-spare-content22, .add-wanted-spare-content39 {
    min-width: 100%;
  }

  .add-wanted-spare-textarea-input-field {
    max-width: 100%;
  }

  .add-wanted-spare-content42 {
    gap: 16px;
  }

  .add-wanted-spare-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-wanted-spare-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-spare-frame-parent {
    gap: 17px;
  }

  .add-wanted-spare-step-two, .add-wanted-spare-step-two-details, .add-wanted-spare-steps {
    gap: 19px;
  }

  .add-wanted-spare-form-parent {
    gap: 350px;
  }

  .add-wanted-spare-action, .add-wanted-spare-first-upload-item-content, .add-wanted-spare-input1, .add-wanted-spare-input10, .add-wanted-spare-input9, .add-wanted-spare-progress-bar {
    flex-wrap: wrap;
  }

  .add-wanted-spare-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-spare-progress-container-parent {
    gap: 49px;
  }
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-wanted-spare-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-spare-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-spare-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-wanted-spare-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-wanted-spare-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-spare-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-spare-step-first-upload-item-content, .add-wanted-spare-step-action, .add-wanted-spare-step-input1, .add-wanted-spare-step-input10, .add-wanted-spare-step-input9 {
    flex-wrap: wrap;
  }
}

.text-overflow-archive-spare {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-wanted-spare-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-wanted-spare-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-wanted-spare-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-wanted-spare-logo, .archive-wanted-spare-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-wanted-spare-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-wanted-spare-bar-chart-01-icon, .archive-wanted-spare-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-spare-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-wanted-spare-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-wanted-spare-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-wanted-spare-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-wanted-spare-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-spare-text2, .archive-wanted-spare-text3 {
  font-family: Inter;
  position: relative;
}

.archive-wanted-spare-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-wanted-spare-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-spare-badge1, .archive-wanted-spare-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-wanted-spare-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-wanted-spare-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-spare-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-navigation, .archive-wanted-spare-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-spare-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-wanted-spare-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-wanted-spare-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-spare-search-lg-icon, .archive-wanted-spare-text6 {
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-wanted-spare-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-wanted-spare-content3, .archive-wanted-spare-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-content3 {
  flex: 1;
  gap: 8px;
}

.archive-wanted-spare-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-frame-parent, .archive-wanted-spare-input-with-label, .archive-wanted-spare-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-wanted-spare-frame-parent, .archive-wanted-spare-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-wanted-spare-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-wanted-spare-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-wanted-spare-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-wanted-spare-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-spare-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-wanted-spare-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-wanted-spare-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-wanted-spare-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-wanted-spare-breadcrumb-button-base, .archive-wanted-spare-rectangle-parent, .archive-wanted-spare-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-spare-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-wanted-spare-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-wanted-spare-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-wanted-spare-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-wanted-spare-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-wanted-spare-tabs {
  gap: 8px;
}

.archive-wanted-spare-breadcrumbs, .archive-wanted-spare-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-wanted-spare-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-spare-container {
  padding: 0 32px;
}

.archive-wanted-spare-container, .archive-wanted-spare-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-main-child, .archive-wanted-spare-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-wanted-spare-main-item {
  height: 43px;
}

.archive-wanted-spare-main, .archive-wanted-spare-text11 {
  align-self: stretch;
}

.archive-wanted-spare-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-wanted-spare-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-breadcrumb-button-base6, .archive-wanted-spare-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-wanted-spare-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-wanted-spare-breadcrumbs1, .archive-wanted-spare-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-wanted-spare-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-wanted-spare-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-wanted-spare-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-wanted-spare-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-wanted-spare-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-label1, .archive-wanted-spare-text15 {
  position: relative;
}

.archive-wanted-spare-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-wanted-spare-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-wanted-spare-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-wanted-spare-content5, .archive-wanted-spare-input-with-label1, .archive-wanted-spare-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-wanted-spare-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-wanted-spare-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-spare-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-wanted-spare-content4, .archive-wanted-spare-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-spare-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-wanted-spare-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-page-header1, .archive-wanted-spare-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-wanted-spare-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 939px;
  padding: 0 32px;
}

.archive-wanted-spare-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-wanted-spare-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-wanted-spare-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-wanted-spare-button-group-base2, .archive-wanted-spare-button-group-base3, .archive-wanted-spare-button-group-base4, .archive-wanted-spare-button-group-base5, .archive-wanted-spare-button-group-base6, .archive-wanted-spare-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-wanted-spare-button-group-base3, .archive-wanted-spare-button-group-base4, .archive-wanted-spare-button-group-base5, .archive-wanted-spare-button-group-base6, .archive-wanted-spare-button-group-base7 {
  z-index: 6;
}

.archive-wanted-spare-button-group-base4, .archive-wanted-spare-button-group-base5, .archive-wanted-spare-button-group-base6, .archive-wanted-spare-button-group-base7 {
  z-index: 5;
}

.archive-wanted-spare-button-group-base5, .archive-wanted-spare-button-group-base6, .archive-wanted-spare-button-group-base7 {
  z-index: 4;
}

.archive-wanted-spare-button-group-base6, .archive-wanted-spare-button-group-base7 {
  z-index: 3;
}

.archive-wanted-spare-button-group-base7 {
  z-index: 2;
}

.archive-wanted-spare-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-breadcrumb-button-base11, .archive-wanted-spare-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-wanted-spare-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-wanted-spare-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-wanted-spare-breadcrumb-button-base14, .archive-wanted-spare-breadcrumbs2, .archive-wanted-spare-button-group, .archive-wanted-spare-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-spare-breadcrumbs2, .archive-wanted-spare-button-group {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-spare-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  bottom: -20px;
  right: -2px;
}

.archive-wanted-spare-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  top: 304px;
  left: 52px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-spare-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-wanted-spare-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
  position: absolute;
  top: 304px;
  right: 29px;
  margin: 0 !important;
}

.archive-wanted-spare-divider-icon2, .archive-wanted-spare-divider-icon3 {
  z-index: 1;
  width: 1077px;
  height: 1px;
  right: 0;
}

.archive-wanted-spare-divider-icon2 {
  position: absolute;
  top: 356px;
  margin: 0 !important;
}

.archive-wanted-spare-divider-icon3 {
  top: 291px;
}

.archive-wanted-spare-divider-icon3, .archive-wanted-spare-filter-items, .archive-wanted-spare-supporting-text1 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-spare-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  top: 122px;
  left: 52px;
}

.archive-wanted-spare-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-wanted-spare-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-wanted-spare-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-wanted-spare-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-wanted-spare-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-wanted-spare-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-spare-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-wanted-spare-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-dot-item-type-parent {
  gap: 8px;
}

.archive-wanted-spare-completed, .archive-wanted-spare-dot-item-content, .archive-wanted-spare-dot-item-innermost, .archive-wanted-spare-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-wanted-spare-completed, .archive-wanted-spare-dot-item-innermost {
  box-sizing: border-box;
}

.archive-wanted-spare-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-wanted-spare-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-wanted-spare-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-wanted-spare-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-wanted-spare-badge4, .archive-wanted-spare-completed-parent, .archive-wanted-spare-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-wanted-spare-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-badge5, .archive-wanted-spare-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-wanted-spare-badge6 {
  width: 76px;
}

.archive-wanted-spare-badge7, .archive-wanted-spare-badges {
  flex-direction: row;
  flex: 1;
}

.archive-wanted-spare-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-badges {
  gap: 8px;
}

.archive-wanted-spare-badges, .archive-wanted-spare-badges-wrapper, .archive-wanted-spare-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-wanted-spare-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-wanted-spare-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-dot-item-parent, .archive-wanted-spare-dots-parent, .archive-wanted-spare-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-wanted-spare-dots-parent, .archive-wanted-spare-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-spare-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-wanted-spare-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-wanted-spare-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-spare-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-wanted-spare-deal-inner, .archive-wanted-spare-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-wanted-spare-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-wanted-spare-card-deal, .archive-wanted-spare-deal-details, .archive-wanted-spare-deal-inner {
  justify-content: flex-start;
}

.archive-wanted-spare-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-wanted-spare-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-wanted-spare-card-deal, .archive-wanted-spare-frame-wrapper, .archive-wanted-spare-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-wanted-spare-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-wanted-spare-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-wanted-spare-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-close-icons, .archive-wanted-spare-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-spare-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-wanted-spare-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-wanted-spare-name, .archive-wanted-spare-role {
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-wanted-spare-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-wanted-spare-inner-info {
  flex-direction: column;
}

.archive-wanted-spare-inner-info, .archive-wanted-spare-inner-info-wrapper, .archive-wanted-spare-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-wanted-spare-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-wanted-spare-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-wanted-spare-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-wanted-spare-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-buttonsbutton2, .archive-wanted-spare-buttonsbutton3, .archive-wanted-spare-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-wanted-spare-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-wanted-spare-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-filter-items-parent, .archive-wanted-spare-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-wanted-spare-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-wanted-spare-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-wanted-spare-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-spare-price-value, .archive-wanted-spare-text37 {
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-text37 {
  z-index: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
}

.archive-wanted-spare-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-wanted-spare-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-spare-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-spare-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-wanted-spare-badge10, .archive-wanted-spare-badge11, .archive-wanted-spare-deal-type-parent, .archive-wanted-spare-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-badge11, .archive-wanted-spare-frame-parent1 {
  flex: 1;
}

.archive-wanted-spare-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-wanted-spare-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-badge-group, .archive-wanted-spare-badge12, .archive-wanted-spare-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-wanted-spare-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-wanted-spare-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-wanted-spare-badge13, .archive-wanted-spare-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-wanted-spare-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-wanted-spare-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-badge13, .archive-wanted-spare-badge14, .archive-wanted-spare-card-work, .archive-wanted-spare-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-spare-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-wanted-spare-badge14, .archive-wanted-spare-frame-div {
  flex-direction: row;
}

.archive-wanted-spare-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-wanted-spare-frame-container, .archive-wanted-spare-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  padding: 8px 0 0;
}

.archive-wanted-spare-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-wanted-spare-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-wanted-spare-inner-icons, .archive-wanted-spare-inner-icons-wrapper, .archive-wanted-spare-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-wanted-spare-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 143px;
  font-size: 20px;
}

.archive-wanted-spare-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  gap: 38px;
  font-size: 14px;
}

.archive-wanted-spare-dots-vertical-container, .archive-wanted-spare-frame-group, .archive-wanted-spare-rectangle-container, .archive-wanted-spare-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-wanted-spare-dots-vertical-container, .archive-wanted-spare-rectangle-container {
  flex-direction: row;
}

.archive-wanted-spare-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-wanted-spare-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-wanted-spare-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-wanted-spare-buttonsbutton-wrapper, .archive-wanted-spare-frame-parent3, .archive-wanted-spare-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-wanted-spare-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-wanted-spare-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-wanted-spare-divider-parent, .archive-wanted-spare-rectangle-group {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-wanted-spare-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  top: 400px;
  margin: 0 !important;
}

.archive-wanted-spare-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-spare-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-spare-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-spare-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton10 {
  left: 370px;
}

.archive-wanted-spare-buttonsbutton10, .archive-wanted-spare-buttonsbutton11, .archive-wanted-spare-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-spare-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-wanted-spare-buttonsbutton12 {
  right: 171px;
}

.archive-wanted-spare-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-spare-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-spare-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-spare-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 26px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-spare-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  position: absolute;
  top: 235px;
  right: 309px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-spare-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  position: absolute;
  top: 235px;
  right: 166px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-spare-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-button, .archive-wanted-spare-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-wanted-spare-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-wanted-spare-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-wanted-spare-button, .archive-wanted-spare-button1, .archive-wanted-spare-text60 {
  align-self: stretch;
}

.archive-wanted-spare-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-actions, .archive-wanted-spare-button2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  justify-content: flex-start;
  gap: 12px;
  padding: 0;
  position: absolute;
  top: 80px;
  right: 26px;
  margin: 0 !important;
}

.archive-wanted-spare-divider-icon6, .archive-wanted-spare-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-wanted-spare-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1098px;
  margin: auto;
  font-size: 14px;
  display: flex;
  position: relative;
}

.archive-wanted-spare-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 80px;
  overflow: hidden;
}

.archive-wanted-spare-divider-icon6, .archive-wanted-spare-divider-icon7, .archive-wanted-spare-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-spare-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-wanted-spare-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-wanted-spare-text-group, .archive-wanted-spare-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-wanted-spare-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-wanted-spare-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-last-active, .archive-wanted-spare-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-wanted-spare-name-container {
  gap: 16px;
}

.archive-wanted-spare-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-applications, .archive-wanted-spare-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-spare-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-wanted-spare-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-wanted-spare-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-spare-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-spare-card-actions, .archive-wanted-spare-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-wanted-spare-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-wanted-spare-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-spare-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-wanted-spare-price2, .archive-wanted-spare-rate {
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-wanted-spare-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-wanted-spare-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-wanted-spare-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-wanted-spare-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-wanted-spare-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-wanted-spare-card-actions1, .archive-wanted-spare-deal-container, .archive-wanted-spare-listing-border-parent, .archive-wanted-spare-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-wanted-spare-listing-border-parent, .archive-wanted-spare-listing-card-actions {
  box-sizing: border-box;
}

.archive-wanted-spare-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-wanted-spare-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-wanted-spare-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-spare-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-wanted-spare-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-wanted-spare-name3, .archive-wanted-spare-role2 {
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-wanted-spare-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-wanted-spare-collapsed-name-details, .archive-wanted-spare-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-wanted-spare-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-spare-collapsed-name-role, .archive-wanted-spare-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-wanted-spare-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-wanted-spare-detail-header, .archive-wanted-spare-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-spare-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-wanted-spare-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-wanted-spare-detail-header1, .archive-wanted-spare-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-spare-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-wanted-spare-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-wanted-spare-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-spare-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-spare-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-wanted-spare-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-badge16, .archive-wanted-spare-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-wanted-spare-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-location2, .archive-wanted-spare-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-type-of-work3 {
  min-width: 109px;
}

.archive-wanted-spare-location-content, .archive-wanted-spare-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-wanted-spare-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-wanted-spare-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-badge17, .archive-wanted-spare-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-wanted-spare-badge18 {
  width: 76px;
}

.archive-wanted-spare-badge-container, .archive-wanted-spare-badge18, .archive-wanted-spare-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-wanted-spare-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-wanted-spare-badge-name, .archive-wanted-spare-buttonsbutton19, .archive-wanted-spare-buttonsbutton20, .archive-wanted-spare-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-wanted-spare-buttonsbutton19, .archive-wanted-spare-buttonsbutton20, .archive-wanted-spare-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-wanted-spare-buttonsbutton20, .archive-wanted-spare-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-wanted-spare-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-wanted-spare-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-wanted-spare-badge-details, .archive-wanted-spare-buttonsbutton-parent, .archive-wanted-spare-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-wanted-spare-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-wanted-spare-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-wanted-spare-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-spare-badge22, .archive-wanted-spare-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-wanted-spare-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-spare-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-badge-list-item, .archive-wanted-spare-badge22, .archive-wanted-spare-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-wanted-spare-location-item, .archive-wanted-spare-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-spare-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-wanted-spare-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-wanted-spare-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-badge24, .archive-wanted-spare-buttonsbutton23, .archive-wanted-spare-first-badge-details, .archive-wanted-spare-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-buttonsbutton23, .archive-wanted-spare-first-badge-details, .archive-wanted-spare-work-item {
  flex: 1;
}

.archive-wanted-spare-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-wanted-spare-buttonsbutton23, .archive-wanted-spare-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-wanted-spare-first-badge-details {
  max-width: 100%;
}

.archive-wanted-spare-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-wanted-spare-buttonsbutton-group, .archive-wanted-spare-second-badge-divider, .archive-wanted-spare-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-wanted-spare-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-wanted-spare-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-wanted-spare-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-wanted-spare-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-spare-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-wanted-spare-location-summary, .archive-wanted-spare-summary-details, .archive-wanted-spare-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-wanted-spare-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-wanted-spare-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-wanted-spare-badge25, .archive-wanted-spare-frame-parent5, .archive-wanted-spare-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-wanted-spare-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-wanted-spare-expanded-content, .archive-wanted-spare-expanded-listing, .archive-wanted-spare-first-badges, .archive-wanted-spare-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-wanted-spare-expanded-content, .archive-wanted-spare-expanded-listing {
  max-width: 100%;
}

.archive-wanted-spare-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-spare-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-wanted-spare-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-wanted-spare-arrow-square-up-right-icon1, .archive-wanted-spare-arrow-square-up-right-icon2, .archive-wanted-spare-dots-vertical-icon3, .archive-wanted-spare-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-spare-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-wanted-spare-dots-vertical-icon3, .archive-wanted-spare-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-wanted-spare-dots-vertical-icon3 {
  top: 260px;
}

.archive-wanted-spare-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-wanted-spare-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-spare-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-spare-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-wanted-spare-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-spare-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-wanted-spare-arrow-square-up-right-parent, .archive-wanted-spare-frame-parent6, .archive-wanted-spare-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-wanted-spare-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-wanted-spare-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-wanted-spare-collapsed-content, .archive-wanted-spare-collapsed-details, .archive-wanted-spare-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-collapsed-content {
  position: relative;
}

.archive-wanted-spare-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-wanted-spare-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-spare-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-wanted-spare-business-image, .archive-wanted-spare-text83 {
  z-index: 1;
  position: relative;
}

.archive-wanted-spare-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-wanted-spare-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-wanted-spare-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-wanted-spare-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-wanted-spare-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-wanted-spare-span {
  font-weight: 500;
}

.archive-wanted-spare-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-wanted-spare-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-wanted-spare-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-wanted-spare-application-count, .archive-wanted-spare-business-location, .archive-wanted-spare-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-spare-application-count, .archive-wanted-spare-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-wanted-spare-application-count {
  color: #fff;
  gap: 8px;
}

.archive-wanted-spare-badge-one, .archive-wanted-spare-badge-three, .archive-wanted-spare-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-spare-badge-three, .archive-wanted-spare-badge-two {
  display: inline-block;
}

.archive-wanted-spare-badge-two {
  min-width: 103px;
}

.archive-wanted-spare-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-wanted-spare-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-wanted-spare-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-wanted-spare-supporting-text23, .archive-wanted-spare-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-supporting-text23 {
  min-width: 70.9px;
}

.archive-wanted-spare-supporting-text24 {
  width: 104px;
}

.archive-wanted-spare-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-wanted-spare-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-wanted-spare-badges-parent, .archive-wanted-spare-business-details, .archive-wanted-spare-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-wanted-spare-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-wanted-spare-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-business-actions, .archive-wanted-spare-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-wanted-spare-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-wanted-spare-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-wanted-spare-content6:hover {
  background-color: #40454f;
}

.archive-wanted-spare-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-wanted-spare-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-wanted-spare-arrow-square-up-right-icon3, .archive-wanted-spare-arrow-square-up-right-icon4, .archive-wanted-spare-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-spare-arrow-square-up-right-icon4, .archive-wanted-spare-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-wanted-spare-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-wanted-spare-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-wanted-spare-frame-parent11, .archive-wanted-spare-group-div, .archive-wanted-spare-list-header, .archive-wanted-spare-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-wanted-spare-frame-parent11, .archive-wanted-spare-group-div {
  gap: 7.3px;
}

.archive-wanted-spare-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-wanted-spare-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-wanted-spare-divider-icon10, .archive-wanted-spare-dots-vertical-icon7, .archive-wanted-spare-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-spare-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-wanted-spare-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-wanted-spare-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-dots-vertical-parent1, .archive-wanted-spare-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-text-wrapper7 {
  flex: 1;
}

.archive-wanted-spare-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-wanted-spare-rectangle-textarea, .archive-wanted-spare-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-spare-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-wanted-spare-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-wanted-spare-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-spare-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-contact-details, .archive-wanted-spare-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-spare-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-wanted-spare-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-wanted-spare-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton27, .archive-wanted-spare-buttonsbutton28, .archive-wanted-spare-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-buttonsbutton28, .archive-wanted-spare-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-wanted-spare-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-wanted-spare-contact-details-parent, .archive-wanted-spare-detail-item-parent, .archive-wanted-spare-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-wanted-spare-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-wanted-spare-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton-wrapper2, .archive-wanted-spare-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-wanted-spare-frame-parent22, .archive-wanted-spare-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-wanted-spare-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-wanted-spare-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-pair-container-parent, .archive-wanted-spare-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-wanted-spare-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-wanted-spare-frame-parent19, .archive-wanted-spare-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-wanted-spare-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-wanted-spare-price7, .archive-wanted-spare-total {
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-wanted-spare-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-wanted-spare-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-wanted-spare-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-spare-pair-container-container, .archive-wanted-spare-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-wanted-spare-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-wanted-spare-frame-parent24, .archive-wanted-spare-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-spare-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-wanted-spare-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-wanted-spare-fourth-listing, .archive-wanted-spare-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-wanted-spare-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-wanted-spare-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-wanted-spare-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-buttonsbutton30, .archive-wanted-spare-expand-action, .archive-wanted-spare-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-wanted-spare-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-wanted-spare-arrow-square-up-right-icon6, .archive-wanted-spare-arrow-square-up-right-icon7, .archive-wanted-spare-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-spare-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-wanted-spare-arrow-square-up-right-icon7, .archive-wanted-spare-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-wanted-spare-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-wanted-spare-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-wanted-spare-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-wanted-spare-text100, .archive-wanted-spare-text101 {
  font-family: Inter;
  position: relative;
}

.archive-wanted-spare-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-wanted-spare-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-spare-badge27, .archive-wanted-spare-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-wanted-spare-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-wanted-spare-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-wanted-spare-card-header, .archive-wanted-spare-content7, .archive-wanted-spare-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-spare-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-spare-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-spare-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-button-group-base10, .archive-wanted-spare-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-wanted-spare-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-spare-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-wanted-spare-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-wanted-spare-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-spare-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-label3, .archive-wanted-spare-supporting-text41, .archive-wanted-spare-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-wanted-spare-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-wanted-spare-supporting-text41, .archive-wanted-spare-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-wanted-spare-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-wanted-spare-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-wanted-spare-content9, .archive-wanted-spare-input-with-label2, .archive-wanted-spare-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-wanted-spare-input-with-label2, .archive-wanted-spare-input2 {
  align-self: stretch;
}

.archive-wanted-spare-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-wanted-spare-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-wanted-spare-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-spare-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-wanted-spare-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-actions2, .archive-wanted-spare-button7, .archive-wanted-spare-content8 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-spare-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-actions2, .archive-wanted-spare-content8 {
  max-width: 100%;
}

.archive-wanted-spare-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-wanted-spare-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-wanted-spare-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-wanted-spare-card-header-parent, .archive-wanted-spare-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-text117, .archive-wanted-spare-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-wanted-spare-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-wanted-spare-badge28, .archive-wanted-spare-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-wanted-spare-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-wanted-spare-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-button8, .archive-wanted-spare-button9, .archive-wanted-spare-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-wanted-spare-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-wanted-spare-button8, .archive-wanted-spare-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-wanted-spare-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-actions3, .archive-wanted-spare-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-wanted-spare-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-wanted-spare-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-spare-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-table-header-cell, .archive-wanted-spare-table-header-cell-inner, .archive-wanted-spare-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-wanted-spare-table-header-cell, .archive-wanted-spare-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-wanted-spare-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-spare-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-wanted-spare-avatar-online-indicator, .archive-wanted-spare-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-wanted-spare-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-wanted-spare-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-wanted-spare-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-wanted-spare-supporting-text43, .archive-wanted-spare-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-wanted-spare-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-wanted-spare-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-spare-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-spare-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-spare-supporting-text46, .archive-wanted-spare-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-wanted-spare-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-wanted-spare-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-spare-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-wanted-spare-avatar5, .archive-wanted-spare-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-wanted-spare-avatar5 {
  background-color: #f2f4f7;
}

.archive-wanted-spare-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-spare-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-spare-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-table-cell6, .archive-wanted-spare-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-spare-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-wanted-spare-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-spare-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-spare-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-table-header, .archive-wanted-spare-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-table-header {
  gap: 4px;
}

.archive-wanted-spare-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-wanted-spare-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-spare-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-marker-pin-02-group, .archive-wanted-spare-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-marker-pin-02-group {
  gap: 7px;
}

.archive-wanted-spare-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-wanted-spare-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-table-cell15, .archive-wanted-spare-table-cell16, .archive-wanted-spare-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-spare-table-cell16, .archive-wanted-spare-table-cell18 {
  width: 271px;
}

.archive-wanted-spare-table-cell18 {
  width: 239px;
}

.archive-wanted-spare-column, .archive-wanted-spare-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-wanted-spare-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-wanted-spare-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-wanted-spare-table-header-cell2, .archive-wanted-spare-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-wanted-spare-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-wanted-spare-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-table-cell20, .archive-wanted-spare-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-spare-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-wanted-spare-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-wanted-spare-column1, .archive-wanted-spare-table-cell25, .archive-wanted-spare-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-spare-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-wanted-spare-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-wanted-spare-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-table-cell30, .archive-wanted-spare-table-header-cell3, .archive-wanted-spare-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-wanted-spare-table-cell30, .archive-wanted-spare-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-wanted-spare-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-wanted-spare-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-wanted-spare-column2, .archive-wanted-spare-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-wanted-spare-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-wanted-spare-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-button-wrap, .archive-wanted-spare-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-spare-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-wanted-spare-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-wanted-spare-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-content11, .archive-wanted-spare-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-wanted-spare-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-wanted-spare-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-content12, .archive-wanted-spare-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-wanted-spare-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-wanted-spare-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-content13, .archive-wanted-spare-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-content13 {
  padding: 10px 15px;
}

.archive-wanted-spare-pagination-number-base2 {
  overflow: hidden;
}

.archive-wanted-spare-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-wanted-spare-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-content17, .archive-wanted-spare-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-wanted-spare-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-wanted-spare-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-button-wrap1, .archive-wanted-spare-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-wanted-spare-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-wanted-spare-next-page-button, .archive-wanted-spare-page-navigation, .archive-wanted-spare-pagination, .archive-wanted-spare-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-wanted-spare-pagination, .archive-wanted-spare-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-wanted-spare-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-wanted-spare-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-wanted-spare-text161, .archive-wanted-spare-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-wanted-spare-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-spare-badge29, .archive-wanted-spare-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-wanted-spare-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-wanted-spare-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-button-group-base18, .archive-wanted-spare-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-spare-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-wanted-spare-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-wanted-spare-button-group-base19 {
  background-color: #fff;
}

.archive-wanted-spare-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-card-header-group, .archive-wanted-spare-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-wanted-spare-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-spare-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-wanted-spare-supporting-text55, .archive-wanted-spare-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-wanted-spare-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-wanted-spare-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-wanted-spare-content21, .archive-wanted-spare-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-wanted-spare-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-wanted-spare-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-actions6, .archive-wanted-spare-empty-state1 {
  justify-content: flex-start;
}

.archive-wanted-spare-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-wanted-spare-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-wanted-spare-empty-state, .archive-wanted-spare-empty-state1, .archive-wanted-spare-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-spare-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-wanted-spare-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-wanted-spare-supporting-text56, .archive-wanted-spare-text181 {
  align-self: stretch;
  position: relative;
}

.archive-wanted-spare-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-wanted-spare-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-wanted-spare-content22, .archive-wanted-spare-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-wanted-spare-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-wanted-spare-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-empty-state2, .archive-wanted-spare-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-wanted-spare-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-wanted-spare-listing-container, .archive-wanted-spare-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-wanted-spare-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-wanted-spare-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-wanted-spare-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-wanted-spare-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-wanted-spare-frame-child6, .archive-wanted-spare-rectangle-parent2, .archive-wanted-spare-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-spare-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-wanted-spare-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-wanted-spare-dots-vertical-icon22, .archive-wanted-spare-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-spare-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-wanted-spare-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-wanted-spare-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-wanted-spare-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-wanted-spare-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-wanted-spare-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-wanted-spare-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-wanted-spare-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-wanted-spare-frame-parent27, .archive-wanted-spare-logomark, .archive-wanted-spare-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-spare-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-wanted-spare-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-wanted-spare-content23, .archive-wanted-spare-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-wanted-spare-container1, .archive-wanted-spare-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-spare-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-wanted-spare-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-wanted-spare-divider-icon14 {
  object-fit: contain;
  z-index: 2;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-spare-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-wanted-spare-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-wanted-spare-dot-icon10, .archive-wanted-spare-dot-icon11, .archive-wanted-spare-dot-icon7, .archive-wanted-spare-dot-icon8, .archive-wanted-spare-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-spare-dot-icon10, .archive-wanted-spare-dot-icon11, .archive-wanted-spare-dot-icon8, .archive-wanted-spare-dot-icon9 {
  z-index: 3;
}

.archive-wanted-spare-dot-icon10, .archive-wanted-spare-dot-icon11, .archive-wanted-spare-dot-icon9 {
  z-index: 4;
}

.archive-wanted-spare-dot-icon10, .archive-wanted-spare-dot-icon11 {
  z-index: 5;
}

.archive-wanted-spare-dot-icon11 {
  z-index: 6;
}

.archive-wanted-spare-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-wanted-spare-dot-icon12, .archive-wanted-spare-dot-icon13, .archive-wanted-spare-featured-icon1 {
  display: none;
  position: relative;
}

.archive-wanted-spare-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-wanted-spare-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-wanted-spare-supporting-text57, .archive-wanted-spare-text184 {
  align-self: stretch;
  position: relative;
}

.archive-wanted-spare-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-wanted-spare-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-wanted-spare-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-button-close-x, .archive-wanted-spare-content24 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-spare-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-wanted-spare-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-spare-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-wanted-spare-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-spare-frame-wrapper13, .archive-wanted-spare-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-wanted-spare-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-wanted-spare-background, .archive-wanted-spare-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-wanted-spare-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-wanted-spare-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-wanted-spare-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-content25, .archive-wanted-spare-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-wanted-spare-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-wanted-spare-control-handle, .archive-wanted-spare-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-wanted-spare-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-wanted-spare-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-wanted-spare-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-wanted-spare-background-parent, .archive-wanted-spare-content26, .archive-wanted-spare-progress, .archive-wanted-spare-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-wanted-spare-background-parent, .archive-wanted-spare-progress {
  position: relative;
}

.archive-wanted-spare-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-wanted-spare-background-parent {
  padding: 0 20px 0 0;
}

.archive-wanted-spare-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-spare-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-wanted-spare-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-input-field, .archive-wanted-spare-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-wanted-spare-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-wanted-spare-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-wanted-spare-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-wanted-spare-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-wanted-spare-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-wanted-spare-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-wanted-spare-frame-parent31, .archive-wanted-spare-frame-wrapper14, .archive-wanted-spare-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-wanted-spare-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-wanted-spare-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-wanted-spare-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-wanted-spare-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-content-parent, .archive-wanted-spare-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-wanted-spare-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-wanted-spare-content-parent {
  gap: 42px;
}

.archive-wanted-spare-content-parent, .archive-wanted-spare-input10, .archive-wanted-spare-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-wanted-spare-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-spare-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-input-field2, .archive-wanted-spare-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-wanted-spare-section-parent {
  gap: 8px;
}

.archive-wanted-spare-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-wanted-spare-checkboxes1, .archive-wanted-spare-section-wrapper, .archive-wanted-spare-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-wanted-spare-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-wanted-spare-text203, .archive-wanted-spare-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-text207 {
  min-width: 44px;
}

.archive-wanted-spare-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-text208, .archive-wanted-spare-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-text209 {
  min-width: 59px;
}

.archive-wanted-spare-search-lg, .archive-wanted-spare-text210 {
  z-index: 2;
  position: relative;
}

.archive-wanted-spare-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-wanted-spare-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-wanted-spare-content37, .archive-wanted-spare-input-fields2, .archive-wanted-spare-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-spare-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-wanted-spare-input-fields2, .archive-wanted-spare-input19 {
  align-self: stretch;
}

.archive-wanted-spare-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-wanted-spare-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-spare-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-spare-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-wanted-spare-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-wanted-spare-text212, .archive-wanted-spare-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-wanted-spare-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-wanted-spare-frame-parent36, .archive-wanted-spare-frame-parent37, .archive-wanted-spare-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-spare-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-wanted-spare-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-wanted-spare-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-wanted-spare-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-frame-parent28, .archive-wanted-spare-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-wanted-spare-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-wanted-spare-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-spare-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-spare-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-spare-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-spare-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-spare-actions9, .archive-wanted-spare-buttonsbutton39, .archive-wanted-spare-content38 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-spare-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-wanted-spare-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-wanted-spare-divider-parent6, .archive-wanted-spare-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-wanted-spare-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-wanted-spare-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-wanted-spare-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-wanted-spare-frame-parent41, .archive-wanted-spare-rectangle-parent4, .archive-wanted-spare-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-spare-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-wanted-spare-slide-out {
  flex-direction: row;
  width: 363px;
  position: absolute;
  top: 81px;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-spare-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-wanted-spare-collapsed-listing, .archive-wanted-spare-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-wanted-spare-frame-form {
    padding-bottom: 272px;
  }

  .archive-wanted-spare-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-wanted-spare-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-wanted-spare-fourth-listing {
    flex: 1;
  }

  .archive-wanted-spare-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-frame-parent16 {
    gap: 140px;
  }

  .archive-wanted-spare-content8 {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-wanted-spare-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-wanted-spare-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-wanted-spare-navigation-parent {
    gap: 19px;
  }

  .archive-wanted-spare-frame-parent {
    gap: 35px;
  }

  .archive-wanted-spare-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-wanted-spare-main {
    gap: 16px;
  }

  .archive-wanted-spare-badges, .archive-wanted-spare-dot-item-content, .archive-wanted-spare-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-dots-vertical {
    min-width: 100%;
  }

  .archive-wanted-spare-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-wanted-spare-frame-div {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-frame-container {
    min-width: 100%;
  }

  .archive-wanted-spare-frame-group {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-dots-vertical-container {
    min-width: 100%;
  }

  .archive-wanted-spare-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-wanted-spare-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-wanted-spare-first-badge, .archive-wanted-spare-location-content {
    flex: 1;
  }

  .archive-wanted-spare-badge-name {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-badge-details {
    gap: 23px;
  }

  .archive-wanted-spare-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-second-badge-list-parent {
    gap: 23px;
  }

  .archive-wanted-spare-frame-parent5 {
    gap: 53px;
  }

  .archive-wanted-spare-expanded-content {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-expanded-listing {
    min-width: 100%;
  }

  .archive-wanted-spare-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-wanted-spare-badge-support-parent, .archive-wanted-spare-badges1, .archive-wanted-spare-detail-item, .archive-wanted-spare-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-second-listing-details {
    flex: 1;
  }

  .archive-wanted-spare-listing-detail {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-frame-parent19 {
    gap: 54px;
  }

  .archive-wanted-spare-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-wanted-spare-fourth-listing {
    margin-left: 0;
  }

  .archive-wanted-spare-frame-parent16 {
    gap: 70px;
  }

  .archive-wanted-spare-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-wanted-spare-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-wanted-spare-actions2 {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-wanted-spare-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-wanted-spare-actions3 {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-wanted-spare-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-wanted-spare-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-wanted-spare-empty-state3 {
    gap: 16px;
  }

  .archive-wanted-spare-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-wanted-spare-container1 {
    gap: 16px;
  }

  .archive-wanted-spare-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-wanted-spare-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-wanted-spare-frame-parent {
    gap: 17px;
  }

  .archive-wanted-spare-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-wanted-spare-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-spare-card-work {
    flex: 1;
  }

  .archive-wanted-spare-provider-name {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-price2, .archive-wanted-spare-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-spare-badge-container, .archive-wanted-spare-location-content {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-wanted-spare-buttonsbutton-group, .archive-wanted-spare-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-location-summary {
    flex: 1;
  }

  .archive-wanted-spare-summary-details {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-frame-parent5 {
    gap: 27px;
  }

  .archive-wanted-spare-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-wanted-spare-price4, .archive-wanted-spare-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-spare-business-name-role, .archive-wanted-spare-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-detail-item-parent {
    gap: 20px;
  }

  .archive-wanted-spare-pair-container-parent {
    margin-left: 0;
  }

  .archive-wanted-spare-frame-parent19 {
    gap: 27px;
  }

  .archive-wanted-spare-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-spare-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-frame-parent24 {
    gap: 126px;
  }

  .archive-wanted-spare-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-wanted-spare-content9, .archive-wanted-spare-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-spare-input-dropdown2 {
    max-width: 100%;
  }

  .archive-wanted-spare-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-wanted-spare-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-spare-button-group2 {
    flex-wrap: wrap;
  }

  .archive-wanted-spare-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-spare-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-wanted-spare-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-wanted-spare-footer {
    gap: 16px;
  }

  .archive-wanted-spare-listings-search-results-list {
    gap: 25px;
  }
}

.detailed-wanted-spare-frame-child, .detailed-wanted-spare-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.detailed-wanted-spare-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.detailed-wanted-spare-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.detailed-wanted-spare-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-header-content, .detailed-wanted-spare-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.detailed-wanted-spare-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.detailed-wanted-spare-bar-chart-01-icon, .detailed-wanted-spare-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.detailed-wanted-spare-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.detailed-wanted-spare-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.detailed-wanted-spare-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-wanted-spare-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-wanted-spare-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-badge1, .detailed-wanted-spare-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.detailed-wanted-spare-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-wanted-spare-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-wanted-spare-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-navigation, .detailed-wanted-spare-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.detailed-wanted-spare-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.detailed-wanted-spare-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.detailed-wanted-spare-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-placeholder, .detailed-wanted-spare-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.detailed-wanted-spare-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.detailed-wanted-spare-content3, .detailed-wanted-spare-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-wanted-spare-content3 {
  flex: 1;
  gap: 8px;
}

.detailed-wanted-spare-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-header-container, .detailed-wanted-spare-input-with-label, .detailed-wanted-spare-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.detailed-wanted-spare-header-container, .detailed-wanted-spare-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.detailed-wanted-spare-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.detailed-wanted-spare-header-container {
  gap: 70px;
  width: 754px;
}

.detailed-wanted-spare-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.detailed-wanted-spare-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.detailed-wanted-spare-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.detailed-wanted-spare-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.detailed-wanted-spare-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.detailed-wanted-spare-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.detailed-wanted-spare-button-container, .detailed-wanted-spare-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.detailed-wanted-spare-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.detailed-wanted-spare-divider-icon, .detailed-wanted-spare-text6 {
  align-self: stretch;
  position: relative;
}

.detailed-wanted-spare-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.detailed-wanted-spare-text6 {
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-spare-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.detailed-wanted-spare-chevron-right-icon, .detailed-wanted-spare-text7 {
  flex-shrink: 0;
  position: relative;
}

.detailed-wanted-spare-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.detailed-wanted-spare-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-spare-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.detailed-wanted-spare-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-breadcrumb-controls, .detailed-wanted-spare-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.detailed-wanted-spare-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-wanted-spare-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.detailed-wanted-spare-breadcrumb-controls-icon, .detailed-wanted-spare-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.detailed-wanted-spare-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.detailed-wanted-spare-breadcrumb-controls-item {
  display: none;
}

.detailed-wanted-spare-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-buttonsbutton, .detailed-wanted-spare-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.detailed-wanted-spare-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-wanted-spare-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.detailed-wanted-spare-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.detailed-wanted-spare-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.detailed-wanted-spare-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.detailed-wanted-spare-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.detailed-wanted-spare-breadcrumb, .detailed-wanted-spare-breadcrumb-button-base3, .detailed-wanted-spare-breadcrumb-container-parent, .detailed-wanted-spare-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.detailed-wanted-spare-breadcrumb, .detailed-wanted-spare-breadcrumb-container-parent {
  max-width: 100%;
}

.detailed-wanted-spare-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.detailed-wanted-spare-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.detailed-wanted-spare-pre- {
  text-transform: capitalize;
}

.detailed-wanted-spare-o {
  text-transform: lowercase;
}

.detailed-wanted-spare-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-marker-pin-02-icon, .detailed-wanted-spare-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.detailed-wanted-spare-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.detailed-wanted-spare-detail-items, .detailed-wanted-spare-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-detail-items {
  flex: 1;
  gap: 8px;
}

.detailed-wanted-spare-details-row {
  gap: 20px;
  width: 294px;
}

.detailed-wanted-spare-contact-name {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.detailed-wanted-spare-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.detailed-wanted-spare-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.detailed-wanted-spare-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-wanted-spare-ellipse-div, .detailed-wanted-spare-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-wanted-spare-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.detailed-wanted-spare-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-wanted-spare-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.detailed-wanted-spare-contact-details, .detailed-wanted-spare-details-content, .detailed-wanted-spare-rectangle-container, .detailed-wanted-spare-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.detailed-wanted-spare-contact-details, .detailed-wanted-spare-details-content {
  align-self: stretch;
}

.detailed-wanted-spare-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.detailed-wanted-spare-details-content {
  flex-direction: column;
  gap: 8px;
}

.detailed-wanted-spare-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-buttonsbutton1, .detailed-wanted-spare-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.detailed-wanted-spare-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-buttonsbutton1:hover {
  background-color: #eaecf0;
}

.detailed-wanted-spare-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.detailed-wanted-spare-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-wanted-spare-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.detailed-wanted-spare-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.detailed-wanted-spare-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.detailed-wanted-spare-detail-container, .detailed-wanted-spare-dropdown, .detailed-wanted-spare-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.detailed-wanted-spare-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.detailed-wanted-spare-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-spare-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.detailed-wanted-spare-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-spare-heading, .detailed-wanted-spare-paragraph, .detailed-wanted-spare-paragraph1 {
  z-index: 1;
  position: relative;
}

.detailed-wanted-spare-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-spare-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-spare-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.detailed-wanted-spare-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.detailed-wanted-spare-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.detailed-wanted-spare-description-columns-second, .detailed-wanted-spare-description-content, .detailed-wanted-spare-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 43px;
  min-height: 120px;
}

.detailed-wanted-spare-description-content, .detailed-wanted-spare-heading-parent {
  flex-direction: column;
}

.detailed-wanted-spare-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.detailed-wanted-spare-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.detailed-wanted-spare-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-spare-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-description-paragraphs, .detailed-wanted-spare-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-spare-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.detailed-wanted-spare-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.detailed-wanted-spare-heading1, .detailed-wanted-spare-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-spare-heading1 {
  font-weight: 500;
}

.detailed-wanted-spare-paragraph26 {
  color: #475467;
}

.detailed-wanted-spare-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.detailed-wanted-spare-gallery-images-container-child, .detailed-wanted-spare-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.detailed-wanted-spare-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.detailed-wanted-spare-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.detailed-wanted-spare-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.detailed-wanted-spare-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-wanted-spare-gallery-images, .detailed-wanted-spare-gallery-images-container, .detailed-wanted-spare-gallery-images-container1, .detailed-wanted-spare-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-wanted-spare-gallery-images, .detailed-wanted-spare-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.detailed-wanted-spare-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.detailed-wanted-spare-heading6 {
  font-weight: 600;
}

.detailed-wanted-spare-heading6, .detailed-wanted-spare-heading7, .detailed-wanted-spare-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-spare-heading7 {
  font-weight: 500;
}

.detailed-wanted-spare-paragraph30 {
  color: #475467;
}

.detailed-wanted-spare-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.detailed-wanted-spare-benefits-content {
  gap: 16px;
}

.detailed-wanted-spare-benefits-container, .detailed-wanted-spare-benefits-content, .detailed-wanted-spare-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-section {
  z-index: 1;
  font-size: 18px;
}

.detailed-wanted-spare-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.detailed-wanted-spare-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-spare-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.detailed-wanted-spare-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.detailed-wanted-spare-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.detailed-wanted-spare-supporting-text3, .detailed-wanted-spare-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-text12 {
  font-weight: 500;
}

.detailed-wanted-spare-supporting-text3 {
  color: #475467;
}

.detailed-wanted-spare-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-spare-download-items, .detailed-wanted-spare-download-items-parent, .detailed-wanted-spare-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-download-items, .detailed-wanted-spare-download-items-parent {
  align-self: stretch;
}

.detailed-wanted-spare-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.detailed-wanted-spare-heading15, .detailed-wanted-spare-text18 {
  font-weight: 600;
  position: relative;
}

.detailed-wanted-spare-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.detailed-wanted-spare-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.detailed-wanted-spare-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-wanted-spare-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-wanted-spare-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-spare-button-group-base2, .detailed-wanted-spare-button-group-base3, .detailed-wanted-spare-button-group-base4, .detailed-wanted-spare-button-group-base5, .detailed-wanted-spare-button-group-base6, .detailed-wanted-spare-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.detailed-wanted-spare-button-group-base3, .detailed-wanted-spare-button-group-base4, .detailed-wanted-spare-button-group-base5, .detailed-wanted-spare-button-group-base6, .detailed-wanted-spare-button-group-base7 {
  z-index: 5;
}

.detailed-wanted-spare-button-group-base4, .detailed-wanted-spare-button-group-base5, .detailed-wanted-spare-button-group-base6, .detailed-wanted-spare-button-group-base7 {
  z-index: 4;
}

.detailed-wanted-spare-button-group-base5, .detailed-wanted-spare-button-group-base6, .detailed-wanted-spare-button-group-base7 {
  z-index: 3;
}

.detailed-wanted-spare-button-group-base6, .detailed-wanted-spare-button-group-base7 {
  z-index: 2;
}

.detailed-wanted-spare-button-group-base7 {
  z-index: 1;
}

.detailed-wanted-spare-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-wanted-spare-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-supporting-text9, .detailed-wanted-spare-text27 {
  line-height: 24px;
  position: relative;
}

.detailed-wanted-spare-text27 {
  font-weight: 500;
}

.detailed-wanted-spare-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.detailed-wanted-spare-content5, .detailed-wanted-spare-input-with-label1, .detailed-wanted-spare-input1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.detailed-wanted-spare-input-with-label1, .detailed-wanted-spare-input1 {
  align-self: stretch;
}

.detailed-wanted-spare-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.detailed-wanted-spare-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-wanted-spare-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.detailed-wanted-spare-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-actions, .detailed-wanted-spare-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-spare-button {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.detailed-wanted-spare-content4, .detailed-wanted-spare-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.detailed-wanted-spare-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.detailed-wanted-spare-empty-review, .detailed-wanted-spare-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.detailed-wanted-spare-empty-review {
  flex: 1;
  justify-content: center;
  min-width: 91px;
  height: 44px;
  line-height: 24px;
}

.detailed-wanted-spare-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.detailed-wanted-spare-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.detailed-wanted-spare-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.detailed-wanted-spare-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.detailed-wanted-spare-review-content, .detailed-wanted-spare-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.detailed-wanted-spare-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.detailed-wanted-spare-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-wanted-spare-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-first-review-fifth-star, .detailed-wanted-spare-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.detailed-wanted-spare-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.detailed-wanted-spare-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-heading-wrapper {
  padding: 0 4px;
}

.detailed-wanted-spare-heading-wrapper, .detailed-wanted-spare-stars-wrapper, .detailed-wanted-spare-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.detailed-wanted-spare-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.detailed-wanted-spare-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-spare-rectangle-parent3, .detailed-wanted-spare-review-container, .detailed-wanted-spare-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.detailed-wanted-spare-review-container, .detailed-wanted-spare-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.detailed-wanted-spare-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.detailed-wanted-spare-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  width: 812px;
  font-size: 56px;
}

.detailed-wanted-spare-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.detailed-wanted-spare-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.detailed-wanted-spare-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-alvo-medical, .detailed-wanted-spare-heading20 {
  font-weight: 500;
}

.detailed-wanted-spare-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-spare-client-review-header, .detailed-wanted-spare-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.detailed-wanted-spare-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.detailed-wanted-spare-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-client-rating, .detailed-wanted-spare-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-client-rating {
  align-self: stretch;
  gap: 4px;
}

.detailed-wanted-spare-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.detailed-wanted-spare-client-review, .detailed-wanted-spare-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.detailed-wanted-spare-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.detailed-wanted-spare-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-wanted-spare-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-badge-wrapper, .detailed-wanted-spare-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.detailed-wanted-spare-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.detailed-wanted-spare-discount, .detailed-wanted-spare-price {
  z-index: 2;
  position: relative;
}

.detailed-wanted-spare-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.detailed-wanted-spare-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.detailed-wanted-spare-original-price, .detailed-wanted-spare-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.detailed-wanted-spare-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.detailed-wanted-spare-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-spare-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.detailed-wanted-spare-card-header, .detailed-wanted-spare-price-tag, .detailed-wanted-spare-service-title-container {
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
}

.detailed-wanted-spare-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.detailed-wanted-spare-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  margin: 0 !important;
}

.detailed-wanted-spare-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.detailed-wanted-spare-amlie-laurent, .detailed-wanted-spare-card-footer, .detailed-wanted-spare-role {
  align-self: stretch;
  position: relative;
}

.detailed-wanted-spare-card-footer {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-amlie-laurent, .detailed-wanted-spare-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.detailed-wanted-spare-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.detailed-wanted-spare-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-supporting-text10 {
  z-index: 2;
  flex: 1;
  min-width: 114px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-contact-button, .detailed-wanted-spare-message-button {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-message-button {
  flex: 1;
  gap: 2px;
}

.detailed-wanted-spare-contact-button {
  align-self: stretch;
  padding: 0 52px;
}

.detailed-wanted-spare-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.detailed-wanted-spare-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.detailed-wanted-spare-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-buttonsbutton5, .detailed-wanted-spare-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-buttonsbutton5 {
  white-space: nowrap;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.detailed-wanted-spare-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.detailed-wanted-spare-buttonsbutton6:hover {
  background-color: #17b26a;
}

.detailed-wanted-spare-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-buttonsbutton6-add:hover {
  background-color: #eaecf0;
}

.detailed-wanted-spare-button-container2, .detailed-wanted-spare-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-button-container2 {
  flex: 1;
  gap: 16px;
}

.detailed-wanted-spare-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.detailed-wanted-spare-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.detailed-wanted-spare-dropdown-menu, .detailed-wanted-spare-dropdown1, .detailed-wanted-spare-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-dropdown1 {
  z-index: 2;
}

.detailed-wanted-spare-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.detailed-wanted-spare-professional-details, .detailed-wanted-spare-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.detailed-wanted-spare-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.detailed-wanted-spare-card-content, .detailed-wanted-spare-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.detailed-wanted-spare-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-wanted-spare-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-description, .detailed-wanted-spare-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.detailed-wanted-spare-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-spare-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-spare-header-content1, .detailed-wanted-spare-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-wanted-spare-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.detailed-wanted-spare-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.detailed-wanted-spare-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.detailed-wanted-spare-client-name, .detailed-wanted-spare-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-spare-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.detailed-wanted-spare-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.detailed-wanted-spare-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.detailed-wanted-spare-testimonial-divider, .detailed-wanted-spare-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.detailed-wanted-spare-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.detailed-wanted-spare-rectangle-parent4, .detailed-wanted-spare-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.detailed-wanted-spare-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.detailed-wanted-spare-frame-parent, .detailed-wanted-spare-listing-content, .detailed-wanted-spare-listing-content-wrapper, .detailed-wanted-spare-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.detailed-wanted-spare-frame-parent, .detailed-wanted-spare-listing-content, .detailed-wanted-spare-listing-content-wrapper {
  flex-direction: row;
}

.detailed-wanted-spare-listing-content {
  flex: 1;
  gap: 14px;
}

.detailed-wanted-spare-frame-parent, .detailed-wanted-spare-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.detailed-wanted-spare-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  margin-top: 50px;
  padding: 0 2px 24px 0;
}

.detailed-wanted-spare-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-listing-image-grid, .detailed-wanted-spare-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.detailed-wanted-spare-listing-image-grid1 {
  padding: 0 80px 24px;
}

.detailed-wanted-spare-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-wanted-spare-feedback-header, .detailed-wanted-spare-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.detailed-wanted-spare-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.detailed-wanted-spare-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-buttonsbutton7, .detailed-wanted-spare-feedback-score, .detailed-wanted-spare-stars-parent {
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.detailed-wanted-spare-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.detailed-wanted-spare-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-spare-client-feedback, .detailed-wanted-spare-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.detailed-wanted-spare-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
}

.detailed-wanted-spare-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-spare-client-message, .detailed-wanted-spare-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.detailed-wanted-spare-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-wanted-spare-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px;
}

.detailed-wanted-spare-buttonsbutton8, .detailed-wanted-spare-client-message, .detailed-wanted-spare-view-replies {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-view-replies {
  color: #eaecf0;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 24px 440px;
  font-size: 14px;
}

.detailed-wanted-spare-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-button-wrap, .detailed-wanted-spare-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-spare-buttonsbutton9 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-button-wrap {
  flex: 1;
  justify-content: flex-start;
}

.detailed-wanted-spare-details, .detailed-wanted-spare-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-text37 {
  min-width: 32px;
  font-weight: 600;
}

.detailed-wanted-spare-button-wrap1, .detailed-wanted-spare-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-spare-buttonsbutton10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-button-wrap1 {
  flex: 1;
  justify-content: flex-end;
}

.detailed-wanted-spare-pagination, .detailed-wanted-spare-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.detailed-wanted-spare-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.detailed-wanted-spare-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-heading32, .detailed-wanted-spare-heading33 {
  line-height: 24px;
  position: relative;
}

.detailed-wanted-spare-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.detailed-wanted-spare-heading33 {
  width: 107px;
  display: inline-block;
}

.detailed-wanted-spare-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-wanted-spare-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.detailed-wanted-spare-label2, .detailed-wanted-spare-label3, .detailed-wanted-spare-text38 {
  position: relative;
}

.detailed-wanted-spare-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.detailed-wanted-spare-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-spare-input-with-label3, .detailed-wanted-spare-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.detailed-wanted-spare-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-spare-content6, .detailed-wanted-spare-input-field, .detailed-wanted-spare-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.detailed-wanted-spare-content6, .detailed-wanted-spare-input-field {
  max-width: 100%;
}

.detailed-wanted-spare-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.detailed-wanted-spare-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.detailed-wanted-spare-label4, .detailed-wanted-spare-text39 {
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-spare-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.detailed-wanted-spare-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-input-field1, .detailed-wanted-spare-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.detailed-wanted-spare-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.detailed-wanted-spare-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.detailed-wanted-spare-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-button1, .detailed-wanted-spare-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.detailed-wanted-spare-review-form, .detailed-wanted-spare-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.detailed-wanted-spare-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.detailed-wanted-spare-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.detailed-wanted-spare-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.detailed-wanted-spare-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-heading-parent3, .detailed-wanted-spare-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.detailed-wanted-spare-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.detailed-wanted-spare-frame-child12, .detailed-wanted-spare-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.detailed-wanted-spare-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.detailed-wanted-spare-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.detailed-wanted-spare-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.detailed-wanted-spare-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-badge5, .detailed-wanted-spare-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.detailed-wanted-spare-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.detailed-wanted-spare-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.detailed-wanted-spare-image-overlay, .detailed-wanted-spare-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.detailed-wanted-spare-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.detailed-wanted-spare-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.detailed-wanted-spare-listing-detail-item-date, .detailed-wanted-spare-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.detailed-wanted-spare-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.detailed-wanted-spare-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-wanted-spare-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.detailed-wanted-spare-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.detailed-wanted-spare-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-listing-detail-item-pin-wrapper, .detailed-wanted-spare-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.detailed-wanted-spare-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.detailed-wanted-spare-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.detailed-wanted-spare-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-listing, .detailed-wanted-spare-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.detailed-wanted-spare-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.detailed-wanted-spare-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.detailed-wanted-spare-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.detailed-wanted-spare-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.detailed-wanted-spare-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.detailed-wanted-spare-listing-detail-item-value, .detailed-wanted-spare-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.detailed-wanted-spare-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.detailed-wanted-spare-listing-detail-item, .detailed-wanted-spare-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.detailed-wanted-spare-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.detailed-wanted-spare-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.detailed-wanted-spare-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.detailed-wanted-spare-footer-social, .detailed-wanted-spare-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.detailed-wanted-spare-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-wanted-spare-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-spare-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.detailed-wanted-spare-badge-group, .detailed-wanted-spare-image-overlay3, .detailed-wanted-spare-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.detailed-wanted-spare-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.detailed-wanted-spare-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.detailed-wanted-spare-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.detailed-wanted-spare-agent-details-icon, .detailed-wanted-spare-agent-extra-info, .detailed-wanted-spare-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.detailed-wanted-spare-agent-details-icon, .detailed-wanted-spare-agent-extra-info {
  max-width: 100%;
}

.detailed-wanted-spare-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.detailed-wanted-spare-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.detailed-wanted-spare-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-spare-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.detailed-wanted-spare-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.detailed-wanted-spare-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.detailed-wanted-spare-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.detailed-wanted-spare-testiomonial-carousel-arrow4, .detailed-wanted-spare-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.detailed-wanted-spare-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-spare-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.detailed-wanted-spare-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-rectangle-parent30, .detailed-wanted-spare-supporting-six-wrapper, .detailed-wanted-spare-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.detailed-wanted-spare-supporting-six-wrapper, .detailed-wanted-spare-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.detailed-wanted-spare-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.detailed-wanted-spare-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.detailed-wanted-spare-divider-container, .detailed-wanted-spare-icon-group, .detailed-wanted-spare-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.detailed-wanted-spare-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.detailed-wanted-spare-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-spare-breadcrumb-button-base4, .detailed-wanted-spare-testiomonial-carousel-arrow6, .detailed-wanted-spare-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-wanted-spare-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.detailed-wanted-spare-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.detailed-wanted-spare-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-spare-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-spare-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.detailed-wanted-spare-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-spare-divider-icon24 {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin-top: 200px !important;
}

.detailed-wanted-spare-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-spare-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-spare-button2, .detailed-wanted-spare-text-padding4, .detailed-wanted-spare-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.detailed-wanted-spare-button2, .detailed-wanted-spare-text-padding5 {
  box-sizing: border-box;
}

.detailed-wanted-spare-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.detailed-wanted-spare-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.detailed-wanted-spare-button3, .detailed-wanted-spare-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.detailed-wanted-spare-button4, .detailed-wanted-spare-button5, .detailed-wanted-spare-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.detailed-wanted-spare-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-actions1, .detailed-wanted-spare-testiomonial-carousel-arrow8, .detailed-wanted-spare-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-wanted-spare-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.detailed-wanted-spare-testiomonial-carousel-arrow8, .detailed-wanted-spare-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-wanted-spare-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-spare-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.detailed-wanted-spare-listing-image-grid11, .detailed-wanted-spare-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.detailed-wanted-spare-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.detailed-wanted-spare-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-spare-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.detailed-wanted-spare-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.detailed-wanted-spare-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-spare-heading40, .detailed-wanted-spare-text123 {
  font-weight: 600;
  position: relative;
}

.detailed-wanted-spare-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.detailed-wanted-spare-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-spare-buttonsbutton27, .detailed-wanted-spare-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-spare-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.detailed-wanted-spare-footer-link1 {
  justify-content: flex-start;
}

.detailed-wanted-spare-text124, .detailed-wanted-spare-text125, .detailed-wanted-spare-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-text125, .detailed-wanted-spare-text126 {
  min-width: 68px;
}

.detailed-wanted-spare-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.detailed-wanted-spare-badge36, .detailed-wanted-spare-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-wanted-spare-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.detailed-wanted-spare-footer-link3 {
  gap: 8px;
}

.detailed-wanted-spare-text127, .detailed-wanted-spare-text128, .detailed-wanted-spare-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-text128, .detailed-wanted-spare-text129 {
  min-width: 97px;
}

.detailed-wanted-spare-text129 {
  min-width: 81px;
}

.detailed-wanted-spare-footer-links-column, .detailed-wanted-spare-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.detailed-wanted-spare-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.detailed-wanted-spare-text130, .detailed-wanted-spare-text131, .detailed-wanted-spare-text132, .detailed-wanted-spare-text133, .detailed-wanted-spare-text134, .detailed-wanted-spare-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.detailed-wanted-spare-text131, .detailed-wanted-spare-text132, .detailed-wanted-spare-text133, .detailed-wanted-spare-text134, .detailed-wanted-spare-text135 {
  min-width: 58px;
}

.detailed-wanted-spare-text132, .detailed-wanted-spare-text133, .detailed-wanted-spare-text134, .detailed-wanted-spare-text135 {
  min-width: 66px;
}

.detailed-wanted-spare-text133, .detailed-wanted-spare-text134, .detailed-wanted-spare-text135 {
  min-width: 90px;
}

.detailed-wanted-spare-text134, .detailed-wanted-spare-text135 {
  min-width: 55px;
}

.detailed-wanted-spare-text135 {
  min-width: 63px;
}

.detailed-wanted-spare-footer-links2, .detailed-wanted-spare-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.detailed-wanted-spare-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.detailed-wanted-spare-help-icon, .detailed-wanted-spare-label6 {
  display: none;
  position: relative;
}

.detailed-wanted-spare-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-spare-help-icon {
  width: 16px;
  height: 16px;
}

.detailed-wanted-spare-input-with-label6, .detailed-wanted-spare-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.detailed-wanted-spare-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-wanted-spare-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-wanted-spare-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.detailed-wanted-spare-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-spare-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-spare-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.detailed-wanted-spare-email-capture, .detailed-wanted-spare-links-and-newsletter, .detailed-wanted-spare-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.detailed-wanted-spare-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.detailed-wanted-spare-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.detailed-wanted-spare-container, .detailed-wanted-spare-content8, .detailed-wanted-spare-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-container {
  flex: 1;
  max-width: 1280px;
}

.detailed-wanted-spare-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.detailed-wanted-spare-divider-icon29, .detailed-wanted-spare-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.detailed-wanted-spare-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.detailed-wanted-spare-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  margin-top: 250px;
  padding: 64px 0 48px;
  display: flex;
}

.detailed-wanted-spare-footer-text {
  line-height: 20px;
  position: relative;
}

.detailed-wanted-spare-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.detailed-wanted-spare-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.detailed-wanted-spare-logomark, .detailed-wanted-spare-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.detailed-wanted-spare-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.detailed-wanted-spare-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.detailed-wanted-spare-content10, .detailed-wanted-spare-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-spare-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.detailed-wanted-spare-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.detailed-wanted-spare-footer1, .detailed-wanted-spare-listings-detailed-page-devic, .detailed-wanted-spare-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.detailed-wanted-spare-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.detailed-wanted-spare-listings-detailed-page-devic, .detailed-wanted-spare-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.detailed-wanted-spare-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.detailed-wanted-spare-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.detailed-wanted-spare-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-wanted-spare-sharethis-parent {
  position: relative;
}

.detailed-wanted-spare-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-wanted-spare-sharethis-follow-parent {
  position: relative;
}

@media screen and (width <= 1275px) {
  .detailed-wanted-spare-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .detailed-wanted-spare-breadcrumb-controls1 {
    flex: 1;
  }

  .detailed-wanted-spare-breadcrumb-container {
    flex-wrap: wrap;
  }

  .detailed-wanted-spare-service-card {
    flex: 1;
  }

  .detailed-wanted-spare-listing-content {
    flex-wrap: wrap;
  }

  .detailed-wanted-spare-container, .detailed-wanted-spare-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .detailed-wanted-spare-client-review, .detailed-wanted-spare-content4, .detailed-wanted-spare-description-columns-first, .detailed-wanted-spare-download-items, .detailed-wanted-spare-gallery-images, .detailed-wanted-spare-rectangle-group, .detailed-wanted-spare-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .detailed-wanted-spare-description-block-parent {
    min-width: 100%;
  }

  .detailed-wanted-spare-client-feedback, .detailed-wanted-spare-client-message, .detailed-wanted-spare-listing-image-grid, .detailed-wanted-spare-listing-image-grid1, .detailed-wanted-spare-pagination-wrapper, .detailed-wanted-spare-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-wanted-spare-heading-parent3 {
    flex-wrap: wrap;
  }

  .detailed-wanted-spare-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .detailed-wanted-spare-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .detailed-wanted-spare-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .detailed-wanted-spare-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .detailed-wanted-spare-actions, .detailed-wanted-spare-file-upload-item-base {
    flex-wrap: wrap;
  }

  .detailed-wanted-spare-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .detailed-wanted-spare-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .detailed-wanted-spare-review-stars {
    min-width: 100%;
  }

  .detailed-wanted-spare-review-container, .detailed-wanted-spare-review-stars {
    flex-wrap: wrap;
  }

  .detailed-wanted-spare-client-review-header {
    min-width: 100%;
  }

  .detailed-wanted-spare-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-wanted-spare-service-card {
    min-width: 100%;
  }

  .detailed-wanted-spare-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-wanted-spare-feedback-header {
    min-width: 100%;
  }

  .detailed-wanted-spare-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .detailed-wanted-spare-frame-parent3 {
    flex-wrap: wrap;
  }

  .detailed-wanted-spare-textarea-input-field {
    max-width: 100%;
  }

  .detailed-wanted-spare-content6 {
    gap: 16px;
  }

  .detailed-wanted-spare-textarea-input-field1 {
    max-width: 100%;
  }

  .detailed-wanted-spare-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-wanted-spare-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .detailed-wanted-spare-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .detailed-wanted-spare-links {
    flex: 1;
  }

  .detailed-wanted-spare-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .detailed-wanted-spare-container {
    gap: 24px;
  }

  .detailed-wanted-spare-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-wanted-spare-footer {
    gap: 24px;
    height: auto;
  }

  .detailed-wanted-spare-container1 {
    gap: 16px;
  }

  .detailed-wanted-spare-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .detailed-wanted-spare-header-container {
    gap: 17px;
  }

  .detailed-wanted-spare-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .detailed-wanted-spare-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-wanted-spare-button-row, .detailed-wanted-spare-contact-details {
    flex-wrap: wrap;
  }

  .detailed-wanted-spare-gallery-images-container, .detailed-wanted-spare-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .detailed-wanted-spare-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .detailed-wanted-spare-input-dropdown {
    max-width: 100%;
  }

  .detailed-wanted-spare-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .detailed-wanted-spare-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .detailed-wanted-spare-rectangle-parent1 {
    flex: 1;
  }

  .detailed-wanted-spare-review-container {
    gap: 16px;
  }

  .detailed-wanted-spare-price {
    font-size: 21px;
    line-height: 26px;
  }

  .detailed-wanted-spare-header-content1, .detailed-wanted-spare-professional-details, .detailed-wanted-spare-testimonial-item {
    flex-wrap: wrap;
  }

  .detailed-wanted-spare-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .detailed-wanted-spare-review-form {
    gap: 25px;
  }

  .detailed-wanted-spare-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .detailed-wanted-spare-links, .detailed-wanted-spare-logo-and-supporting-text {
    gap: 16px;
  }

  .detailed-wanted-spare-email-capture {
    flex-wrap: wrap;
  }

  .detailed-wanted-spare-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .detailed-wanted-spare-footer1 {
    gap: 16px;
  }
}

.add-wanted-spare-progress-container-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.add-wanted-spare-forms-add-wanted-spare {
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 60px;
  font-family: Inter;
  display: flex;
}

.add-wanted-spare-forms-add-wanted-spare {
  box-sizing: border-box;
  letter-spacing: normal;
  align-items: flex-start;
  width: 100%;
  padding: 7px 0 0;
  font-size: 14px;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-wanted-spare-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-spare-progress-steps {
    display: none;
  }

  .add-wanted-spare-main {
    height: auto;
  }

  .add-wanted-spare-content23 {
    flex-wrap: wrap;
  }

  .add-wanted-spare-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-wanted-spare-content5 {
    max-width: 100%;
  }

  .add-wanted-spare-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-wanted-spare-frame-group {
    gap: 19px;
  }

  .add-wanted-spare-frame-parent {
    gap: 35px;
  }

  .add-wanted-spare-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-wanted-spare-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-wanted-spare-main {
    gap: 16px;
  }

  .add-wanted-spare-content22, .add-wanted-spare-content39 {
    min-width: 100%;
  }

  .add-wanted-spare-textarea-input-field {
    max-width: 100%;
  }

  .add-wanted-spare-content42 {
    gap: 16px;
  }

  .add-wanted-spare-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-wanted-spare-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-spare-frame-parent {
    gap: 17px;
  }

  .add-wanted-spare-step-two, .add-wanted-spare-step-two-details, .add-wanted-spare-steps {
    gap: 19px;
  }

  .add-wanted-spare-form-parent {
    gap: 350px;
  }

  .add-wanted-spare-action, .add-wanted-spare-first-upload-item-content, .add-wanted-spare-input1, .add-wanted-spare-input10, .add-wanted-spare-input9, .add-wanted-spare-progress-bar {
    flex-wrap: wrap;
  }

  .add-wanted-spare-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-spare-progress-container-parent {
    gap: 49px;
  }
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-wanted-spare-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-spare-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-spare-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-wanted-spare-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-wanted-spare-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-spare-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-spare-step-first-upload-item-content, .add-wanted-spare-step-action, .add-wanted-spare-step-input1, .add-wanted-spare-step-input10, .add-wanted-spare-step-input9 {
    flex-wrap: wrap;
  }
}

.add-wanted-software-content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: calc(100% - 266px);
  font-size: 14px;
}

.add-wanted-software-divider-icon10 {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .add-wanted-software-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-software-progress-steps {
    display: none;
  }

  .add-wanted-software-main {
    height: auto;
  }

  .add-wanted-software-content23 {
    flex-wrap: wrap;
  }

  .add-wanted-software-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-wanted-software-content5 {
    max-width: 100%;
  }

  .add-wanted-software-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-wanted-software-frame-group {
    gap: 19px;
  }

  .add-wanted-software-frame-parent {
    gap: 35px;
  }

  .add-wanted-software-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-wanted-software-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-wanted-software-main {
    gap: 16px;
  }

  .add-wanted-software-content22, .add-wanted-software-content39 {
    min-width: 100%;
  }

  .add-wanted-software-textarea-input-field {
    max-width: 100%;
  }

  .add-wanted-software-content42 {
    gap: 16px;
  }

  .add-wanted-software-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-wanted-software-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-software-frame-parent {
    gap: 17px;
  }

  .add-wanted-software-step-two, .add-wanted-software-step-two-details, .add-wanted-software-steps {
    gap: 19px;
  }

  .add-wanted-software-form-parent {
    gap: 350px;
  }

  .add-wanted-software-action, .add-wanted-software-first-upload-item-content, .add-wanted-software-input1, .add-wanted-software-input10, .add-wanted-software-input9, .add-wanted-software-progress-bar {
    flex-wrap: wrap;
  }

  .add-wanted-software-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-software-progress-container-parent {
    gap: 49px;
  }
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-wanted-software-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-software-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-software-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-wanted-software-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-wanted-software-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-software-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-software-step-first-upload-item-content, .add-wanted-software-step-action, .add-wanted-software-step-input1, .add-wanted-software-step-input10, .add-wanted-software-step-input9 {
    flex-wrap: wrap;
  }
}

.text-overflow-archive-software {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-wanted-software-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-wanted-software-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-wanted-software-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-wanted-software-logo, .archive-wanted-software-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-wanted-software-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-wanted-software-bar-chart-01-icon, .archive-wanted-software-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-software-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-wanted-software-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-wanted-software-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-wanted-software-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-wanted-software-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-software-text2, .archive-wanted-software-text3 {
  font-family: Inter;
  position: relative;
}

.archive-wanted-software-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-wanted-software-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-software-badge1, .archive-wanted-software-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-wanted-software-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-wanted-software-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-software-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-navigation, .archive-wanted-software-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-software-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-wanted-software-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-wanted-software-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-software-search-lg-icon, .archive-wanted-software-text6 {
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-wanted-software-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-wanted-software-content3, .archive-wanted-software-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-software-content3 {
  flex: 1;
  gap: 8px;
}

.archive-wanted-software-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-frame-parent, .archive-wanted-software-input-with-label, .archive-wanted-software-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-wanted-software-frame-parent, .archive-wanted-software-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-wanted-software-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-wanted-software-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-wanted-software-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-wanted-software-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-software-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-wanted-software-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-wanted-software-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-wanted-software-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-wanted-software-breadcrumb-button-base, .archive-wanted-software-rectangle-parent, .archive-wanted-software-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-software-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-wanted-software-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-wanted-software-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-wanted-software-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-wanted-software-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-wanted-software-tabs {
  gap: 8px;
}

.archive-wanted-software-breadcrumbs, .archive-wanted-software-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-software-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-wanted-software-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-software-container {
  padding: 0 32px;
}

.archive-wanted-software-container, .archive-wanted-software-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-main-child, .archive-wanted-software-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-wanted-software-main-item {
  height: 43px;
}

.archive-wanted-software-main, .archive-wanted-software-text11 {
  align-self: stretch;
}

.archive-wanted-software-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-wanted-software-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-breadcrumb-button-base6, .archive-wanted-software-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-wanted-software-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-wanted-software-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-wanted-software-breadcrumbs1, .archive-wanted-software-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-wanted-software-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-wanted-software-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-wanted-software-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-wanted-software-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-wanted-software-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-label1, .archive-wanted-software-text15 {
  position: relative;
}

.archive-wanted-software-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-wanted-software-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-wanted-software-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-wanted-software-content5, .archive-wanted-software-input-with-label1, .archive-wanted-software-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-wanted-software-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-wanted-software-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-software-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-wanted-software-content4, .archive-wanted-software-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-software-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-wanted-software-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-page-header1, .archive-wanted-software-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-wanted-software-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 939px;
  padding: 0 32px;
}

.archive-wanted-software-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-wanted-software-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-wanted-software-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-wanted-software-button-group-base2, .archive-wanted-software-button-group-base3, .archive-wanted-software-button-group-base4, .archive-wanted-software-button-group-base5, .archive-wanted-software-button-group-base6, .archive-wanted-software-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-wanted-software-button-group-base3, .archive-wanted-software-button-group-base4, .archive-wanted-software-button-group-base5, .archive-wanted-software-button-group-base6, .archive-wanted-software-button-group-base7 {
  z-index: 6;
}

.archive-wanted-software-button-group-base4, .archive-wanted-software-button-group-base5, .archive-wanted-software-button-group-base6, .archive-wanted-software-button-group-base7 {
  z-index: 5;
}

.archive-wanted-software-button-group-base5, .archive-wanted-software-button-group-base6, .archive-wanted-software-button-group-base7 {
  z-index: 4;
}

.archive-wanted-software-button-group-base6, .archive-wanted-software-button-group-base7 {
  z-index: 3;
}

.archive-wanted-software-button-group-base7 {
  z-index: 2;
}

.archive-wanted-software-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-breadcrumb-button-base11, .archive-wanted-software-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-wanted-software-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-wanted-software-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-wanted-software-breadcrumb-button-base14, .archive-wanted-software-breadcrumbs2, .archive-wanted-software-button-group, .archive-wanted-software-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-software-breadcrumbs2, .archive-wanted-software-button-group {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-software-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  bottom: -20px;
  right: -2px;
}

.archive-wanted-software-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  top: 304px;
  left: 52px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-software-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-wanted-software-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
  position: absolute;
  top: 304px;
  right: 29px;
  margin: 0 !important;
}

.archive-wanted-software-divider-icon2, .archive-wanted-software-divider-icon3 {
  z-index: 1;
  width: 1077px;
  height: 1px;
  right: 0;
}

.archive-wanted-software-divider-icon2 {
  position: absolute;
  top: 356px;
  margin: 0 !important;
}

.archive-wanted-software-divider-icon3 {
  top: 291px;
}

.archive-wanted-software-divider-icon3, .archive-wanted-software-filter-items, .archive-wanted-software-supporting-text1 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-software-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  top: 122px;
  left: 52px;
}

.archive-wanted-software-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-wanted-software-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-wanted-software-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-wanted-software-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-wanted-software-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-wanted-software-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-software-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-wanted-software-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-dot-item-type-parent {
  gap: 8px;
}

.archive-wanted-software-completed, .archive-wanted-software-dot-item-content, .archive-wanted-software-dot-item-innermost, .archive-wanted-software-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-wanted-software-completed, .archive-wanted-software-dot-item-innermost {
  box-sizing: border-box;
}

.archive-wanted-software-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-wanted-software-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-wanted-software-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-wanted-software-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-wanted-software-badge4, .archive-wanted-software-completed-parent, .archive-wanted-software-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-wanted-software-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-badge5, .archive-wanted-software-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-wanted-software-badge6 {
  width: 76px;
}

.archive-wanted-software-badge7, .archive-wanted-software-badges {
  flex-direction: row;
  flex: 1;
}

.archive-wanted-software-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-badges {
  gap: 8px;
}

.archive-wanted-software-badges, .archive-wanted-software-badges-wrapper, .archive-wanted-software-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-wanted-software-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-wanted-software-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-dot-item-parent, .archive-wanted-software-dots-parent, .archive-wanted-software-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-wanted-software-dots-parent, .archive-wanted-software-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-software-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-wanted-software-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-wanted-software-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-software-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-wanted-software-deal-inner, .archive-wanted-software-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-wanted-software-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-wanted-software-card-deal, .archive-wanted-software-deal-details, .archive-wanted-software-deal-inner {
  justify-content: flex-start;
}

.archive-wanted-software-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-wanted-software-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-wanted-software-card-deal, .archive-wanted-software-frame-wrapper, .archive-wanted-software-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-wanted-software-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-wanted-software-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-wanted-software-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-close-icons, .archive-wanted-software-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-software-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-wanted-software-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-wanted-software-name, .archive-wanted-software-role {
  display: inline-block;
  position: relative;
}

.archive-wanted-software-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-wanted-software-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-wanted-software-inner-info {
  flex-direction: column;
}

.archive-wanted-software-inner-info, .archive-wanted-software-inner-info-wrapper, .archive-wanted-software-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-wanted-software-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-wanted-software-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-wanted-software-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-wanted-software-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-buttonsbutton2, .archive-wanted-software-buttonsbutton3, .archive-wanted-software-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-wanted-software-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-wanted-software-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-filter-items-parent, .archive-wanted-software-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-wanted-software-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-wanted-software-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-wanted-software-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-software-price-value, .archive-wanted-software-text37 {
  display: inline-block;
  position: relative;
}

.archive-wanted-software-text37 {
  z-index: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
}

.archive-wanted-software-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-wanted-software-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-software-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-software-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-wanted-software-badge10, .archive-wanted-software-badge11, .archive-wanted-software-deal-type-parent, .archive-wanted-software-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-badge11, .archive-wanted-software-frame-parent1 {
  flex: 1;
}

.archive-wanted-software-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-wanted-software-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-badge-group, .archive-wanted-software-badge12, .archive-wanted-software-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-wanted-software-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-wanted-software-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-wanted-software-badge13, .archive-wanted-software-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-wanted-software-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-wanted-software-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-badge13, .archive-wanted-software-badge14, .archive-wanted-software-card-work, .archive-wanted-software-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-software-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-wanted-software-badge14, .archive-wanted-software-frame-div {
  flex-direction: row;
}

.archive-wanted-software-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-wanted-software-frame-container, .archive-wanted-software-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  padding: 8px 0 0;
}

.archive-wanted-software-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-wanted-software-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-wanted-software-inner-icons, .archive-wanted-software-inner-icons-wrapper, .archive-wanted-software-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-wanted-software-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 143px;
  font-size: 20px;
}

.archive-wanted-software-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  gap: 38px;
  font-size: 14px;
}

.archive-wanted-software-dots-vertical-container, .archive-wanted-software-frame-group, .archive-wanted-software-rectangle-container, .archive-wanted-software-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-wanted-software-dots-vertical-container, .archive-wanted-software-rectangle-container {
  flex-direction: row;
}

.archive-wanted-software-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-wanted-software-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-wanted-software-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-wanted-software-buttonsbutton-wrapper, .archive-wanted-software-frame-parent3, .archive-wanted-software-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-wanted-software-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-wanted-software-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-wanted-software-divider-parent, .archive-wanted-software-rectangle-group {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-wanted-software-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  top: 400px;
  margin: 0 !important;
}

.archive-wanted-software-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-software-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-software-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-software-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton10 {
  left: 370px;
}

.archive-wanted-software-buttonsbutton10, .archive-wanted-software-buttonsbutton11, .archive-wanted-software-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-software-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-wanted-software-buttonsbutton12 {
  right: 171px;
}

.archive-wanted-software-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-software-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-software-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-software-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 26px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-software-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  position: absolute;
  top: 235px;
  right: 309px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-software-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  position: absolute;
  top: 235px;
  right: 166px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-software-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-button, .archive-wanted-software-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-wanted-software-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-wanted-software-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-wanted-software-button, .archive-wanted-software-button1, .archive-wanted-software-text60 {
  align-self: stretch;
}

.archive-wanted-software-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-actions, .archive-wanted-software-button2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-software-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  justify-content: flex-start;
  gap: 12px;
  padding: 0;
  position: absolute;
  top: 80px;
  right: 26px;
  margin: 0 !important;
}

.archive-wanted-software-divider-icon6, .archive-wanted-software-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-wanted-software-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1098px;
  margin: auto;
  font-size: 14px;
  display: flex;
  position: relative;
}

.archive-wanted-software-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 80px;
  overflow: hidden;
}

.archive-wanted-software-divider-icon6, .archive-wanted-software-divider-icon7, .archive-wanted-software-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-software-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-wanted-software-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-wanted-software-text-group, .archive-wanted-software-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-wanted-software-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-wanted-software-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-last-active, .archive-wanted-software-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-wanted-software-name-container {
  gap: 16px;
}

.archive-wanted-software-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-applications, .archive-wanted-software-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-software-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-wanted-software-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-wanted-software-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-software-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-software-card-actions, .archive-wanted-software-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-wanted-software-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-wanted-software-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-software-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-wanted-software-price2, .archive-wanted-software-rate {
  display: inline-block;
  position: relative;
}

.archive-wanted-software-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-wanted-software-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-wanted-software-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-wanted-software-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-wanted-software-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-wanted-software-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-wanted-software-card-actions1, .archive-wanted-software-deal-container, .archive-wanted-software-listing-border-parent, .archive-wanted-software-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-wanted-software-listing-border-parent, .archive-wanted-software-listing-card-actions {
  box-sizing: border-box;
}

.archive-wanted-software-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-wanted-software-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-wanted-software-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-software-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-wanted-software-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-wanted-software-name3, .archive-wanted-software-role2 {
  display: inline-block;
  position: relative;
}

.archive-wanted-software-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-wanted-software-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-wanted-software-collapsed-name-details, .archive-wanted-software-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-wanted-software-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-software-collapsed-name-role, .archive-wanted-software-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-wanted-software-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-wanted-software-detail-header, .archive-wanted-software-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-software-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-wanted-software-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-wanted-software-detail-header1, .archive-wanted-software-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-software-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-wanted-software-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-wanted-software-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-software-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-software-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-wanted-software-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-badge16, .archive-wanted-software-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-wanted-software-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-location2, .archive-wanted-software-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-type-of-work3 {
  min-width: 109px;
}

.archive-wanted-software-location-content, .archive-wanted-software-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-wanted-software-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-wanted-software-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-badge17, .archive-wanted-software-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-wanted-software-badge18 {
  width: 76px;
}

.archive-wanted-software-badge-container, .archive-wanted-software-badge18, .archive-wanted-software-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-wanted-software-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-wanted-software-badge-name, .archive-wanted-software-buttonsbutton19, .archive-wanted-software-buttonsbutton20, .archive-wanted-software-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-wanted-software-buttonsbutton19, .archive-wanted-software-buttonsbutton20, .archive-wanted-software-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-wanted-software-buttonsbutton20, .archive-wanted-software-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-wanted-software-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-wanted-software-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-wanted-software-badge-details, .archive-wanted-software-buttonsbutton-parent, .archive-wanted-software-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-wanted-software-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-wanted-software-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-wanted-software-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-software-badge22, .archive-wanted-software-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-wanted-software-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-software-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-badge-list-item, .archive-wanted-software-badge22, .archive-wanted-software-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-wanted-software-location-item, .archive-wanted-software-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-software-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-wanted-software-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-wanted-software-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-badge24, .archive-wanted-software-buttonsbutton23, .archive-wanted-software-first-badge-details, .archive-wanted-software-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-buttonsbutton23, .archive-wanted-software-first-badge-details, .archive-wanted-software-work-item {
  flex: 1;
}

.archive-wanted-software-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-wanted-software-buttonsbutton23, .archive-wanted-software-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-wanted-software-first-badge-details {
  max-width: 100%;
}

.archive-wanted-software-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-wanted-software-buttonsbutton-group, .archive-wanted-software-second-badge-divider, .archive-wanted-software-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-wanted-software-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-wanted-software-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-wanted-software-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-wanted-software-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-software-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-wanted-software-location-summary, .archive-wanted-software-summary-details, .archive-wanted-software-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-wanted-software-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-wanted-software-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-wanted-software-badge25, .archive-wanted-software-frame-parent5, .archive-wanted-software-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-wanted-software-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-wanted-software-expanded-content, .archive-wanted-software-expanded-listing, .archive-wanted-software-first-badges, .archive-wanted-software-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-wanted-software-expanded-content, .archive-wanted-software-expanded-listing {
  max-width: 100%;
}

.archive-wanted-software-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-software-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-wanted-software-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-wanted-software-arrow-square-up-right-icon1, .archive-wanted-software-arrow-square-up-right-icon2, .archive-wanted-software-dots-vertical-icon3, .archive-wanted-software-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-software-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-wanted-software-dots-vertical-icon3, .archive-wanted-software-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-wanted-software-dots-vertical-icon3 {
  top: 260px;
}

.archive-wanted-software-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-wanted-software-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-software-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-software-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-wanted-software-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-software-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-wanted-software-arrow-square-up-right-parent, .archive-wanted-software-frame-parent6, .archive-wanted-software-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-wanted-software-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-wanted-software-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-wanted-software-collapsed-content, .archive-wanted-software-collapsed-details, .archive-wanted-software-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-collapsed-content {
  position: relative;
}

.archive-wanted-software-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-wanted-software-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-software-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-wanted-software-business-image, .archive-wanted-software-text83 {
  z-index: 1;
  position: relative;
}

.archive-wanted-software-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-wanted-software-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-wanted-software-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-wanted-software-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-wanted-software-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-wanted-software-span {
  font-weight: 500;
}

.archive-wanted-software-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-wanted-software-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-wanted-software-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-wanted-software-application-count, .archive-wanted-software-business-location, .archive-wanted-software-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-software-application-count, .archive-wanted-software-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-wanted-software-application-count {
  color: #fff;
  gap: 8px;
}

.archive-wanted-software-badge-one, .archive-wanted-software-badge-three, .archive-wanted-software-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-software-badge-three, .archive-wanted-software-badge-two {
  display: inline-block;
}

.archive-wanted-software-badge-two {
  min-width: 103px;
}

.archive-wanted-software-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-wanted-software-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-wanted-software-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-wanted-software-supporting-text23, .archive-wanted-software-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-supporting-text23 {
  min-width: 70.9px;
}

.archive-wanted-software-supporting-text24 {
  width: 104px;
}

.archive-wanted-software-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-wanted-software-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-wanted-software-badges-parent, .archive-wanted-software-business-details, .archive-wanted-software-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-wanted-software-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-wanted-software-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-business-actions, .archive-wanted-software-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-wanted-software-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-wanted-software-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-wanted-software-content6:hover {
  background-color: #40454f;
}

.archive-wanted-software-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-wanted-software-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-wanted-software-arrow-square-up-right-icon3, .archive-wanted-software-arrow-square-up-right-icon4, .archive-wanted-software-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-software-arrow-square-up-right-icon4, .archive-wanted-software-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-wanted-software-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-wanted-software-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-wanted-software-frame-parent11, .archive-wanted-software-group-div, .archive-wanted-software-list-header, .archive-wanted-software-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-wanted-software-frame-parent11, .archive-wanted-software-group-div {
  gap: 7.3px;
}

.archive-wanted-software-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-wanted-software-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-wanted-software-divider-icon10, .archive-wanted-software-dots-vertical-icon7, .archive-wanted-software-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-software-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-wanted-software-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-wanted-software-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-dots-vertical-parent1, .archive-wanted-software-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-text-wrapper7 {
  flex: 1;
}

.archive-wanted-software-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-wanted-software-rectangle-textarea, .archive-wanted-software-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-software-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-wanted-software-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-wanted-software-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-software-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-contact-details, .archive-wanted-software-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-software-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-wanted-software-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-wanted-software-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton27, .archive-wanted-software-buttonsbutton28, .archive-wanted-software-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-buttonsbutton28, .archive-wanted-software-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-wanted-software-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-wanted-software-contact-details-parent, .archive-wanted-software-detail-item-parent, .archive-wanted-software-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-wanted-software-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-wanted-software-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton-wrapper2, .archive-wanted-software-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-wanted-software-frame-parent22, .archive-wanted-software-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-wanted-software-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-wanted-software-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-pair-container-parent, .archive-wanted-software-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-wanted-software-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-wanted-software-frame-parent19, .archive-wanted-software-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-wanted-software-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-wanted-software-price7, .archive-wanted-software-total {
  display: inline-block;
  position: relative;
}

.archive-wanted-software-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-wanted-software-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-wanted-software-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-wanted-software-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-software-pair-container-container, .archive-wanted-software-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-wanted-software-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-wanted-software-frame-parent24, .archive-wanted-software-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-software-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-wanted-software-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-wanted-software-fourth-listing, .archive-wanted-software-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-wanted-software-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-wanted-software-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-wanted-software-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-buttonsbutton30, .archive-wanted-software-expand-action, .archive-wanted-software-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-wanted-software-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-wanted-software-arrow-square-up-right-icon6, .archive-wanted-software-arrow-square-up-right-icon7, .archive-wanted-software-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-software-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-wanted-software-arrow-square-up-right-icon7, .archive-wanted-software-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-wanted-software-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-wanted-software-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-wanted-software-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-wanted-software-text100, .archive-wanted-software-text101 {
  font-family: Inter;
  position: relative;
}

.archive-wanted-software-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-wanted-software-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-software-badge27, .archive-wanted-software-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-software-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-wanted-software-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-wanted-software-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-wanted-software-card-header, .archive-wanted-software-content7, .archive-wanted-software-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-software-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-software-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-software-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-button-group-base10, .archive-wanted-software-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-wanted-software-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-software-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-wanted-software-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-wanted-software-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-software-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-label3, .archive-wanted-software-supporting-text41, .archive-wanted-software-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-wanted-software-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-wanted-software-supporting-text41, .archive-wanted-software-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-wanted-software-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-wanted-software-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-wanted-software-content9, .archive-wanted-software-input-with-label2, .archive-wanted-software-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-wanted-software-input-with-label2, .archive-wanted-software-input2 {
  align-self: stretch;
}

.archive-wanted-software-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-wanted-software-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-wanted-software-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-software-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-wanted-software-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-actions2, .archive-wanted-software-button7, .archive-wanted-software-content8 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-software-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-actions2, .archive-wanted-software-content8 {
  max-width: 100%;
}

.archive-wanted-software-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-wanted-software-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-wanted-software-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-wanted-software-card-header-parent, .archive-wanted-software-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-text117, .archive-wanted-software-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-wanted-software-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-wanted-software-badge28, .archive-wanted-software-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-software-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-wanted-software-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-wanted-software-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-button8, .archive-wanted-software-button9, .archive-wanted-software-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-wanted-software-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-wanted-software-button8, .archive-wanted-software-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-wanted-software-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-actions3, .archive-wanted-software-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-wanted-software-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-wanted-software-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-software-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-table-header-cell, .archive-wanted-software-table-header-cell-inner, .archive-wanted-software-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-wanted-software-table-header-cell, .archive-wanted-software-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-wanted-software-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-software-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-wanted-software-avatar-online-indicator, .archive-wanted-software-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-wanted-software-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-wanted-software-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-wanted-software-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-wanted-software-supporting-text43, .archive-wanted-software-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-wanted-software-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-wanted-software-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-software-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-software-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-software-supporting-text46, .archive-wanted-software-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-wanted-software-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-wanted-software-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-software-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-wanted-software-avatar5, .archive-wanted-software-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-wanted-software-avatar5 {
  background-color: #f2f4f7;
}

.archive-wanted-software-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-software-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-software-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-table-cell6, .archive-wanted-software-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-software-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-wanted-software-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-software-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-software-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-table-header, .archive-wanted-software-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-software-table-header {
  gap: 4px;
}

.archive-wanted-software-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-wanted-software-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-software-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-marker-pin-02-group, .archive-wanted-software-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-software-marker-pin-02-group {
  gap: 7px;
}

.archive-wanted-software-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-wanted-software-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-table-cell15, .archive-wanted-software-table-cell16, .archive-wanted-software-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-software-table-cell16, .archive-wanted-software-table-cell18 {
  width: 271px;
}

.archive-wanted-software-table-cell18 {
  width: 239px;
}

.archive-wanted-software-column, .archive-wanted-software-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-wanted-software-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-wanted-software-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-wanted-software-table-header-cell2, .archive-wanted-software-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-software-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-wanted-software-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-wanted-software-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-table-cell20, .archive-wanted-software-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-software-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-wanted-software-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-wanted-software-column1, .archive-wanted-software-table-cell25, .archive-wanted-software-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-software-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-wanted-software-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-wanted-software-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-table-cell30, .archive-wanted-software-table-header-cell3, .archive-wanted-software-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-software-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-wanted-software-table-cell30, .archive-wanted-software-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-wanted-software-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-wanted-software-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-wanted-software-column2, .archive-wanted-software-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-wanted-software-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-wanted-software-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-button-wrap, .archive-wanted-software-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-software-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-wanted-software-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-wanted-software-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-content11, .archive-wanted-software-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-wanted-software-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-wanted-software-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-content12, .archive-wanted-software-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-wanted-software-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-wanted-software-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-content13, .archive-wanted-software-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-content13 {
  padding: 10px 15px;
}

.archive-wanted-software-pagination-number-base2 {
  overflow: hidden;
}

.archive-wanted-software-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-wanted-software-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-content17, .archive-wanted-software-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-wanted-software-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-wanted-software-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-button-wrap1, .archive-wanted-software-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-software-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-wanted-software-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-wanted-software-next-page-button, .archive-wanted-software-page-navigation, .archive-wanted-software-pagination, .archive-wanted-software-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-wanted-software-pagination, .archive-wanted-software-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-wanted-software-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-wanted-software-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-wanted-software-text161, .archive-wanted-software-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-wanted-software-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-software-badge29, .archive-wanted-software-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-software-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-wanted-software-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-wanted-software-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-button-group-base18, .archive-wanted-software-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-software-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-wanted-software-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-wanted-software-button-group-base19 {
  background-color: #fff;
}

.archive-wanted-software-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-card-header-group, .archive-wanted-software-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-wanted-software-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-software-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-wanted-software-supporting-text55, .archive-wanted-software-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-wanted-software-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-wanted-software-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-wanted-software-content21, .archive-wanted-software-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-software-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-wanted-software-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-wanted-software-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-actions6, .archive-wanted-software-empty-state1 {
  justify-content: flex-start;
}

.archive-wanted-software-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-wanted-software-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-wanted-software-empty-state, .archive-wanted-software-empty-state1, .archive-wanted-software-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-software-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-wanted-software-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-wanted-software-supporting-text56, .archive-wanted-software-text181 {
  align-self: stretch;
  position: relative;
}

.archive-wanted-software-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-wanted-software-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-wanted-software-content22, .archive-wanted-software-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-software-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-wanted-software-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-wanted-software-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-empty-state2, .archive-wanted-software-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-wanted-software-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-wanted-software-listing-container, .archive-wanted-software-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-wanted-software-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-wanted-software-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-wanted-software-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-wanted-software-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-wanted-software-frame-child6, .archive-wanted-software-rectangle-parent2, .archive-wanted-software-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-software-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-wanted-software-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-wanted-software-dots-vertical-icon22, .archive-wanted-software-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-software-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-wanted-software-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-wanted-software-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-wanted-software-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-wanted-software-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-wanted-software-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-wanted-software-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-wanted-software-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-wanted-software-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-wanted-software-frame-parent27, .archive-wanted-software-logomark, .archive-wanted-software-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-software-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-wanted-software-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-wanted-software-content23, .archive-wanted-software-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-wanted-software-container1, .archive-wanted-software-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-software-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-wanted-software-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-wanted-software-divider-icon14 {
  object-fit: contain;
  z-index: 2;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-software-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-wanted-software-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-wanted-software-dot-icon10, .archive-wanted-software-dot-icon11, .archive-wanted-software-dot-icon7, .archive-wanted-software-dot-icon8, .archive-wanted-software-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-software-dot-icon10, .archive-wanted-software-dot-icon11, .archive-wanted-software-dot-icon8, .archive-wanted-software-dot-icon9 {
  z-index: 3;
}

.archive-wanted-software-dot-icon10, .archive-wanted-software-dot-icon11, .archive-wanted-software-dot-icon9 {
  z-index: 4;
}

.archive-wanted-software-dot-icon10, .archive-wanted-software-dot-icon11 {
  z-index: 5;
}

.archive-wanted-software-dot-icon11 {
  z-index: 6;
}

.archive-wanted-software-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-wanted-software-dot-icon12, .archive-wanted-software-dot-icon13, .archive-wanted-software-featured-icon1 {
  display: none;
  position: relative;
}

.archive-wanted-software-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-wanted-software-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-wanted-software-supporting-text57, .archive-wanted-software-text184 {
  align-self: stretch;
  position: relative;
}

.archive-wanted-software-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-wanted-software-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-wanted-software-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-button-close-x, .archive-wanted-software-content24 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-software-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-wanted-software-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-software-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-wanted-software-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-software-frame-wrapper13, .archive-wanted-software-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-wanted-software-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-wanted-software-background, .archive-wanted-software-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-wanted-software-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-wanted-software-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-wanted-software-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-content25, .archive-wanted-software-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-wanted-software-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-wanted-software-control-handle, .archive-wanted-software-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-wanted-software-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-wanted-software-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-wanted-software-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-wanted-software-background-parent, .archive-wanted-software-content26, .archive-wanted-software-progress, .archive-wanted-software-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-wanted-software-background-parent, .archive-wanted-software-progress {
  position: relative;
}

.archive-wanted-software-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-wanted-software-background-parent {
  padding: 0 20px 0 0;
}

.archive-wanted-software-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-software-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-software-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-wanted-software-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-input-field, .archive-wanted-software-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-wanted-software-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-wanted-software-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-wanted-software-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-wanted-software-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-wanted-software-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-wanted-software-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-wanted-software-frame-parent31, .archive-wanted-software-frame-wrapper14, .archive-wanted-software-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-wanted-software-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-wanted-software-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-wanted-software-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-wanted-software-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-content-parent, .archive-wanted-software-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-wanted-software-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-wanted-software-content-parent {
  gap: 42px;
}

.archive-wanted-software-content-parent, .archive-wanted-software-input10, .archive-wanted-software-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-wanted-software-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-software-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-input-field2, .archive-wanted-software-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-wanted-software-section-parent {
  gap: 8px;
}

.archive-wanted-software-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-wanted-software-checkboxes1, .archive-wanted-software-section-wrapper, .archive-wanted-software-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-wanted-software-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-wanted-software-text203, .archive-wanted-software-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-text207 {
  min-width: 44px;
}

.archive-wanted-software-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-text208, .archive-wanted-software-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-text209 {
  min-width: 59px;
}

.archive-wanted-software-search-lg, .archive-wanted-software-text210 {
  z-index: 2;
  position: relative;
}

.archive-wanted-software-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-wanted-software-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-wanted-software-content37, .archive-wanted-software-input-fields2, .archive-wanted-software-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-software-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-wanted-software-input-fields2, .archive-wanted-software-input19 {
  align-self: stretch;
}

.archive-wanted-software-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-wanted-software-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-software-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-software-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-wanted-software-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-wanted-software-text212, .archive-wanted-software-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-wanted-software-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-wanted-software-frame-parent36, .archive-wanted-software-frame-parent37, .archive-wanted-software-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-software-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-wanted-software-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-wanted-software-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-wanted-software-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-frame-parent28, .archive-wanted-software-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-wanted-software-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-wanted-software-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-software-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-software-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-software-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-software-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-software-actions9, .archive-wanted-software-buttonsbutton39, .archive-wanted-software-content38 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-software-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-wanted-software-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-wanted-software-divider-parent6, .archive-wanted-software-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-wanted-software-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-wanted-software-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-wanted-software-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-wanted-software-frame-parent41, .archive-wanted-software-rectangle-parent4, .archive-wanted-software-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-software-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-wanted-software-slide-out {
  flex-direction: row;
  width: 363px;
  position: absolute;
  top: 81px;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-software-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-wanted-software-collapsed-listing, .archive-wanted-software-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-wanted-software-frame-form {
    padding-bottom: 272px;
  }

  .archive-wanted-software-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-wanted-software-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-wanted-software-fourth-listing {
    flex: 1;
  }

  .archive-wanted-software-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-wanted-software-frame-parent16 {
    gap: 140px;
  }

  .archive-wanted-software-content8 {
    flex-wrap: wrap;
  }

  .archive-wanted-software-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-wanted-software-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-wanted-software-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-wanted-software-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-wanted-software-navigation-parent {
    gap: 19px;
  }

  .archive-wanted-software-frame-parent {
    gap: 35px;
  }

  .archive-wanted-software-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-wanted-software-main {
    gap: 16px;
  }

  .archive-wanted-software-badges, .archive-wanted-software-dot-item-content, .archive-wanted-software-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-software-dots-vertical {
    min-width: 100%;
  }

  .archive-wanted-software-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-wanted-software-frame-div {
    flex-wrap: wrap;
  }

  .archive-wanted-software-frame-container {
    min-width: 100%;
  }

  .archive-wanted-software-frame-group {
    flex-wrap: wrap;
  }

  .archive-wanted-software-dots-vertical-container {
    min-width: 100%;
  }

  .archive-wanted-software-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-wanted-software-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-wanted-software-first-badge, .archive-wanted-software-location-content {
    flex: 1;
  }

  .archive-wanted-software-badge-name {
    flex-wrap: wrap;
  }

  .archive-wanted-software-badge-details {
    gap: 23px;
  }

  .archive-wanted-software-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-wanted-software-second-badge-list-parent {
    gap: 23px;
  }

  .archive-wanted-software-frame-parent5 {
    gap: 53px;
  }

  .archive-wanted-software-expanded-content {
    flex-wrap: wrap;
  }

  .archive-wanted-software-expanded-listing {
    min-width: 100%;
  }

  .archive-wanted-software-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-wanted-software-badge-support-parent, .archive-wanted-software-badges1, .archive-wanted-software-detail-item, .archive-wanted-software-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-wanted-software-second-listing-details {
    flex: 1;
  }

  .archive-wanted-software-listing-detail {
    flex-wrap: wrap;
  }

  .archive-wanted-software-frame-parent19 {
    gap: 54px;
  }

  .archive-wanted-software-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-wanted-software-fourth-listing {
    margin-left: 0;
  }

  .archive-wanted-software-frame-parent16 {
    gap: 70px;
  }

  .archive-wanted-software-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-wanted-software-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-wanted-software-actions2 {
    flex-wrap: wrap;
  }

  .archive-wanted-software-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-wanted-software-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-wanted-software-actions3 {
    flex-wrap: wrap;
  }

  .archive-wanted-software-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-wanted-software-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-wanted-software-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-wanted-software-empty-state3 {
    gap: 16px;
  }

  .archive-wanted-software-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-wanted-software-container1 {
    gap: 16px;
  }

  .archive-wanted-software-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-wanted-software-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-wanted-software-frame-parent {
    gap: 17px;
  }

  .archive-wanted-software-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-wanted-software-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-software-card-work {
    flex: 1;
  }

  .archive-wanted-software-provider-name {
    flex-wrap: wrap;
  }

  .archive-wanted-software-price2, .archive-wanted-software-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-software-badge-container, .archive-wanted-software-location-content {
    flex-wrap: wrap;
  }

  .archive-wanted-software-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-wanted-software-buttonsbutton-group, .archive-wanted-software-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-software-location-summary {
    flex: 1;
  }

  .archive-wanted-software-summary-details {
    flex-wrap: wrap;
  }

  .archive-wanted-software-frame-parent5 {
    gap: 27px;
  }

  .archive-wanted-software-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-wanted-software-price4, .archive-wanted-software-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-software-business-name-role, .archive-wanted-software-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-software-detail-item-parent {
    gap: 20px;
  }

  .archive-wanted-software-pair-container-parent {
    margin-left: 0;
  }

  .archive-wanted-software-frame-parent19 {
    gap: 27px;
  }

  .archive-wanted-software-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-software-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-wanted-software-frame-parent24 {
    gap: 126px;
  }

  .archive-wanted-software-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-wanted-software-content9, .archive-wanted-software-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-software-input-dropdown2 {
    max-width: 100%;
  }

  .archive-wanted-software-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-wanted-software-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-software-button-group2 {
    flex-wrap: wrap;
  }

  .archive-wanted-software-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-software-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-wanted-software-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-wanted-software-footer {
    gap: 16px;
  }

  .archive-wanted-software-listings-search-results-list {
    gap: 25px;
  }
}

.detailed-wanted-software-frame-child, .detailed-wanted-software-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.detailed-wanted-software-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.detailed-wanted-software-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.detailed-wanted-software-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.detailed-wanted-software-header-content, .detailed-wanted-software-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.detailed-wanted-software-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.detailed-wanted-software-bar-chart-01-icon, .detailed-wanted-software-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.detailed-wanted-software-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.detailed-wanted-software-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.detailed-wanted-software-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.detailed-wanted-software-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-wanted-software-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-wanted-software-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-badge1, .detailed-wanted-software-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.detailed-wanted-software-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-wanted-software-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-wanted-software-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-navigation, .detailed-wanted-software-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.detailed-wanted-software-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.detailed-wanted-software-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.detailed-wanted-software-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-wanted-software-placeholder, .detailed-wanted-software-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.detailed-wanted-software-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.detailed-wanted-software-content3, .detailed-wanted-software-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-wanted-software-content3 {
  flex: 1;
  gap: 8px;
}

.detailed-wanted-software-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-header-container, .detailed-wanted-software-input-with-label, .detailed-wanted-software-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.detailed-wanted-software-header-container, .detailed-wanted-software-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.detailed-wanted-software-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.detailed-wanted-software-header-container {
  gap: 70px;
  width: 754px;
}

.detailed-wanted-software-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.detailed-wanted-software-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.detailed-wanted-software-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.detailed-wanted-software-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.detailed-wanted-software-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.detailed-wanted-software-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.detailed-wanted-software-button-container, .detailed-wanted-software-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.detailed-wanted-software-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.detailed-wanted-software-divider-icon, .detailed-wanted-software-text6 {
  align-self: stretch;
  position: relative;
}

.detailed-wanted-software-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.detailed-wanted-software-text6 {
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-software-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.detailed-wanted-software-chevron-right-icon, .detailed-wanted-software-text7 {
  flex-shrink: 0;
  position: relative;
}

.detailed-wanted-software-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.detailed-wanted-software-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-software-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.detailed-wanted-software-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.detailed-wanted-software-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-breadcrumb-controls, .detailed-wanted-software-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.detailed-wanted-software-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-wanted-software-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.detailed-wanted-software-breadcrumb-controls-icon, .detailed-wanted-software-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.detailed-wanted-software-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.detailed-wanted-software-breadcrumb-controls-item {
  display: none;
}

.detailed-wanted-software-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-buttonsbutton, .detailed-wanted-software-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.detailed-wanted-software-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-wanted-software-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.detailed-wanted-software-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.detailed-wanted-software-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.detailed-wanted-software-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.detailed-wanted-software-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.detailed-wanted-software-breadcrumb, .detailed-wanted-software-breadcrumb-button-base3, .detailed-wanted-software-breadcrumb-container-parent, .detailed-wanted-software-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.detailed-wanted-software-breadcrumb, .detailed-wanted-software-breadcrumb-container-parent {
  max-width: 100%;
}

.detailed-wanted-software-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.detailed-wanted-software-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.detailed-wanted-software-pre- {
  text-transform: capitalize;
}

.detailed-wanted-software-o {
  text-transform: lowercase;
}

.detailed-wanted-software-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-marker-pin-02-icon, .detailed-wanted-software-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.detailed-wanted-software-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.detailed-wanted-software-detail-items, .detailed-wanted-software-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-detail-items {
  flex: 1;
  gap: 8px;
}

.detailed-wanted-software-details-row {
  gap: 20px;
  width: 294px;
}

.detailed-wanted-software-contact-name {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.detailed-wanted-software-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.detailed-wanted-software-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.detailed-wanted-software-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.detailed-wanted-software-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-wanted-software-ellipse-div, .detailed-wanted-software-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-wanted-software-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.detailed-wanted-software-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-wanted-software-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.detailed-wanted-software-contact-details, .detailed-wanted-software-details-content, .detailed-wanted-software-rectangle-container, .detailed-wanted-software-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.detailed-wanted-software-contact-details, .detailed-wanted-software-details-content {
  align-self: stretch;
}

.detailed-wanted-software-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.detailed-wanted-software-details-content {
  flex-direction: column;
  gap: 8px;
}

.detailed-wanted-software-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-buttonsbutton1, .detailed-wanted-software-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.detailed-wanted-software-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-buttonsbutton1:hover {
  background-color: #eaecf0;
}

.detailed-wanted-software-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.detailed-wanted-software-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-wanted-software-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.detailed-wanted-software-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.detailed-wanted-software-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.detailed-wanted-software-detail-container, .detailed-wanted-software-dropdown, .detailed-wanted-software-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.detailed-wanted-software-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.detailed-wanted-software-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-software-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.detailed-wanted-software-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-software-heading, .detailed-wanted-software-paragraph, .detailed-wanted-software-paragraph1 {
  z-index: 1;
  position: relative;
}

.detailed-wanted-software-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-software-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-software-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.detailed-wanted-software-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.detailed-wanted-software-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.detailed-wanted-software-description-columns-second, .detailed-wanted-software-description-content, .detailed-wanted-software-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 43px;
  min-height: 120px;
}

.detailed-wanted-software-description-content, .detailed-wanted-software-heading-parent {
  flex-direction: column;
}

.detailed-wanted-software-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.detailed-wanted-software-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.detailed-wanted-software-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-software-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-description-paragraphs, .detailed-wanted-software-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-software-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.detailed-wanted-software-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.detailed-wanted-software-heading1, .detailed-wanted-software-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-software-heading1 {
  font-weight: 500;
}

.detailed-wanted-software-paragraph26 {
  color: #475467;
}

.detailed-wanted-software-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.detailed-wanted-software-gallery-images-container-child, .detailed-wanted-software-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.detailed-wanted-software-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.detailed-wanted-software-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.detailed-wanted-software-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.detailed-wanted-software-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-wanted-software-gallery-images, .detailed-wanted-software-gallery-images-container, .detailed-wanted-software-gallery-images-container1, .detailed-wanted-software-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-wanted-software-gallery-images, .detailed-wanted-software-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.detailed-wanted-software-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.detailed-wanted-software-heading6 {
  font-weight: 600;
}

.detailed-wanted-software-heading6, .detailed-wanted-software-heading7, .detailed-wanted-software-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-software-heading7 {
  font-weight: 500;
}

.detailed-wanted-software-paragraph30 {
  color: #475467;
}

.detailed-wanted-software-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.detailed-wanted-software-benefits-content {
  gap: 16px;
}

.detailed-wanted-software-benefits-container, .detailed-wanted-software-benefits-content, .detailed-wanted-software-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-section {
  z-index: 1;
  font-size: 18px;
}

.detailed-wanted-software-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.detailed-wanted-software-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-software-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.detailed-wanted-software-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.detailed-wanted-software-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.detailed-wanted-software-supporting-text3, .detailed-wanted-software-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-text12 {
  font-weight: 500;
}

.detailed-wanted-software-supporting-text3 {
  color: #475467;
}

.detailed-wanted-software-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-software-download-items, .detailed-wanted-software-download-items-parent, .detailed-wanted-software-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-download-items, .detailed-wanted-software-download-items-parent {
  align-self: stretch;
}

.detailed-wanted-software-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.detailed-wanted-software-heading15, .detailed-wanted-software-text18 {
  font-weight: 600;
  position: relative;
}

.detailed-wanted-software-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.detailed-wanted-software-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.detailed-wanted-software-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-wanted-software-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-wanted-software-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-software-button-group-base2, .detailed-wanted-software-button-group-base3, .detailed-wanted-software-button-group-base4, .detailed-wanted-software-button-group-base5, .detailed-wanted-software-button-group-base6, .detailed-wanted-software-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.detailed-wanted-software-button-group-base3, .detailed-wanted-software-button-group-base4, .detailed-wanted-software-button-group-base5, .detailed-wanted-software-button-group-base6, .detailed-wanted-software-button-group-base7 {
  z-index: 5;
}

.detailed-wanted-software-button-group-base4, .detailed-wanted-software-button-group-base5, .detailed-wanted-software-button-group-base6, .detailed-wanted-software-button-group-base7 {
  z-index: 4;
}

.detailed-wanted-software-button-group-base5, .detailed-wanted-software-button-group-base6, .detailed-wanted-software-button-group-base7 {
  z-index: 3;
}

.detailed-wanted-software-button-group-base6, .detailed-wanted-software-button-group-base7 {
  z-index: 2;
}

.detailed-wanted-software-button-group-base7 {
  z-index: 1;
}

.detailed-wanted-software-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-wanted-software-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-supporting-text9, .detailed-wanted-software-text27 {
  line-height: 24px;
  position: relative;
}

.detailed-wanted-software-text27 {
  font-weight: 500;
}

.detailed-wanted-software-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.detailed-wanted-software-content5, .detailed-wanted-software-input-with-label1, .detailed-wanted-software-input1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.detailed-wanted-software-input-with-label1, .detailed-wanted-software-input1 {
  align-self: stretch;
}

.detailed-wanted-software-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.detailed-wanted-software-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-wanted-software-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-wanted-software-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.detailed-wanted-software-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-actions, .detailed-wanted-software-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-software-button {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.detailed-wanted-software-content4, .detailed-wanted-software-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.detailed-wanted-software-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.detailed-wanted-software-empty-review, .detailed-wanted-software-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.detailed-wanted-software-empty-review {
  flex: 1;
  justify-content: center;
  min-width: 91px;
  height: 44px;
  line-height: 24px;
}

.detailed-wanted-software-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.detailed-wanted-software-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.detailed-wanted-software-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.detailed-wanted-software-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.detailed-wanted-software-review-content, .detailed-wanted-software-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.detailed-wanted-software-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.detailed-wanted-software-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.detailed-wanted-software-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-wanted-software-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-first-review-fifth-star, .detailed-wanted-software-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.detailed-wanted-software-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.detailed-wanted-software-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-heading-wrapper {
  padding: 0 4px;
}

.detailed-wanted-software-heading-wrapper, .detailed-wanted-software-stars-wrapper, .detailed-wanted-software-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.detailed-wanted-software-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.detailed-wanted-software-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-software-rectangle-parent3, .detailed-wanted-software-review-container, .detailed-wanted-software-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.detailed-wanted-software-review-container, .detailed-wanted-software-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.detailed-wanted-software-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.detailed-wanted-software-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  width: 812px;
  font-size: 56px;
}

.detailed-wanted-software-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.detailed-wanted-software-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.detailed-wanted-software-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-alvo-medical, .detailed-wanted-software-heading20 {
  font-weight: 500;
}

.detailed-wanted-software-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-software-client-review-header, .detailed-wanted-software-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.detailed-wanted-software-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.detailed-wanted-software-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-client-rating, .detailed-wanted-software-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-client-rating {
  align-self: stretch;
  gap: 4px;
}

.detailed-wanted-software-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.detailed-wanted-software-client-review, .detailed-wanted-software-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.detailed-wanted-software-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.detailed-wanted-software-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-wanted-software-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.detailed-wanted-software-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-badge-wrapper, .detailed-wanted-software-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.detailed-wanted-software-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.detailed-wanted-software-discount, .detailed-wanted-software-price {
  z-index: 2;
  position: relative;
}

.detailed-wanted-software-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.detailed-wanted-software-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.detailed-wanted-software-original-price, .detailed-wanted-software-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.detailed-wanted-software-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.detailed-wanted-software-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-software-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.detailed-wanted-software-card-header, .detailed-wanted-software-price-tag, .detailed-wanted-software-service-title-container {
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
}

.detailed-wanted-software-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.detailed-wanted-software-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  margin: 0 !important;
}

.detailed-wanted-software-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.detailed-wanted-software-amlie-laurent, .detailed-wanted-software-card-footer, .detailed-wanted-software-role {
  align-self: stretch;
  position: relative;
}

.detailed-wanted-software-card-footer {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-amlie-laurent, .detailed-wanted-software-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.detailed-wanted-software-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.detailed-wanted-software-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-supporting-text10 {
  z-index: 2;
  flex: 1;
  min-width: 114px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-contact-button, .detailed-wanted-software-message-button {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-message-button {
  flex: 1;
  gap: 2px;
}

.detailed-wanted-software-contact-button {
  align-self: stretch;
  padding: 0 52px;
}

.detailed-wanted-software-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.detailed-wanted-software-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.detailed-wanted-software-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-buttonsbutton5, .detailed-wanted-software-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-buttonsbutton5 {
  white-space: nowrap;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.detailed-wanted-software-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.detailed-wanted-software-buttonsbutton6:hover {
  background-color: #17b26a;
}

.detailed-wanted-software-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-buttonsbutton6-add:hover {
  background-color: #eaecf0;
}

.detailed-wanted-software-button-container2, .detailed-wanted-software-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-button-container2 {
  flex: 1;
  gap: 16px;
}

.detailed-wanted-software-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.detailed-wanted-software-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.detailed-wanted-software-dropdown-menu, .detailed-wanted-software-dropdown1, .detailed-wanted-software-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-dropdown1 {
  z-index: 2;
}

.detailed-wanted-software-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.detailed-wanted-software-professional-details, .detailed-wanted-software-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.detailed-wanted-software-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.detailed-wanted-software-card-content, .detailed-wanted-software-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.detailed-wanted-software-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-wanted-software-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.detailed-wanted-software-description, .detailed-wanted-software-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.detailed-wanted-software-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-software-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-software-header-content1, .detailed-wanted-software-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-wanted-software-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.detailed-wanted-software-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.detailed-wanted-software-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.detailed-wanted-software-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.detailed-wanted-software-client-name, .detailed-wanted-software-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-software-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.detailed-wanted-software-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.detailed-wanted-software-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.detailed-wanted-software-testimonial-divider, .detailed-wanted-software-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.detailed-wanted-software-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.detailed-wanted-software-rectangle-parent4, .detailed-wanted-software-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.detailed-wanted-software-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.detailed-wanted-software-frame-parent, .detailed-wanted-software-listing-content, .detailed-wanted-software-listing-content-wrapper, .detailed-wanted-software-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.detailed-wanted-software-frame-parent, .detailed-wanted-software-listing-content, .detailed-wanted-software-listing-content-wrapper {
  flex-direction: row;
}

.detailed-wanted-software-listing-content {
  flex: 1;
  gap: 14px;
}

.detailed-wanted-software-frame-parent, .detailed-wanted-software-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.detailed-wanted-software-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  margin-top: 50px;
  padding: 0 2px 24px 0;
}

.detailed-wanted-software-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-listing-image-grid, .detailed-wanted-software-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.detailed-wanted-software-listing-image-grid1 {
  padding: 0 80px 24px;
}

.detailed-wanted-software-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-wanted-software-feedback-header, .detailed-wanted-software-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.detailed-wanted-software-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.detailed-wanted-software-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-buttonsbutton7, .detailed-wanted-software-feedback-score, .detailed-wanted-software-stars-parent {
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.detailed-wanted-software-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.detailed-wanted-software-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-software-client-feedback, .detailed-wanted-software-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.detailed-wanted-software-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
}

.detailed-wanted-software-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-software-client-message, .detailed-wanted-software-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.detailed-wanted-software-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-wanted-software-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px;
}

.detailed-wanted-software-buttonsbutton8, .detailed-wanted-software-client-message, .detailed-wanted-software-view-replies {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-view-replies {
  color: #eaecf0;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 24px 440px;
  font-size: 14px;
}

.detailed-wanted-software-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-button-wrap, .detailed-wanted-software-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-software-buttonsbutton9 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-button-wrap {
  flex: 1;
  justify-content: flex-start;
}

.detailed-wanted-software-details, .detailed-wanted-software-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-text37 {
  min-width: 32px;
  font-weight: 600;
}

.detailed-wanted-software-button-wrap1, .detailed-wanted-software-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-software-buttonsbutton10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-button-wrap1 {
  flex: 1;
  justify-content: flex-end;
}

.detailed-wanted-software-pagination, .detailed-wanted-software-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.detailed-wanted-software-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.detailed-wanted-software-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.detailed-wanted-software-heading32, .detailed-wanted-software-heading33 {
  line-height: 24px;
  position: relative;
}

.detailed-wanted-software-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.detailed-wanted-software-heading33 {
  width: 107px;
  display: inline-block;
}

.detailed-wanted-software-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-wanted-software-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.detailed-wanted-software-label2, .detailed-wanted-software-label3, .detailed-wanted-software-text38 {
  position: relative;
}

.detailed-wanted-software-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.detailed-wanted-software-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-software-input-with-label3, .detailed-wanted-software-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.detailed-wanted-software-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-software-content6, .detailed-wanted-software-input-field, .detailed-wanted-software-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.detailed-wanted-software-content6, .detailed-wanted-software-input-field {
  max-width: 100%;
}

.detailed-wanted-software-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.detailed-wanted-software-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.detailed-wanted-software-label4, .detailed-wanted-software-text39 {
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-software-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.detailed-wanted-software-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-input-field1, .detailed-wanted-software-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.detailed-wanted-software-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.detailed-wanted-software-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.detailed-wanted-software-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-button1, .detailed-wanted-software-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.detailed-wanted-software-review-form, .detailed-wanted-software-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.detailed-wanted-software-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.detailed-wanted-software-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.detailed-wanted-software-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.detailed-wanted-software-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-heading-parent3, .detailed-wanted-software-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.detailed-wanted-software-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.detailed-wanted-software-frame-child12, .detailed-wanted-software-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.detailed-wanted-software-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.detailed-wanted-software-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.detailed-wanted-software-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.detailed-wanted-software-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.detailed-wanted-software-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-badge5, .detailed-wanted-software-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.detailed-wanted-software-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.detailed-wanted-software-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.detailed-wanted-software-image-overlay, .detailed-wanted-software-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.detailed-wanted-software-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.detailed-wanted-software-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.detailed-wanted-software-listing-detail-item-date, .detailed-wanted-software-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.detailed-wanted-software-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.detailed-wanted-software-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-wanted-software-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.detailed-wanted-software-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.detailed-wanted-software-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-listing-detail-item-pin-wrapper, .detailed-wanted-software-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.detailed-wanted-software-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.detailed-wanted-software-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.detailed-wanted-software-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-listing, .detailed-wanted-software-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.detailed-wanted-software-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.detailed-wanted-software-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.detailed-wanted-software-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.detailed-wanted-software-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.detailed-wanted-software-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.detailed-wanted-software-listing-detail-item-value, .detailed-wanted-software-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.detailed-wanted-software-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.detailed-wanted-software-listing-detail-item, .detailed-wanted-software-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.detailed-wanted-software-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.detailed-wanted-software-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.detailed-wanted-software-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.detailed-wanted-software-footer-social, .detailed-wanted-software-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.detailed-wanted-software-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-wanted-software-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-software-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.detailed-wanted-software-badge-group, .detailed-wanted-software-image-overlay3, .detailed-wanted-software-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.detailed-wanted-software-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.detailed-wanted-software-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.detailed-wanted-software-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.detailed-wanted-software-agent-details-icon, .detailed-wanted-software-agent-extra-info, .detailed-wanted-software-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.detailed-wanted-software-agent-details-icon, .detailed-wanted-software-agent-extra-info {
  max-width: 100%;
}

.detailed-wanted-software-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.detailed-wanted-software-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.detailed-wanted-software-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-software-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.detailed-wanted-software-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.detailed-wanted-software-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.detailed-wanted-software-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.detailed-wanted-software-testiomonial-carousel-arrow4, .detailed-wanted-software-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.detailed-wanted-software-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-software-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.detailed-wanted-software-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-rectangle-parent30, .detailed-wanted-software-supporting-six-wrapper, .detailed-wanted-software-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.detailed-wanted-software-supporting-six-wrapper, .detailed-wanted-software-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.detailed-wanted-software-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.detailed-wanted-software-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.detailed-wanted-software-divider-container, .detailed-wanted-software-icon-group, .detailed-wanted-software-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.detailed-wanted-software-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.detailed-wanted-software-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-software-breadcrumb-button-base4, .detailed-wanted-software-testiomonial-carousel-arrow6, .detailed-wanted-software-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-wanted-software-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.detailed-wanted-software-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.detailed-wanted-software-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-software-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-software-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.detailed-wanted-software-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-software-divider-icon24 {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin-top: 200px !important;
}

.detailed-wanted-software-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-software-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-software-button2, .detailed-wanted-software-text-padding4, .detailed-wanted-software-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.detailed-wanted-software-button2, .detailed-wanted-software-text-padding5 {
  box-sizing: border-box;
}

.detailed-wanted-software-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.detailed-wanted-software-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.detailed-wanted-software-button3, .detailed-wanted-software-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.detailed-wanted-software-button4, .detailed-wanted-software-button5, .detailed-wanted-software-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.detailed-wanted-software-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-actions1, .detailed-wanted-software-testiomonial-carousel-arrow8, .detailed-wanted-software-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-wanted-software-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.detailed-wanted-software-testiomonial-carousel-arrow8, .detailed-wanted-software-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-wanted-software-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-software-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.detailed-wanted-software-listing-image-grid11, .detailed-wanted-software-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.detailed-wanted-software-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.detailed-wanted-software-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-software-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.detailed-wanted-software-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.detailed-wanted-software-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-software-heading40, .detailed-wanted-software-text123 {
  font-weight: 600;
  position: relative;
}

.detailed-wanted-software-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.detailed-wanted-software-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-software-buttonsbutton27, .detailed-wanted-software-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-software-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.detailed-wanted-software-footer-link1 {
  justify-content: flex-start;
}

.detailed-wanted-software-text124, .detailed-wanted-software-text125, .detailed-wanted-software-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-text125, .detailed-wanted-software-text126 {
  min-width: 68px;
}

.detailed-wanted-software-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.detailed-wanted-software-badge36, .detailed-wanted-software-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-wanted-software-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.detailed-wanted-software-footer-link3 {
  gap: 8px;
}

.detailed-wanted-software-text127, .detailed-wanted-software-text128, .detailed-wanted-software-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-text128, .detailed-wanted-software-text129 {
  min-width: 97px;
}

.detailed-wanted-software-text129 {
  min-width: 81px;
}

.detailed-wanted-software-footer-links-column, .detailed-wanted-software-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.detailed-wanted-software-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.detailed-wanted-software-text130, .detailed-wanted-software-text131, .detailed-wanted-software-text132, .detailed-wanted-software-text133, .detailed-wanted-software-text134, .detailed-wanted-software-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.detailed-wanted-software-text131, .detailed-wanted-software-text132, .detailed-wanted-software-text133, .detailed-wanted-software-text134, .detailed-wanted-software-text135 {
  min-width: 58px;
}

.detailed-wanted-software-text132, .detailed-wanted-software-text133, .detailed-wanted-software-text134, .detailed-wanted-software-text135 {
  min-width: 66px;
}

.detailed-wanted-software-text133, .detailed-wanted-software-text134, .detailed-wanted-software-text135 {
  min-width: 90px;
}

.detailed-wanted-software-text134, .detailed-wanted-software-text135 {
  min-width: 55px;
}

.detailed-wanted-software-text135 {
  min-width: 63px;
}

.detailed-wanted-software-footer-links2, .detailed-wanted-software-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.detailed-wanted-software-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.detailed-wanted-software-help-icon, .detailed-wanted-software-label6 {
  display: none;
  position: relative;
}

.detailed-wanted-software-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-software-help-icon {
  width: 16px;
  height: 16px;
}

.detailed-wanted-software-input-with-label6, .detailed-wanted-software-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.detailed-wanted-software-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-wanted-software-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-wanted-software-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.detailed-wanted-software-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-software-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-software-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.detailed-wanted-software-email-capture, .detailed-wanted-software-links-and-newsletter, .detailed-wanted-software-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.detailed-wanted-software-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.detailed-wanted-software-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.detailed-wanted-software-container, .detailed-wanted-software-content8, .detailed-wanted-software-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-container {
  flex: 1;
  max-width: 1280px;
}

.detailed-wanted-software-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.detailed-wanted-software-divider-icon29, .detailed-wanted-software-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.detailed-wanted-software-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.detailed-wanted-software-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  margin-top: 250px;
  padding: 64px 0 48px;
  display: flex;
}

.detailed-wanted-software-footer-text {
  line-height: 20px;
  position: relative;
}

.detailed-wanted-software-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.detailed-wanted-software-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.detailed-wanted-software-logomark, .detailed-wanted-software-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.detailed-wanted-software-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.detailed-wanted-software-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.detailed-wanted-software-content10, .detailed-wanted-software-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-software-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.detailed-wanted-software-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.detailed-wanted-software-footer1, .detailed-wanted-software-listings-detailed-page-devic, .detailed-wanted-software-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.detailed-wanted-software-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.detailed-wanted-software-listings-detailed-page-devic, .detailed-wanted-software-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.detailed-wanted-software-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.detailed-wanted-software-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.detailed-wanted-software-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-wanted-software-sharethis-parent {
  position: relative;
}

.detailed-wanted-software-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-wanted-software-sharethis-follow-parent {
  position: relative;
}

@media screen and (width <= 1275px) {
  .detailed-wanted-software-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .detailed-wanted-software-breadcrumb-controls1 {
    flex: 1;
  }

  .detailed-wanted-software-breadcrumb-container {
    flex-wrap: wrap;
  }

  .detailed-wanted-software-service-card {
    flex: 1;
  }

  .detailed-wanted-software-listing-content {
    flex-wrap: wrap;
  }

  .detailed-wanted-software-container, .detailed-wanted-software-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .detailed-wanted-software-client-review, .detailed-wanted-software-content4, .detailed-wanted-software-description-columns-first, .detailed-wanted-software-download-items, .detailed-wanted-software-gallery-images, .detailed-wanted-software-rectangle-group, .detailed-wanted-software-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .detailed-wanted-software-description-block-parent {
    min-width: 100%;
  }

  .detailed-wanted-software-client-feedback, .detailed-wanted-software-client-message, .detailed-wanted-software-listing-image-grid, .detailed-wanted-software-listing-image-grid1, .detailed-wanted-software-pagination-wrapper, .detailed-wanted-software-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-wanted-software-heading-parent3 {
    flex-wrap: wrap;
  }

  .detailed-wanted-software-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .detailed-wanted-software-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .detailed-wanted-software-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .detailed-wanted-software-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .detailed-wanted-software-actions, .detailed-wanted-software-file-upload-item-base {
    flex-wrap: wrap;
  }

  .detailed-wanted-software-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .detailed-wanted-software-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .detailed-wanted-software-review-stars {
    min-width: 100%;
  }

  .detailed-wanted-software-review-container, .detailed-wanted-software-review-stars {
    flex-wrap: wrap;
  }

  .detailed-wanted-software-client-review-header {
    min-width: 100%;
  }

  .detailed-wanted-software-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-wanted-software-service-card {
    min-width: 100%;
  }

  .detailed-wanted-software-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-wanted-software-feedback-header {
    min-width: 100%;
  }

  .detailed-wanted-software-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .detailed-wanted-software-frame-parent3 {
    flex-wrap: wrap;
  }

  .detailed-wanted-software-textarea-input-field {
    max-width: 100%;
  }

  .detailed-wanted-software-content6 {
    gap: 16px;
  }

  .detailed-wanted-software-textarea-input-field1 {
    max-width: 100%;
  }

  .detailed-wanted-software-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-wanted-software-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .detailed-wanted-software-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .detailed-wanted-software-links {
    flex: 1;
  }

  .detailed-wanted-software-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .detailed-wanted-software-container {
    gap: 24px;
  }

  .detailed-wanted-software-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-wanted-software-footer {
    gap: 24px;
    height: auto;
  }

  .detailed-wanted-software-container1 {
    gap: 16px;
  }

  .detailed-wanted-software-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .detailed-wanted-software-header-container {
    gap: 17px;
  }

  .detailed-wanted-software-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .detailed-wanted-software-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-wanted-software-button-row, .detailed-wanted-software-contact-details {
    flex-wrap: wrap;
  }

  .detailed-wanted-software-gallery-images-container, .detailed-wanted-software-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .detailed-wanted-software-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .detailed-wanted-software-input-dropdown {
    max-width: 100%;
  }

  .detailed-wanted-software-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .detailed-wanted-software-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .detailed-wanted-software-rectangle-parent1 {
    flex: 1;
  }

  .detailed-wanted-software-review-container {
    gap: 16px;
  }

  .detailed-wanted-software-price {
    font-size: 21px;
    line-height: 26px;
  }

  .detailed-wanted-software-header-content1, .detailed-wanted-software-professional-details, .detailed-wanted-software-testimonial-item {
    flex-wrap: wrap;
  }

  .detailed-wanted-software-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .detailed-wanted-software-review-form {
    gap: 25px;
  }

  .detailed-wanted-software-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .detailed-wanted-software-links, .detailed-wanted-software-logo-and-supporting-text {
    gap: 16px;
  }

  .detailed-wanted-software-email-capture {
    flex-wrap: wrap;
  }

  .detailed-wanted-software-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .detailed-wanted-software-footer1 {
    gap: 16px;
  }
}

.add-wanted-software-progress-container-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.add-wanted-software-forms-add-wanted-software {
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 60px;
  font-family: Inter;
  display: flex;
}

.add-wanted-software-forms-add-wanted-software {
  box-sizing: border-box;
  letter-spacing: normal;
  align-items: flex-start;
  width: 100%;
  padding: 7px 0 0;
  font-size: 14px;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-wanted-software-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-software-progress-steps {
    display: none;
  }

  .add-wanted-software-main {
    height: auto;
  }

  .add-wanted-software-content23 {
    flex-wrap: wrap;
  }

  .add-wanted-software-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-wanted-software-content5 {
    max-width: 100%;
  }

  .add-wanted-software-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-wanted-software-frame-group {
    gap: 19px;
  }

  .add-wanted-software-frame-parent {
    gap: 35px;
  }

  .add-wanted-software-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-wanted-software-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-wanted-software-main {
    gap: 16px;
  }

  .add-wanted-software-content22, .add-wanted-software-content39 {
    min-width: 100%;
  }

  .add-wanted-software-textarea-input-field {
    max-width: 100%;
  }

  .add-wanted-software-content42 {
    gap: 16px;
  }

  .add-wanted-software-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-wanted-software-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-software-frame-parent {
    gap: 17px;
  }

  .add-wanted-software-step-two, .add-wanted-software-step-two-details, .add-wanted-software-steps {
    gap: 19px;
  }

  .add-wanted-software-form-parent {
    gap: 350px;
  }

  .add-wanted-software-action, .add-wanted-software-first-upload-item-content, .add-wanted-software-input1, .add-wanted-software-input10, .add-wanted-software-input9, .add-wanted-software-progress-bar {
    flex-wrap: wrap;
  }

  .add-wanted-software-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-software-progress-container-parent {
    gap: 49px;
  }
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-wanted-software-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-software-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-software-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-wanted-software-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-wanted-software-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-software-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-software-step-first-upload-item-content, .add-wanted-software-step-action, .add-wanted-software-step-input1, .add-wanted-software-step-input10, .add-wanted-software-step-input9 {
    flex-wrap: wrap;
  }
}

.add-wanted-service-content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: calc(100% - 266px);
  font-size: 14px;
}

.add-wanted-service-divider-icon10 {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .add-wanted-service-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-service-progress-steps {
    display: none;
  }

  .add-wanted-service-main {
    height: auto;
  }

  .add-wanted-service-content23 {
    flex-wrap: wrap;
  }

  .add-wanted-service-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-wanted-service-content5 {
    max-width: 100%;
  }

  .add-wanted-service-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-wanted-service-frame-group {
    gap: 19px;
  }

  .add-wanted-service-frame-parent {
    gap: 35px;
  }

  .add-wanted-service-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-wanted-service-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-wanted-service-main {
    gap: 16px;
  }

  .add-wanted-service-content22, .add-wanted-service-content39 {
    min-width: 100%;
  }

  .add-wanted-service-textarea-input-field {
    max-width: 100%;
  }

  .add-wanted-service-content42 {
    gap: 16px;
  }

  .add-wanted-service-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-wanted-service-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-service-frame-parent {
    gap: 17px;
  }

  .add-wanted-service-step-two, .add-wanted-service-step-two-details, .add-wanted-service-steps {
    gap: 19px;
  }

  .add-wanted-service-form-parent {
    gap: 350px;
  }

  .add-wanted-service-action, .add-wanted-service-first-upload-item-content, .add-wanted-service-input1, .add-wanted-service-input10, .add-wanted-service-input9, .add-wanted-service-progress-bar {
    flex-wrap: wrap;
  }

  .add-wanted-service-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-service-progress-container-parent {
    gap: 49px;
  }
}

.mytextarea {
  box-sizing: border-box;
  border-radius: 10px;
  width: 100%;
  height: auto;
  min-height: 100px;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-wanted-service-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-service-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-service-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-wanted-service-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-wanted-service-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-service-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-service-step-first-upload-item-content, .add-wanted-service-step-action, .add-wanted-service-step-input1, .add-wanted-service-step-input10, .add-wanted-service-step-input9 {
    flex-wrap: wrap;
  }
}

.text-overflow-archive-service {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #344054;
  overflow: hidden;
}

.archive-wanted-service-listings-search-results-list-child {
  z-index: 0;
  background-color: #fff;
  align-self: stretch;
  height: 5871px;
  display: none;
  position: relative;
}

.archive-wanted-service-frame-child {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.archive-wanted-service-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  position: relative;
}

.archive-wanted-service-logo, .archive-wanted-service-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-logo {
  z-index: 1;
  flex-direction: row;
}

.archive-wanted-service-logo-wrapper {
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-wanted-service-bar-chart-01-icon, .archive-wanted-service-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-service-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.archive-wanted-service-text {
  color: inherit;
  white-space: nowrap;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.archive-wanted-service-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.archive-wanted-service-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.archive-wanted-service-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-service-text2, .archive-wanted-service-text3 {
  font-family: Inter;
  position: relative;
}

.archive-wanted-service-text2 {
  color: #18222f;
  text-align: left;
  white-space: nowrap;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.archive-wanted-service-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-service-badge1, .archive-wanted-service-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-wanted-service-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.archive-wanted-service-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-service-text4 {
  color: inherit;
  white-space: nowrap;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-navigation, .archive-wanted-service-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-service-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.archive-wanted-service-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.archive-wanted-service-label {
  white-space: nowrap;
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-service-search-lg-icon, .archive-wanted-service-text6 {
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.archive-wanted-service-text6 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.archive-wanted-service-content3, .archive-wanted-service-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-service-content3 {
  flex: 1;
  gap: 8px;
}

.archive-wanted-service-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-frame-parent, .archive-wanted-service-input-with-label, .archive-wanted-service-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.archive-wanted-service-frame-parent, .archive-wanted-service-navigation-parent {
  flex-direction: row;
  max-width: 100%;
}

.archive-wanted-service-navigation-parent {
  flex: 1;
  gap: 38px;
}

.archive-wanted-service-frame-parent {
  gap: 70px;
  width: 754px;
}

.archive-wanted-service-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.archive-wanted-service-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-service-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.archive-wanted-service-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.archive-wanted-service-avatar {
  z-index: 1;
  background-image: url("avatar@3x.aa8eea5e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-wanted-service-user-buttons {
  justify-content: flex-start;
  gap: 15px;
}

.archive-wanted-service-breadcrumb-button-base, .archive-wanted-service-rectangle-parent, .archive-wanted-service-user-buttons {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-rectangle-parent {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #344054;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-service-breadcrumb-button-base {
  border-radius: 6px;
  justify-content: flex-start;
  padding: 4px;
}

.archive-wanted-service-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-text7 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-wanted-service-text8 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.archive-wanted-service-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-text9 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.archive-wanted-service-text10 {
  color: inherit;
  min-width: 64px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.archive-wanted-service-tabs {
  gap: 8px;
}

.archive-wanted-service-breadcrumbs, .archive-wanted-service-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-service-divider-icon {
  width: 262px;
  height: 1px;
  display: none;
  position: relative;
}

.archive-wanted-service-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-service-container {
  padding: 0 32px;
}

.archive-wanted-service-container, .archive-wanted-service-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-main-child, .archive-wanted-service-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.archive-wanted-service-main-item {
  height: 43px;
}

.archive-wanted-service-main, .archive-wanted-service-text11 {
  align-self: stretch;
}

.archive-wanted-service-main {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  height: 80px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.archive-wanted-service-text11 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-breadcrumb-button-base6, .archive-wanted-service-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.archive-wanted-service-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.archive-wanted-service-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.archive-wanted-service-breadcrumbs1, .archive-wanted-service-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.archive-wanted-service-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.archive-wanted-service-breadcrumbs1 {
  width: 278px;
  display: none;
}

.archive-wanted-service-page-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.archive-wanted-service-supporting-text {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.archive-wanted-service-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-label1, .archive-wanted-service-text15 {
  position: relative;
}

.archive-wanted-service-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-wanted-service-text15 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.archive-wanted-service-content5 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.archive-wanted-service-content5, .archive-wanted-service-input-with-label1, .archive-wanted-service-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-wanted-service-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-wanted-service-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-service-input-dropdown {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.archive-wanted-service-content4, .archive-wanted-service-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-service-content4 {
  color: #101828;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px 16px;
  font-size: 26px;
  display: flex;
}

.archive-wanted-service-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-page-header1, .archive-wanted-service-secondary-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.archive-wanted-service-secondary-content {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  width: 939px;
  padding: 0 32px;
}

.archive-wanted-service-text16 {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-wanted-service-button-group-base:hover {
  background-color: #e0e0e0;
}

.archive-wanted-service-text17 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  padding: 10px 15px 10px 16px;
  display: flex;
}

.archive-wanted-service-button-group-base2, .archive-wanted-service-button-group-base3, .archive-wanted-service-button-group-base4, .archive-wanted-service-button-group-base5, .archive-wanted-service-button-group-base6, .archive-wanted-service-button-group-base7 {
  box-sizing: border-box;
  z-index: 7;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.archive-wanted-service-button-group-base3, .archive-wanted-service-button-group-base4, .archive-wanted-service-button-group-base5, .archive-wanted-service-button-group-base6, .archive-wanted-service-button-group-base7 {
  z-index: 6;
}

.archive-wanted-service-button-group-base4, .archive-wanted-service-button-group-base5, .archive-wanted-service-button-group-base6, .archive-wanted-service-button-group-base7 {
  z-index: 5;
}

.archive-wanted-service-button-group-base5, .archive-wanted-service-button-group-base6, .archive-wanted-service-button-group-base7 {
  z-index: 4;
}

.archive-wanted-service-button-group-base6, .archive-wanted-service-button-group-base7 {
  z-index: 3;
}

.archive-wanted-service-button-group-base7 {
  z-index: 2;
}

.archive-wanted-service-text24 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-chevron-right {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-breadcrumb-button-base11, .archive-wanted-service-breadcrumb-button-base12 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-breadcrumb-button-base11 {
  flex: 1;
  padding: 4px 8px;
}

.archive-wanted-service-breadcrumb-button-base12 {
  box-sizing: border-box;
  width: 28px;
  padding: 4px 7px;
}

.archive-wanted-service-text28 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-breadcrumb-button-base14 {
  box-sizing: border-box;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  width: 54px;
  padding: 4px 8px;
}

.archive-wanted-service-breadcrumb-button-base14, .archive-wanted-service-breadcrumbs2, .archive-wanted-service-button-group, .archive-wanted-service-tabs2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-tabs2 {
  flex: 1;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-service-breadcrumbs2, .archive-wanted-service-button-group {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-service-breadcrumbs2 {
  color: #475467;
  width: 278px;
  height: 28px;
  bottom: -20px;
  right: -2px;
}

.archive-wanted-service-button-group {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  top: 304px;
  left: 52px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-hint-text1 {
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-service-sliders-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-menu-label {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.archive-wanted-service-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-buttonsbutton {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-input-dropdown1 {
  z-index: 1;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 320px;
  display: flex;
  position: absolute;
  top: 304px;
  right: 29px;
  margin: 0 !important;
}

.archive-wanted-service-divider-icon2, .archive-wanted-service-divider-icon3 {
  z-index: 1;
  width: 1077px;
  height: 1px;
  right: 0;
}

.archive-wanted-service-divider-icon2 {
  position: absolute;
  top: 356px;
  margin: 0 !important;
}

.archive-wanted-service-divider-icon3 {
  top: 291px;
}

.archive-wanted-service-divider-icon3, .archive-wanted-service-filter-items, .archive-wanted-service-supporting-text1 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-service-supporting-text1 {
  color: #475467;
  z-index: 1;
  width: 678px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  top: 122px;
  left: 52px;
}

.archive-wanted-service-filter-items {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  inset: 0;
}

.archive-wanted-service-close-icons-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-wanted-service-text29 {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-wanted-service-dots {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.archive-wanted-service-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.archive-wanted-service-text30 {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-service-supporting-text2 {
  letter-spacing: -.17px;
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-location {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-dot-item-location-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.archive-wanted-service-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-dot-item-type-parent {
  gap: 8px;
}

.archive-wanted-service-completed, .archive-wanted-service-dot-item-content, .archive-wanted-service-dot-item-innermost, .archive-wanted-service-dot-item-type-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-dot-item-content {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.archive-wanted-service-completed, .archive-wanted-service-dot-item-innermost {
  box-sizing: border-box;
}

.archive-wanted-service-dot-item-innermost {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.archive-wanted-service-completed {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.archive-wanted-service-supporting-text3 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.archive-wanted-service-completed-parent {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.archive-wanted-service-badge4, .archive-wanted-service-completed-parent, .archive-wanted-service-dot-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-dot-item-inner {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.archive-wanted-service-badge4 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  min-width: 112px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-text33 {
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-badge5, .archive-wanted-service-badge6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-badge5 {
  white-space: nowrap;
  width: 77px;
}

.archive-wanted-service-badge6 {
  width: 76px;
}

.archive-wanted-service-badge7, .archive-wanted-service-badges {
  flex-direction: row;
  flex: 1;
}

.archive-wanted-service-badge7 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-badges {
  gap: 8px;
}

.archive-wanted-service-badges, .archive-wanted-service-badges-wrapper, .archive-wanted-service-dot-item {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-badges-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.archive-wanted-service-dot-item {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.archive-wanted-service-text36 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-badge8 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-dot-item-parent, .archive-wanted-service-dots-parent, .archive-wanted-service-dots-vertical {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-dot-item-parent {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 7px;
  padding: 0 23px 0 0;
  font-size: 16px;
}

.archive-wanted-service-dots-parent, .archive-wanted-service-dots-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-service-dots-parent {
  align-self: stretch;
  gap: 16px;
}

.archive-wanted-service-dots-vertical {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.archive-wanted-service-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-service-deal-title {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.archive-wanted-service-deal-inner, .archive-wanted-service-radar-1-1-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-wanted-service-deal-inner {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.archive-wanted-service-card-deal, .archive-wanted-service-deal-details, .archive-wanted-service-deal-inner {
  justify-content: flex-start;
}

.archive-wanted-service-deal-details {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.archive-wanted-service-card-deal {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.archive-wanted-service-card-deal, .archive-wanted-service-frame-wrapper, .archive-wanted-service-price-parent {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.archive-wanted-service-frame-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
}

.archive-wanted-service-dots-vertical-group {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.archive-wanted-service-dots-vertical-parent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-close-icons, .archive-wanted-service-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-service-close-icons {
  flex-flow: wrap;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 23px;
  display: flex;
}

.archive-wanted-service-divider-icon4 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-user-content-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-wanted-service-name, .archive-wanted-service-role {
  display: inline-block;
  position: relative;
}

.archive-wanted-service-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-wanted-service-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 94px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-wanted-service-inner-info {
  flex-direction: column;
}

.archive-wanted-service-inner-info, .archive-wanted-service-inner-info-wrapper, .archive-wanted-service-user-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-inner-info-wrapper {
  flex-direction: column;
  padding: 3px 0 0;
}

.archive-wanted-service-user-content {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 100px;
}

.archive-wanted-service-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-view-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton1 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.archive-wanted-service-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.archive-wanted-service-lock-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-buttonsbutton2, .archive-wanted-service-buttonsbutton3, .archive-wanted-service-user-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-buttonsbutton3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-user-item {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16.3px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-wanted-service-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.archive-wanted-service-user-listings {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-filter-items-parent, .archive-wanted-service-listing-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-listing-separator {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  padding: 0 10px 0 0;
  font-size: 14px;
}

.archive-wanted-service-filter-items-parent {
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  padding: 14px 14px 17px 24px;
  font-size: 18px;
  position: absolute;
  bottom: 291px;
  right: 30px;
  margin: 0 !important;
}

.archive-wanted-service-frame-inner {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  min-height: 148px;
  position: relative;
}

.archive-wanted-service-dots-vertical-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-service-price-value, .archive-wanted-service-text37 {
  display: inline-block;
  position: relative;
}

.archive-wanted-service-text37 {
  z-index: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
}

.archive-wanted-service-price-value {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
}

.archive-wanted-service-badge9 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-service-supporting-text4 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-service-deal-type-parent {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.archive-wanted-service-badge10, .archive-wanted-service-badge11, .archive-wanted-service-deal-type-parent, .archive-wanted-service-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-badge10 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-badge11, .archive-wanted-service-frame-parent1 {
  flex: 1;
}

.archive-wanted-service-frame-parent1 {
  color: #f5b231;
  flex-direction: column;
  gap: 15px;
  min-width: 114px;
}

.archive-wanted-service-badge11 {
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-sub-badge {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-badge12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-badge-group, .archive-wanted-service-badge12, .archive-wanted-service-frame-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-badge-group {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.archive-wanted-service-frame-wrapper1 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.archive-wanted-service-deal-location-parent {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.archive-wanted-service-badge13, .archive-wanted-service-inner-work {
  flex-direction: row;
  align-items: flex-start;
}

.archive-wanted-service-inner-work {
  justify-content: flex-end;
  padding: 0 10px 0 18px;
  display: flex;
}

.archive-wanted-service-badge13 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-badge13, .archive-wanted-service-badge14, .archive-wanted-service-card-work, .archive-wanted-service-frame-div {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-service-card-work {
  box-sizing: border-box;
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.archive-wanted-service-badge14, .archive-wanted-service-frame-div {
  flex-direction: row;
}

.archive-wanted-service-badge14 {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-frame-div {
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  padding: 0 2px 0 0;
}

.archive-wanted-service-frame-container, .archive-wanted-service-price-value1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-frame-container {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  padding: 8px 0 0;
}

.archive-wanted-service-price-value1 {
  color: #475467;
  flex-direction: row;
  padding: 0 30px;
  font-size: 12px;
}

.archive-wanted-service-inner-icons {
  z-index: 1;
  flex-direction: row;
  gap: 8px;
}

.archive-wanted-service-inner-icons, .archive-wanted-service-inner-icons-wrapper, .archive-wanted-service-second-price {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-inner-icons-wrapper {
  flex-direction: row;
  padding: 0 34px 0 33px;
}

.archive-wanted-service-second-price {
  color: #6941c6;
  flex-direction: column;
  gap: 2px;
  width: 143px;
  font-size: 20px;
}

.archive-wanted-service-frame-group {
  text-align: center;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  gap: 38px;
  font-size: 14px;
}

.archive-wanted-service-dots-vertical-container, .archive-wanted-service-frame-group, .archive-wanted-service-rectangle-container, .archive-wanted-service-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-text-parent {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.archive-wanted-service-dots-vertical-container, .archive-wanted-service-rectangle-container {
  flex-direction: row;
}

.archive-wanted-service-dots-vertical-container {
  flex: 1;
  min-width: 517px;
  position: relative;
}

.archive-wanted-service-rectangle-container {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 24px;
}

.archive-wanted-service-role1 {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 96px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-frame-parent4 {
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 101px;
}

.archive-wanted-service-buttonsbutton-wrapper, .archive-wanted-service-frame-parent3, .archive-wanted-service-frame-parent4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-buttonsbutton-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 90px;
  padding: 6px 0 0;
}

.archive-wanted-service-frame-parent3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 15.7px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.archive-wanted-service-frame-child1 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.archive-wanted-service-divider-parent, .archive-wanted-service-rectangle-group {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-divider-parent {
  color: #344054;
  align-self: stretch;
  gap: 16px;
  font-size: 14px;
}

.archive-wanted-service-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  gap: 24px;
  width: 1016px;
  height: max-content;
  padding: 24px 24px 17px;
  font-size: 18px;
  top: 400px;
  margin: 0 !important;
}

.archive-wanted-service-text47 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton7 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-service-text48 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-buttonsbutton8 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  left: 164px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-service-text49 {
  min-width: 74px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 45px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-service-text50 {
  min-width: 90px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton10 {
  left: 370px;
}

.archive-wanted-service-buttonsbutton10, .archive-wanted-service-buttonsbutton11, .archive-wanted-service-buttonsbutton12 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-service-buttonsbutton11 {
  cursor: pointer;
  right: 377px;
}

.archive-wanted-service-buttonsbutton12 {
  right: 171px;
}

.archive-wanted-service-text53 {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton13 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 186px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-service-text54 {
  color: #344054;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton14 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 317px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-service-text55 {
  color: #344054;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton15 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 235px;
  left: 477px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-service-text56 {
  color: #344054;
  text-align: left;
  min-width: 77px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton16 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 13px 8px 15px;
  display: flex;
  position: absolute;
  top: 173px;
  right: 26px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-service-text57 {
  color: #344054;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton17 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  position: absolute;
  top: 235px;
  right: 309px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-service-text58 {
  color: #eaecf0;
  text-align: left;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton18 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 10px 14px;
  display: flex;
  position: absolute;
  top: 235px;
  right: 166px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
  margin: 0 !important;
}

.archive-wanted-service-text59 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-button, .archive-wanted-service-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.archive-wanted-service-text-padding1 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.archive-wanted-service-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.archive-wanted-service-button, .archive-wanted-service-button1, .archive-wanted-service-text60 {
  align-self: stretch;
}

.archive-wanted-service-text60 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-button1 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-filter-label {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-actions, .archive-wanted-service-button2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-service-button2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-actions {
  cursor: pointer;
  z-index: 2;
  background-color: #0000;
  border: 0;
  justify-content: flex-start;
  gap: 12px;
  padding: 0;
  position: absolute;
  top: 80px;
  right: 26px;
  margin: 0 !important;
}

.archive-wanted-service-divider-icon6, .archive-wanted-service-filters {
  flex-shrink: 0;
  max-width: 100%;
}

.archive-wanted-service-filters {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1098px;
  margin: auto;
  font-size: 14px;
  display: flex;
  position: relative;
}

.archive-wanted-service-divider-icon6 {
  z-index: 1;
  height: 1px;
  top: 80px;
  overflow: hidden;
}

.archive-wanted-service-divider-icon6, .archive-wanted-service-divider-icon7, .archive-wanted-service-listing-border {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-service-divider-icon7 {
  z-index: 1;
  flex-shrink: 0;
  max-width: 100%;
  height: 1px;
  bottom: 127px;
  overflow: hidden;
}

.archive-wanted-service-listing-border {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 100%;
  top: 0;
  bottom: 0;
}

.archive-wanted-service-text-group, .archive-wanted-service-work-type {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-work-type {
  color: #475467;
  flex-direction: row;
  gap: 20px;
  font-size: 16px;
}

.archive-wanted-service-text-group {
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
}

.archive-wanted-service-supporting-text8 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-last-active, .archive-wanted-service-name-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-last-active {
  color: #101828;
  font-size: 14px;
}

.archive-wanted-service-name-container {
  gap: 16px;
}

.archive-wanted-service-supporting-text9 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-applications, .archive-wanted-service-provider-name {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-service-applications {
  color: #101828;
  flex-direction: column;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
}

.archive-wanted-service-provider-name {
  flex-direction: row;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
}

.archive-wanted-service-text64 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-service-supporting-text10 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-invites {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-service-card-actions, .archive-wanted-service-provider-details {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-provider-details {
  color: #fff;
  flex-flow: wrap;
  align-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.archive-wanted-service-card-actions {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.archive-wanted-service-dots-vertical-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -19px;
  right: -10px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-service-text65 {
  z-index: 1;
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-financial-details {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 21px 0 20px;
  display: flex;
}

.archive-wanted-service-price2, .archive-wanted-service-rate {
  display: inline-block;
  position: relative;
}

.archive-wanted-service-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-wanted-service-rate {
  z-index: 1;
  min-width: 15px;
  line-height: 20px;
}

.archive-wanted-service-daily-rate-amount {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.archive-wanted-service-price3 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-price-group {
  color: #6941c6;
  flex-flow: wrap;
  place-content: flex-start center;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  font-size: 20px;
  display: flex;
}

.archive-wanted-service-text66 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-deal-icons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.archive-wanted-service-deal-container {
  flex-direction: column;
  gap: 4px;
}

.archive-wanted-service-card-actions1, .archive-wanted-service-deal-container, .archive-wanted-service-listing-border-parent, .archive-wanted-service-listing-card-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-card-actions1 {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-wanted-service-listing-border-parent, .archive-wanted-service-listing-card-actions {
  box-sizing: border-box;
}

.archive-wanted-service-listing-card-actions {
  text-align: center;
  color: #475467;
  flex-direction: column;
  width: 316px;
  margin-left: -33px;
  padding: 9px 0 0;
  font-size: 12px;
}

.archive-wanted-service-listing-border-parent {
  z-index: 1;
  flex-direction: row;
  width: 1016px;
  padding: 24px;
  position: absolute;
  bottom: 33px;
  right: -24px;
  margin: 0 !important;
}

.archive-wanted-service-collapsed-image {
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-service-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: absolute;
  bottom: 38px;
  left: 38px;
  margin: 0 !important;
}

.archive-wanted-service-collapsed-names-child {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.archive-wanted-service-name3, .archive-wanted-service-role2 {
  display: inline-block;
  position: relative;
}

.archive-wanted-service-name3 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.archive-wanted-service-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.archive-wanted-service-collapsed-name-details, .archive-wanted-service-collapsed-names {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-collapsed-name-details {
  flex-direction: column;
  flex: 1;
  padding: 3px 0 0;
}

.archive-wanted-service-collapsed-names {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-service-collapsed-name-role, .archive-wanted-service-collapsed-names-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-collapsed-names-parent {
  align-self: stretch;
  gap: 254px;
}

.archive-wanted-service-collapsed-name-role {
  box-sizing: border-box;
  width: 166px;
  padding: 153px 0 0;
}

.archive-wanted-service-detail-header, .archive-wanted-service-details-image {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-service-detail-header {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  top: 262px;
  right: -124px;
}

.archive-wanted-service-details-image {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  bottom: -24px;
  right: -306px;
}

.archive-wanted-service-detail-header1, .archive-wanted-service-divider-icon8 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-service-detail-header1 {
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 13px;
}

.archive-wanted-service-divider-icon8 {
  width: 968px;
  height: 1px;
  bottom: 70px;
  right: -282px;
}

.archive-wanted-service-badge15 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-service-supporting-text11 {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-badge-value {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-service-second-value {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-second-badge-count {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.archive-wanted-service-supporting-text12 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-third-badge-count {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-badge16, .archive-wanted-service-first-badge {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-badge16 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-first-badge {
  flex-direction: column;
  gap: 15px;
  width: 181px;
  min-width: 181px;
}

.archive-wanted-service-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-location2, .archive-wanted-service-type-of-work3 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-type-of-work3 {
  min-width: 109px;
}

.archive-wanted-service-location-content, .archive-wanted-service-location-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-location-content {
  justify-content: flex-start;
  gap: 20px;
}

.archive-wanted-service-location-details {
  justify-content: flex-end;
  padding: 0 5px;
}

.archive-wanted-service-badge-count {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-badge17, .archive-wanted-service-badge18 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-badge17 {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  display: flex;
}

.archive-wanted-service-badge18 {
  width: 76px;
}

.archive-wanted-service-badge-container, .archive-wanted-service-badge18, .archive-wanted-service-badge19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-badge19 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-badge-container {
  text-align: center;
  color: #344054;
  align-self: stretch;
  gap: 8px;
  font-size: 14px;
}

.archive-wanted-service-location-details-parent {
  text-align: left;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 217px;
  max-width: 100%;
  margin-left: -1px;
  font-size: 16px;
  display: flex;
}

.archive-wanted-service-badge-name, .archive-wanted-service-buttonsbutton19, .archive-wanted-service-buttonsbutton20, .archive-wanted-service-buttonsbutton21 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-badge-name {
  flex: 1;
  row-gap: 20px;
  max-width: 100%;
}

.archive-wanted-service-buttonsbutton19, .archive-wanted-service-buttonsbutton20, .archive-wanted-service-buttonsbutton21 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-buttonsbutton19 {
  cursor: pointer;
  flex-shrink: 0;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  overflow: hidden;
}

.archive-wanted-service-buttonsbutton20, .archive-wanted-service-buttonsbutton21 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.archive-wanted-service-buttonsbutton21 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.archive-wanted-service-buttonsbutton-parent {
  text-align: left;
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
}

.archive-wanted-service-badge-details, .archive-wanted-service-buttonsbutton-parent, .archive-wanted-service-divider-group {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-badge-details {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 47px;
  padding: 0 0 8px;
}

.archive-wanted-service-divider-group {
  text-align: center;
  color: #98a2b3;
  flex-direction: row;
  align-self: stretch;
  font-size: 14px;
  position: relative;
}

.archive-wanted-service-divider-icon9 {
  z-index: 2;
  width: 968px;
  height: 1px;
  position: absolute;
  bottom: 62px;
  right: -282px;
  margin: 0 !important;
}

.archive-wanted-service-name-value {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-badge20 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.archive-wanted-service-badge22, .archive-wanted-service-first-badge-content {
  flex: 1;
  justify-content: flex-start;
}

.archive-wanted-service-first-badge-content {
  text-align: center;
  color: #da2d20;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  font-size: 14px;
  display: flex;
}

.archive-wanted-service-badge22 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-badge-list-item, .archive-wanted-service-badge22, .archive-wanted-service-badge23 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-badge23 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-badge-list-item {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.archive-wanted-service-location-item, .archive-wanted-service-work-calendar {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-service-location-item {
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
}

.archive-wanted-service-work-calendar {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 14px;
}

.archive-wanted-service-work-type-value {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-badge24, .archive-wanted-service-buttonsbutton23, .archive-wanted-service-first-badge-details, .archive-wanted-service-work-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-badge24 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-buttonsbutton23, .archive-wanted-service-first-badge-details, .archive-wanted-service-work-item {
  flex: 1;
}

.archive-wanted-service-work-item {
  flex-direction: column;
  gap: 56px;
  min-width: 107px;
}

.archive-wanted-service-buttonsbutton23, .archive-wanted-service-first-badge-details {
  flex-direction: row;
  gap: 5.5px;
}

.archive-wanted-service-first-badge-details {
  max-width: 100%;
}

.archive-wanted-service-buttonsbutton23 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  min-width: 86px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-buttonsbutton-group {
  color: #344054;
  flex-direction: row;
  gap: 16px;
  width: 385.4px;
  font-size: 14px;
}

.archive-wanted-service-buttonsbutton-group, .archive-wanted-service-second-badge-divider, .archive-wanted-service-second-badge-list-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-second-badge-list-parent {
  flex-direction: column;
  flex: 1;
  gap: 47px;
}

.archive-wanted-service-second-badge-divider {
  flex-direction: row;
  align-self: stretch;
  position: relative;
}

.archive-wanted-service-supporting-text15 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.archive-wanted-service-supporting-text17 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-summary-content-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 114px;
  display: flex;
}

.archive-wanted-service-price-details-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-service-supporting-text18 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-summary-location-name {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.archive-wanted-service-location-summary, .archive-wanted-service-summary-details, .archive-wanted-service-summary-location-name {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-location-summary {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.archive-wanted-service-summary-details {
  flex-direction: row;
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.archive-wanted-service-third-badge-details {
  box-sizing: border-box;
  flex-direction: row;
  width: 490px;
  max-width: 100%;
  padding: 0 13px;
}

.archive-wanted-service-badge25, .archive-wanted-service-frame-parent5, .archive-wanted-service-third-badge-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-frame-parent5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  gap: 107px;
  max-width: 100%;
  font-size: 16px;
}

.archive-wanted-service-badge25 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-first-badges {
  flex-direction: column;
  align-self: stretch;
  gap: 282px;
}

.archive-wanted-service-expanded-content, .archive-wanted-service-expanded-listing, .archive-wanted-service-first-badges, .archive-wanted-service-work-type-badge-list {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-work-type-badge-list {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 93px;
  padding: 80px 0 0;
  font-size: 14px;
}

.archive-wanted-service-expanded-content, .archive-wanted-service-expanded-listing {
  max-width: 100%;
}

.archive-wanted-service-expanded-content {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
}

.archive-wanted-service-expanded-listing {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 422px;
  padding: 8px 33px 0 0;
  font-size: 18px;
}

.archive-wanted-service-arrow-square-up-right-icon1 {
  width: 24px;
  height: 24px;
  top: 167px;
  right: 0;
}

.archive-wanted-service-arrow-square-up-right-icon1, .archive-wanted-service-arrow-square-up-right-icon2, .archive-wanted-service-dots-vertical-icon3, .archive-wanted-service-dots-vertical-icon4 {
  z-index: 2;
  flex-shrink: 0;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-service-arrow-square-up-right-icon2 {
  width: 24px;
  height: 24px;
  bottom: 206px;
  right: 0;
}

.archive-wanted-service-dots-vertical-icon3, .archive-wanted-service-dots-vertical-icon4 {
  width: 20px;
  height: 20px;
  right: -10px;
}

.archive-wanted-service-dots-vertical-icon3 {
  top: 260px;
}

.archive-wanted-service-dots-vertical-icon4 {
  bottom: 117px;
}

.archive-wanted-service-price4 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-service-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-service-text81 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-text-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.archive-wanted-service-price6 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.archive-wanted-service-frame-parent7 {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  font-size: 12px;
}

.archive-wanted-service-arrow-square-up-right-parent, .archive-wanted-service-frame-parent6, .archive-wanted-service-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-frame-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 229px;
}

.archive-wanted-service-arrow-square-up-right-parent {
  text-align: center;
  color: #6941c6;
  flex-direction: row;
  width: 143px;
  font-size: 20px;
  position: relative;
}

.archive-wanted-service-collapsed-details {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
}

.archive-wanted-service-collapsed-content, .archive-wanted-service-collapsed-details, .archive-wanted-service-collapsed-listing {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-collapsed-content {
  position: relative;
}

.archive-wanted-service-collapsed-listing {
  box-sizing: border-box;
  padding: 0 0 521px 24px;
  font-size: 14px;
}

.archive-wanted-service-dots-vertical-icon5 {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 14px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-service-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: absolute;
  top: calc(50% - 42px);
  left: 62px;
  margin: 0 !important;
}

.archive-wanted-service-business-image, .archive-wanted-service-text83 {
  z-index: 1;
  position: relative;
}

.archive-wanted-service-business-image {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
}

.archive-wanted-service-text83 {
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-wanted-service-text-wrapper4 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.archive-wanted-service-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.archive-wanted-service-business-verified {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.archive-wanted-service-span {
  font-weight: 500;
}

.archive-wanted-service-supporting-text19 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-business-role {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.archive-wanted-service-rating-child {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-wanted-service-supporting-text20 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-reviews {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.archive-wanted-service-application-count, .archive-wanted-service-business-location, .archive-wanted-service-business-name-role {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-service-application-count, .archive-wanted-service-business-location {
  gap: 7px;
  font-size: 16px;
}

.archive-wanted-service-application-count {
  color: #fff;
  gap: 8px;
}

.archive-wanted-service-badge-one, .archive-wanted-service-badge-three, .archive-wanted-service-badge-two {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-service-badge-three, .archive-wanted-service-badge-two {
  display: inline-block;
}

.archive-wanted-service-badge-two {
  min-width: 103px;
}

.archive-wanted-service-badge-three {
  flex-shrink: 0;
  width: 151px;
}

.archive-wanted-service-badges1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.archive-wanted-service-supporting-text22 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-badge-support {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.archive-wanted-service-supporting-text23, .archive-wanted-service-supporting-text24 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-supporting-text23 {
  min-width: 70.9px;
}

.archive-wanted-service-supporting-text24 {
  width: 104px;
}

.archive-wanted-service-badge-support-parent {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-wanted-service-badges-parent {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-wanted-service-badges-parent, .archive-wanted-service-business-details, .archive-wanted-service-business-listing {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-business-details {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 335px;
}

.archive-wanted-service-business-listing {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 700px;
}

.archive-wanted-service-text84 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton25 {
  cursor: pointer;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-business-actions, .archive-wanted-service-listing-card-my-radar-bus {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 60px 0 0;
  display: flex;
}

.archive-wanted-service-listing-card-my-radar-bus {
  box-sizing: border-box;
  z-index: 1;
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  font-size: 12px;
  position: absolute;
  bottom: 265px;
  right: -24px;
  margin: 0 !important;
}

.archive-wanted-service-text85 {
  color: #fff;
  text-align: center;
  min-width: 66px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-content6 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #0c111d;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.archive-wanted-service-content6:hover {
  background-color: #40454f;
}

.archive-wanted-service-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.archive-wanted-service-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: absolute;
  top: 119px;
  right: 0;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  margin: 0 !important;
}

.archive-wanted-service-arrow-square-up-right-icon3, .archive-wanted-service-arrow-square-up-right-icon4, .archive-wanted-service-arrow-square-up-right-icon5 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 511px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-service-arrow-square-up-right-icon4, .archive-wanted-service-arrow-square-up-right-icon5 {
  z-index: 3;
  bottom: 298px;
}

.archive-wanted-service-arrow-square-up-right-icon5 {
  z-index: 4;
  bottom: 66px;
}

.archive-wanted-service-list-header {
  width: 992px;
  max-width: 100%;
  position: relative;
}

.archive-wanted-service-frame-parent11, .archive-wanted-service-group-div, .archive-wanted-service-list-header, .archive-wanted-service-text-parent4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-text-parent4 {
  color: #101828;
  gap: 16px;
  font-size: 18px;
}

.archive-wanted-service-frame-parent11, .archive-wanted-service-group-div {
  gap: 7.3px;
}

.archive-wanted-service-group-div {
  box-sizing: border-box;
  z-index: 1;
  justify-content: space-between;
  gap: 20px;
  width: 1016px;
  padding: 24px 40px 24px 24px;
  position: absolute;
  bottom: 64px;
  left: calc(50% - 508px);
  margin: 0 !important;
}

.archive-wanted-service-divider-icon10 {
  width: 100%;
  max-width: 100%;
  height: 1px;
  top: 175px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.archive-wanted-service-divider-icon10, .archive-wanted-service-dots-vertical-icon7, .archive-wanted-service-text92 {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-service-text92 {
  font-weight: 600;
  line-height: 28px;
  top: -9px;
  left: 0;
}

.archive-wanted-service-dots-vertical-icon7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: -19px;
  right: -10px;
  overflow: hidden;
}

.archive-wanted-service-text93 {
  z-index: 2;
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-dots-vertical-parent1, .archive-wanted-service-text-wrapper7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-text-wrapper7 {
  flex: 1;
}

.archive-wanted-service-dots-vertical-parent1 {
  width: 177px;
  position: relative;
}

.archive-wanted-service-rectangle-textarea, .archive-wanted-service-text94 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-service-text94 {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
  bottom: 132px;
  left: 184px;
}

.archive-wanted-service-rectangle-textarea {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 301px;
  top: -60px;
  right: -307px;
}

.archive-wanted-service-supporting-text31 {
  letter-spacing: -.17px;
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-price-label {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.archive-wanted-service-supporting-text34 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-contact-details, .archive-wanted-service-detail-item {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-service-detail-item {
  align-items: flex-end;
  gap: 10px;
  max-width: 100%;
}

.archive-wanted-service-contact-details {
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  min-width: 104px;
}

.archive-wanted-service-text95 {
  color: #344054;
  text-align: left;
  min-width: 70px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton27, .archive-wanted-service-buttonsbutton28, .archive-wanted-service-contact-actions {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-buttonsbutton27 {
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-buttonsbutton28, .archive-wanted-service-contact-actions {
  flex-direction: column;
  padding: 6px 5px 0 0;
}

.archive-wanted-service-buttonsbutton28 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  gap: 5.5px;
  padding: 6px 11px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-lock-action1 {
  color: #344054;
  flex-direction: column;
  padding: 6px 0 0;
}

.archive-wanted-service-contact-details-parent, .archive-wanted-service-detail-item-parent, .archive-wanted-service-lock-action1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-contact-details-parent {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  gap: 11px;
  font-size: 14px;
}

.archive-wanted-service-detail-item-parent {
  flex-direction: column;
  flex: 1;
  gap: 41px;
  min-width: 289px;
  max-width: 100%;
}

.archive-wanted-service-supporting-text35 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton-wrapper2, .archive-wanted-service-buttonsbutton29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-buttonsbutton29 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-buttonsbutton-wrapper2 {
  color: #344054;
  padding: 0 8px;
}

.archive-wanted-service-frame-parent22, .archive-wanted-service-second-listing-details {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-frame-parent22 {
  justify-content: flex-start;
  align-self: stretch;
  gap: 47px;
}

.archive-wanted-service-second-listing-details {
  box-sizing: border-box;
  color: #101828;
  justify-content: flex-end;
  width: 233px;
  min-width: 233px;
  padding: 0 0 6px;
  font-size: 14px;
}

.archive-wanted-service-listing-detail {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 7.3px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-pair-container-parent, .archive-wanted-service-third-listing-details {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-pair-container-parent {
  justify-content: flex-start;
  gap: 8px;
  margin-left: -9px;
}

.archive-wanted-service-third-listing-details {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 538px;
  max-width: 100%;
  padding: 0 37px;
}

.archive-wanted-service-frame-parent19, .archive-wanted-service-frame-wrapper11 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-frame-parent19 {
  color: #475467;
  align-items: flex-end;
  gap: 108px;
  font-size: 16px;
}

.archive-wanted-service-frame-wrapper11 {
  box-sizing: border-box;
  align-items: flex-start;
  min-width: 445px;
  padding: 7px 0 0;
}

.archive-wanted-service-price7, .archive-wanted-service-total {
  display: inline-block;
  position: relative;
}

.archive-wanted-service-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  min-width: 93px;
  font-weight: 600;
  line-height: 32px;
}

.archive-wanted-service-total {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
}

.archive-wanted-service-price-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 7.5px;
  display: flex;
}

.archive-wanted-service-key5 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-radar-1-1-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.archive-wanted-service-pair-container-container, .archive-wanted-service-pair-container-wrapper {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-pair-container-wrapper {
  color: #475467;
  justify-content: center;
  padding: 0 21px 0 20px;
  font-size: 12px;
}

.archive-wanted-service-pair-container-container {
  justify-content: flex-start;
  padding: 0 30px;
}

.archive-wanted-service-frame-parent24, .archive-wanted-service-pair-container-group {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-service-pair-container-group {
  color: #475467;
  align-items: flex-start;
  width: 143px;
  font-size: 12px;
}

.archive-wanted-service-frame-parent24 {
  flex: 1;
  align-items: flex-end;
  gap: 253px;
}

.archive-wanted-service-fourth-listing, .archive-wanted-service-frame-parent18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-fourth-listing {
  text-align: center;
  color: #6941c6;
  justify-content: flex-start;
  width: 316px;
  min-width: 316px;
  margin-left: -33px;
  font-size: 20px;
  position: relative;
}

.archive-wanted-service-frame-parent18 {
  text-align: left;
  color: #101828;
  justify-content: center;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 18px;
}

.archive-wanted-service-frame-parent17 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.archive-wanted-service-text99 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton30 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-buttonsbutton30, .archive-wanted-service-expand-action, .archive-wanted-service-frame-parent16 {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-expand-action {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
  font-size: 14px;
}

.archive-wanted-service-frame-parent16 {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 280px;
  max-width: 100%;
  font-size: 18px;
}

.archive-wanted-service-arrow-square-up-right-icon6, .archive-wanted-service-arrow-square-up-right-icon7, .archive-wanted-service-arrow-square-up-right-icon8 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: absolute;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-service-arrow-square-up-right-icon6 {
  top: 206px;
  right: 0;
}

.archive-wanted-service-arrow-square-up-right-icon7, .archive-wanted-service-arrow-square-up-right-icon8 {
  bottom: 310px;
  right: -3px;
}

.archive-wanted-service-arrow-square-up-right-icon8 {
  z-index: 3;
  bottom: 97px;
}

.archive-wanted-service-magnifier-1-icon8 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 75px;
  right: 93px;
  margin: 0 !important;
}

.archive-wanted-service-listing-wrapper-inner {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 25px 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-wanted-service-text100, .archive-wanted-service-text101 {
  font-family: Inter;
  position: relative;
}

.archive-wanted-service-text100 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
}

.archive-wanted-service-text101 {
  color: #6941c6;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-service-badge27, .archive-wanted-service-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-service-badge27 {
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
}

.archive-wanted-service-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 359px 0 0;
}

.archive-wanted-service-supporting-text40 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-text104 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-button5 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-text105 {
  color: #fff;
  text-align: left;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-button6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-dots-vertical-icon9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-content7 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.archive-wanted-service-card-header, .archive-wanted-service-content7, .archive-wanted-service-divider-icon11 {
  align-self: stretch;
  max-width: 100%;
}

.archive-wanted-service-divider-icon11 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-card-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-service-text106 {
  color: #344054;
  text-align: left;
  min-width: 51px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-button-group-base9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-service-text107 {
  color: #344054;
  text-align: left;
  min-width: 65px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-button-group-base10, .archive-wanted-service-button-group-base16 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.archive-wanted-service-button-group-base10 {
  cursor: pointer;
  border: 0;
  flex-shrink: 0;
  width: 97px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-service-button-group-base10:hover {
  background-color: #e6e6e6;
}

.archive-wanted-service-button-group-base16 {
  z-index: 1;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.archive-wanted-service-text114 {
  color: #344054;
  text-align: left;
  min-width: 61px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-service-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-label3, .archive-wanted-service-supporting-text41, .archive-wanted-service-text115 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.archive-wanted-service-label3 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.archive-wanted-service-supporting-text41, .archive-wanted-service-text115 {
  font-size: 16px;
  line-height: 24px;
}

.archive-wanted-service-text115 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 228px);
  min-width: 82px;
  height: 24px;
  padding: 0;
  font-weight: 500;
  display: inline-block;
}

.archive-wanted-service-supporting-text41 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.archive-wanted-service-content9, .archive-wanted-service-input-with-label2, .archive-wanted-service-input2 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-content9 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 208px 0 0;
}

.archive-wanted-service-input-with-label2, .archive-wanted-service-input2 {
  align-self: stretch;
}

.archive-wanted-service-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.archive-wanted-service-input-with-label2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.archive-wanted-service-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-service-input-dropdown2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.archive-wanted-service-text116 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-actions2, .archive-wanted-service-button7, .archive-wanted-service-content8 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-service-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-actions2, .archive-wanted-service-content8 {
  max-width: 100%;
}

.archive-wanted-service-actions2 {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 511px;
}

.archive-wanted-service-content8 {
  box-sizing: border-box;
  border-radius: 12px;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 12px 16px;
}

.archive-wanted-service-filters-bar {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
}

.archive-wanted-service-card-header-parent, .archive-wanted-service-filters-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-text117, .archive-wanted-service-text118 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.archive-wanted-service-text118 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.archive-wanted-service-badge28, .archive-wanted-service-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-service-badge28 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.archive-wanted-service-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 666px 0 0;
}

.archive-wanted-service-supporting-text42 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-button8, .archive-wanted-service-button9, .archive-wanted-service-text-and-supporting-text2 {
  box-sizing: border-box;
  justify-content: center;
  gap: 4px;
  display: flex;
}

.archive-wanted-service-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 100%;
  padding: 12px 0;
}

.archive-wanted-service-button8, .archive-wanted-service-button9 {
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.archive-wanted-service-button9 {
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-text121 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-button10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-text122 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-button11 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-actions3, .archive-wanted-service-card-header1 {
  justify-content: flex-start;
  max-width: 100%;
}

.archive-wanted-service-actions3 {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  display: none;
}

.archive-wanted-service-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-service-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-text123 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-table-header-cell, .archive-wanted-service-table-header-cell-inner, .archive-wanted-service-text-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-text-parent9 {
  flex-direction: row;
  gap: 4px;
}

.archive-wanted-service-table-header-cell, .archive-wanted-service-table-header-cell-inner {
  flex-direction: column;
  padding: 1px 0 0;
}

.archive-wanted-service-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-service-checkbox-base1 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-checkbox-base-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.archive-wanted-service-avatar-online-indicator, .archive-wanted-service-contrast-border1 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.archive-wanted-service-contrast-border1 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  display: none;
  inset: 0;
}

.archive-wanted-service-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.archive-wanted-service-avatar1 {
  background-image: url("avatar1@3x.3ba769dd.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.archive-wanted-service-supporting-text43, .archive-wanted-service-text124 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-text124 {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.archive-wanted-service-supporting-text43 {
  color: #475467;
  white-space: nowrap;
  min-width: 102px;
}

.archive-wanted-service-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-service-text125 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-service-text126 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-service-supporting-text46, .archive-wanted-service-text127 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-text127 {
  color: #101828;
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
}

.archive-wanted-service-supporting-text46 {
  color: #475467;
  min-width: 102px;
}

.archive-wanted-service-table-cell3 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 260px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-service-text128 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.archive-wanted-service-avatar5, .archive-wanted-service-contrast-border5 {
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-contrast-border5 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  overflow: hidden;
}

.archive-wanted-service-avatar5 {
  background-color: #f2f4f7;
}

.archive-wanted-service-text129 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-service-text130 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-service-text131 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-table-cell6, .archive-wanted-service-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-service-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.archive-wanted-service-text134 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-service-text135 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  margin: 0 !important;
}

.archive-wanted-service-text136 {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-table-header, .archive-wanted-service-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-service-table-header {
  gap: 4px;
}

.archive-wanted-service-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.archive-wanted-service-text137 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-service-text138 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-marker-pin-02-group, .archive-wanted-service-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-service-marker-pin-02-group {
  gap: 7px;
}

.archive-wanted-service-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.archive-wanted-service-text139 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-table-cell15, .archive-wanted-service-table-cell16, .archive-wanted-service-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-service-table-cell16, .archive-wanted-service-table-cell18 {
  width: 271px;
}

.archive-wanted-service-table-cell18 {
  width: 239px;
}

.archive-wanted-service-column, .archive-wanted-service-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  width: 120px;
  padding: 0;
}

.archive-wanted-service-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.archive-wanted-service-frame-wrapper12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-text147 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 41px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.archive-wanted-service-table-header-cell2, .archive-wanted-service-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-service-table-header1 {
  gap: 4px;
  width: 88px;
}

.archive-wanted-service-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 297px;
  padding: 13px 24px 11px;
}

.archive-wanted-service-text148 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-table-cell20, .archive-wanted-service-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.archive-wanted-service-table-cell21 {
  flex-shrink: 0;
  width: 407px;
  max-width: 232%;
}

.archive-wanted-service-text153 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 172px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-table-cell25 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
}

.archive-wanted-service-column1, .archive-wanted-service-table-cell25, .archive-wanted-service-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-service-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.archive-wanted-service-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.archive-wanted-service-text158 {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-table-cell30, .archive-wanted-service-table-header-cell3, .archive-wanted-service-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-service-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.archive-wanted-service-table-cell30, .archive-wanted-service-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.archive-wanted-service-table-header-cell3 {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.archive-wanted-service-table-cell30 {
  padding: 26px 50px 24px;
}

.archive-wanted-service-column2, .archive-wanted-service-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.archive-wanted-service-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.archive-wanted-service-frame-parent26 {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-text159 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton31 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-button-wrap, .archive-wanted-service-button-wrap-wrapper {
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-service-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.archive-wanted-service-button-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  padding: 2px 0 0;
}

.archive-wanted-service-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-content11, .archive-wanted-service-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-content11 {
  flex: 1;
  padding: 10px 16px;
}

.archive-wanted-service-pagination-number-base {
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-wanted-service-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-content12, .archive-wanted-service-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-content12 {
  flex: 1;
  padding: 10px 15px;
}

.archive-wanted-service-pagination-number-base1 {
  flex-shrink: 0;
  width: 40px;
  overflow: hidden;
}

.archive-wanted-service-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-content13, .archive-wanted-service-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-content13 {
  padding: 10px 15px;
}

.archive-wanted-service-pagination-number-base2 {
  overflow: hidden;
}

.archive-wanted-service-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-content14 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.archive-wanted-service-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-content17, .archive-wanted-service-pagination-number-base-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-content17 {
  border-radius: 8px;
  flex-direction: row;
  padding: 10px 12px;
}

.archive-wanted-service-pagination-number-base-wrapper {
  flex-direction: column;
  padding: 0 10px 0 0;
}

.archive-wanted-service-text160 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-button-wrap1, .archive-wanted-service-buttonsbutton32 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-service-buttonsbutton32 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.archive-wanted-service-next-page-button {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 212px;
  padding: 2px 0 0;
}

.archive-wanted-service-next-page-button, .archive-wanted-service-page-navigation, .archive-wanted-service-pagination, .archive-wanted-service-table {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-page-navigation {
  flex-direction: row;
  flex: 1;
  gap: 2px;
  min-width: 409px;
}

.archive-wanted-service-pagination, .archive-wanted-service-table {
  box-sizing: border-box;
  align-self: stretch;
}

.archive-wanted-service-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
}

.archive-wanted-service-table {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.archive-wanted-service-text161, .archive-wanted-service-text162 {
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-text161 {
  color: #101828;
  text-align: left;
  min-width: 128px;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-wanted-service-text162 {
  color: #6941c6;
  text-align: center;
  min-width: 73px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.archive-wanted-service-badge29, .archive-wanted-service-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-service-badge29 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
}

.archive-wanted-service-text-and-badge2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 440px 0 0;
}

.archive-wanted-service-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 432px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-text166 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-button-group-base18, .archive-wanted-service-button-group-base19 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.archive-wanted-service-button-group-base18 {
  cursor: pointer;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  width: 85px;
}

.archive-wanted-service-button-group-base18:hover {
  background-color: #e0e0e0;
}

.archive-wanted-service-button-group-base19 {
  background-color: #fff;
}

.archive-wanted-service-text175 {
  color: #344054;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-button-group2 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-text176 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 318px);
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-card-header-group, .archive-wanted-service-content20 {
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-content20 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 298px 0 0;
}

.archive-wanted-service-card-header-group {
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-service-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.archive-wanted-service-supporting-text55, .archive-wanted-service-text178 {
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  position: relative;
}

.archive-wanted-service-text178 {
  color: #101828;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.archive-wanted-service-supporting-text55 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-wanted-service-content21, .archive-wanted-service-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-service-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.archive-wanted-service-content21 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.archive-wanted-service-text179 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton33 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-text180 {
  color: #fff;
  text-align: left;
  min-width: 94px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton34 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-actions6, .archive-wanted-service-empty-state1 {
  justify-content: flex-start;
}

.archive-wanted-service-actions6 {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.archive-wanted-service-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 24px;
}

.archive-wanted-service-empty-state, .archive-wanted-service-empty-state1, .archive-wanted-service-frame-form {
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 151px;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-service-frame-form {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 23.5px;
  margin: 0;
  padding: 0 0 418px;
  position: relative;
}

.archive-wanted-service-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-wanted-service-supporting-text56, .archive-wanted-service-text181 {
  align-self: stretch;
  position: relative;
}

.archive-wanted-service-text181 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 30px;
}

.archive-wanted-service-supporting-text56 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.archive-wanted-service-content22, .archive-wanted-service-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-service-text-and-supporting-text5 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.archive-wanted-service-content22 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.archive-wanted-service-text183 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-empty-state2, .archive-wanted-service-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 32px;
}

.archive-wanted-service-empty-state2 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 41.5px 0;
  font-size: 20px;
}

.archive-wanted-service-listing-container, .archive-wanted-service-listing-wrapper {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-listing-wrapper {
  text-align: left;
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  font-family: Inter;
  font-size: 18px;
}

.archive-wanted-service-listing-container {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  width: 1075px;
  padding: 0 29px;
}

.archive-wanted-service-frame-child5 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  position: absolute;
  bottom: -110px;
  right: -844px;
  margin: 0 !important;
}

.archive-wanted-service-rectangle-icon {
  object-fit: cover;
  z-index: 2;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.archive-wanted-service-rectangle-parent2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1098px;
  left: 418px;
}

.archive-wanted-service-frame-child6, .archive-wanted-service-rectangle-parent2, .archive-wanted-service-rectangle-parent3 {
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-service-frame-child6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  outline: 0;
  width: 1016px;
  height: 282px;
  bottom: -110px;
  right: -844px;
}

.archive-wanted-service-rectangle-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 1404px;
  left: 418px;
}

.archive-wanted-service-dots-vertical-icon22, .archive-wanted-service-list-footer {
  z-index: 2;
  position: absolute;
  margin: 0 !important;
}

.archive-wanted-service-list-footer {
  font-weight: 600;
  line-height: 28px;
  top: 1098px;
  right: 212px;
}

.archive-wanted-service-dots-vertical-icon22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  top: 1088px;
  right: 44px;
  overflow: hidden;
}

.archive-wanted-service-listing-footer-graphics-child {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  position: absolute;
  top: calc(50% - 104px);
  right: -870px;
  margin: 0 !important;
}

.archive-wanted-service-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.archive-wanted-service-listing-footer-graphics {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 2769px;
  left: 456px;
  margin: 0 !important;
}

.archive-wanted-service-footer-text {
  line-height: 20px;
  position: relative;
}

.archive-wanted-service-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.archive-wanted-service-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.archive-wanted-service-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.archive-wanted-service-frame-parent27, .archive-wanted-service-logomark, .archive-wanted-service-logomark1 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-service-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.archive-wanted-service-frame-parent27 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.archive-wanted-service-content23, .archive-wanted-service-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-content23 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.archive-wanted-service-container1, .archive-wanted-service-footer {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.archive-wanted-service-container1 {
  box-sizing: border-box;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.archive-wanted-service-footer {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  overflow: hidden;
}

.archive-wanted-service-divider-icon14 {
  object-fit: contain;
  z-index: 2;
  width: 2px;
  height: 1488px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.archive-wanted-service-frame-child8 {
  z-index: 0;
  background-color: #fff;
  width: 338px;
  max-width: 100%;
  height: 1488px;
  display: none;
  position: relative;
}

.archive-wanted-service-frame-child9 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 1px 1px 0;
  margin: 0 !important;
}

.archive-wanted-service-dot-icon10, .archive-wanted-service-dot-icon11, .archive-wanted-service-dot-icon7, .archive-wanted-service-dot-icon8, .archive-wanted-service-dot-icon9 {
  z-index: 2;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-service-dot-icon10, .archive-wanted-service-dot-icon11, .archive-wanted-service-dot-icon8, .archive-wanted-service-dot-icon9 {
  z-index: 3;
}

.archive-wanted-service-dot-icon10, .archive-wanted-service-dot-icon11, .archive-wanted-service-dot-icon9 {
  z-index: 4;
}

.archive-wanted-service-dot-icon10, .archive-wanted-service-dot-icon11 {
  z-index: 5;
}

.archive-wanted-service-dot-icon11 {
  z-index: 6;
}

.archive-wanted-service-dot-icon12 {
  z-index: 7;
  width: 10px;
  height: 10px;
}

.archive-wanted-service-dot-icon12, .archive-wanted-service-dot-icon13, .archive-wanted-service-featured-icon1 {
  display: none;
  position: relative;
}

.archive-wanted-service-dot-icon13 {
  z-index: 8;
  width: 10px;
  height: 10px;
}

.archive-wanted-service-featured-icon1 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
}

.archive-wanted-service-supporting-text57, .archive-wanted-service-text184 {
  align-self: stretch;
  position: relative;
}

.archive-wanted-service-text184 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.archive-wanted-service-supporting-text57 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.archive-wanted-service-text-and-supporting-text6 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-button-close-x, .archive-wanted-service-content24 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-service-content24 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 24px 0 0;
}

.archive-wanted-service-button-close-x {
  z-index: 1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  position: absolute;
  top: 12px;
  right: 16px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-service-slide-out-menu-header {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  padding: 0 16px 0 24px;
  display: flex;
  position: relative;
}

.archive-wanted-service-slide-out-title {
  color: inherit;
  z-index: 2;
  min-width: 35px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-slide-out-title-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.archive-wanted-service-frame-wrapper13, .archive-wanted-service-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-frame-wrapper13 {
  color: #344054;
  flex-direction: row;
  padding: 0 33px 0 24px;
  font-size: 14px;
}

.archive-wanted-service-slide-out-menu-header-parent {
  flex-direction: column;
  gap: 24px;
  max-width: 100%;
}

.archive-wanted-service-background, .archive-wanted-service-progress-line {
  border-radius: 9999px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 !important;
}

.archive-wanted-service-background {
  z-index: 2;
  background-color: #eaecf0;
  width: 305px;
  right: -56.2px;
}

.archive-wanted-service-progress-line {
  background-color: #7e56d9;
  width: 100%;
  right: -.2px;
}

.archive-wanted-service-text185 {
  min-width: 9px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-content25, .archive-wanted-service-tooltip1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-content25 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex: 1;
  padding: 6px 11px;
}

.archive-wanted-service-tooltip1 {
  flex-shrink: 0;
  width: 33px;
  margin-top: -42px;
  margin-left: -4.5px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-wanted-service-control-handle, .archive-wanted-service-handle {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.archive-wanted-service-handle {
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 9999px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f;
}

.archive-wanted-service-control-handle {
  z-index: 1;
  border: 1.5px solid #7e56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-top: -8px;
  display: flex;
}

.archive-wanted-service-text186 {
  min-width: 80px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-content26 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  padding: 6px 11px;
}

.archive-wanted-service-background-parent, .archive-wanted-service-content26, .archive-wanted-service-progress, .archive-wanted-service-tooltip2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-tooltip2 {
  flex-shrink: 0;
  margin-top: -42px;
  margin-left: -40px;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.archive-wanted-service-background-parent, .archive-wanted-service-progress {
  position: relative;
}

.archive-wanted-service-progress {
  z-index: 3;
  gap: 193px;
  width: 228.8px;
  height: 8px;
}

.archive-wanted-service-background-parent {
  padding: 0 20px 0 0;
}

.archive-wanted-service-label5 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.archive-wanted-service-text187 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-content27 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.archive-wanted-service-help-icon1 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.archive-wanted-service-input4 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 30px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-input-field, .archive-wanted-service-input-with-label4 {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.archive-wanted-service-input-with-label4 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.archive-wanted-service-input-field {
  flex: 1;
  justify-content: center;
  align-items: center;
}

.archive-wanted-service-text188 {
  color: #667085;
  min-width: 8px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-input-fields {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.archive-wanted-service-input6 {
  width: 16px;
  height: 18px;
  margin: 0;
}

.archive-wanted-service-checkboxes {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  padding: 0 0 0 8px;
  display: flex;
}

.archive-wanted-service-input-fields-parent {
  text-align: left;
  align-self: stretch;
  gap: 24px;
  font-size: 14px;
}

.archive-wanted-service-frame-parent31, .archive-wanted-service-frame-wrapper14, .archive-wanted-service-input-fields-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-frame-parent31 {
  align-self: stretch;
  gap: 32px;
}

.archive-wanted-service-frame-wrapper14 {
  flex: 1;
  padding: 9px 0 0;
}

.archive-wanted-service-frame-child10 {
  z-index: 2;
  background-color: #dadada;
  border-radius: 8px;
  width: 5px;
  height: 163px;
  position: relative;
}

.archive-wanted-service-frame-parent30 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 28px;
  padding: 0 0 0 24px;
  font-size: 12px;
  display: flex;
}

.archive-wanted-service-divider-icon15 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-text194 {
  min-width: 83px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-content-parent, .archive-wanted-service-content29 {
  flex-direction: row;
  align-items: center;
}

.archive-wanted-service-content29 {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  display: flex;
}

.archive-wanted-service-content-parent {
  gap: 42px;
}

.archive-wanted-service-content-parent, .archive-wanted-service-input10, .archive-wanted-service-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.archive-wanted-service-section {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
}

.archive-wanted-service-input10 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-input-field2, .archive-wanted-service-section-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.archive-wanted-service-section-parent {
  gap: 8px;
}

.archive-wanted-service-text198 {
  min-width: 71px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-checkboxes1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 12px;
  padding: 0 0 0 8px;
}

.archive-wanted-service-checkboxes1, .archive-wanted-service-section-wrapper, .archive-wanted-service-section1 {
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-section1 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 16px;
}

.archive-wanted-service-section-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 33px 0 24px;
}

.archive-wanted-service-text203, .archive-wanted-service-text207 {
  min-width: 116px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-text207 {
  min-width: 44px;
}

.archive-wanted-service-section3 {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-text208, .archive-wanted-service-text209 {
  min-width: 62px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-text209 {
  min-width: 59px;
}

.archive-wanted-service-search-lg, .archive-wanted-service-text210 {
  z-index: 2;
  position: relative;
}

.archive-wanted-service-search-lg {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
}

.archive-wanted-service-text210 {
  min-width: 55px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.archive-wanted-service-content37, .archive-wanted-service-input-fields2, .archive-wanted-service-input19 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.archive-wanted-service-content37 {
  color: #9ea1a8;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  justify-content: flex-start;
  width: 100%;
  min-width: 166px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.archive-wanted-service-input-fields2, .archive-wanted-service-input19 {
  align-self: stretch;
}

.archive-wanted-service-input19 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-input-fields2 {
  z-index: 2;
  justify-content: center;
}

.archive-wanted-service-divider-icon22 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.archive-wanted-service-divider-icon23 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-service-text211 {
  z-index: 2;
  min-width: 112px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-frame-wrapper17 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.archive-wanted-service-text212 {
  min-width: 76px;
  display: inline-block;
}

.archive-wanted-service-text212, .archive-wanted-service-text213 {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.archive-wanted-service-frame-parent37 {
  flex-direction: row;
  gap: 11px;
}

.archive-wanted-service-frame-parent36, .archive-wanted-service-frame-parent37, .archive-wanted-service-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.archive-wanted-service-frame-wrapper19 {
  flex-direction: row;
  padding: 0 24px;
}

.archive-wanted-service-frame-parent36 {
  flex-direction: column;
  align-self: stretch;
  gap: 15.3px;
  max-width: 100%;
}

.archive-wanted-service-divider-icon31 {
  z-index: 3;
  width: 338px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.archive-wanted-service-text216 {
  z-index: 2;
  min-width: 118px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-frame-parent28, .archive-wanted-service-frame-parent29 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-frame-parent29 {
  color: #344054;
  align-items: flex-end;
  gap: 15.6px;
  font-size: 14px;
}

.archive-wanted-service-frame-parent28 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 56px;
  padding: 0 1px 0 0;
}

.archive-wanted-service-dot-icon20 {
  z-index: 10;
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.archive-wanted-service-divider-icon35 {
  z-index: 2;
  width: calc(100% - 1px);
  max-width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 1px;
  overflow: hidden;
  margin: 0 !important;
}

.archive-wanted-service-text217 {
  min-width: 69px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton37 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.archive-wanted-service-text218 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton38 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-text219 {
  color: #fff;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.archive-wanted-service-buttonsbutton39 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.archive-wanted-service-actions9, .archive-wanted-service-buttonsbutton39, .archive-wanted-service-content38 {
  flex-direction: row;
  display: flex;
}

.archive-wanted-service-actions9 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 164px;
}

.archive-wanted-service-content38 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  padding: 16px;
}

.archive-wanted-service-divider-parent6, .archive-wanted-service-footer1 {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-footer1 {
  z-index: 4;
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.archive-wanted-service-divider-parent6 {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 1px 0 0;
  position: relative;
}

.archive-wanted-service-divider-icon37 {
  z-index: 3;
  width: 338px;
  height: .2px;
  position: absolute;
  top: 0;
  left: -1px;
  margin: 0 !important;
}

.archive-wanted-service-frame-parent41 {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.archive-wanted-service-frame-parent41, .archive-wanted-service-rectangle-parent4, .archive-wanted-service-slide-out {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.archive-wanted-service-rectangle-parent4 {
  z-index: 3;
  flex-direction: column;
  flex: 1;
  gap: 61px;
  position: relative;
}

.archive-wanted-service-slide-out {
  flex-direction: row;
  width: 363px;
  position: absolute;
  top: 81px;
  left: 0;
  margin: 0 !important;
}

.archive-wanted-service-listings-search-results-list {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: max-content;
  font-family: Inter;
  font-size: 18px;
  line-height: normal;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .archive-wanted-service-collapsed-listing, .archive-wanted-service-frame-form {
    box-sizing: border-box;
    padding-bottom: 339px;
  }

  .archive-wanted-service-frame-form {
    padding-bottom: 272px;
  }

  .archive-wanted-service-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .archive-wanted-service-filters {
    box-sizing: border-box;
    padding-bottom: 543px;
  }

  .archive-wanted-service-fourth-listing {
    flex: 1;
  }

  .archive-wanted-service-frame-parent18 {
    flex-wrap: wrap;
  }

  .archive-wanted-service-frame-parent16 {
    gap: 140px;
  }

  .archive-wanted-service-content8 {
    flex-wrap: wrap;
  }

  .archive-wanted-service-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 333px;
  }

  .archive-wanted-service-frame-parent26 {
    flex-wrap: wrap;
  }

  .archive-wanted-service-frame-form {
    box-sizing: border-box;
    padding-bottom: 177px;
  }

  .archive-wanted-service-listings-search-results-list {
    height: auto;
  }
}

@media screen and (width <= 750px) {
  .archive-wanted-service-navigation-parent {
    gap: 19px;
  }

  .archive-wanted-service-frame-parent {
    gap: 35px;
  }

  .archive-wanted-service-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .archive-wanted-service-main {
    gap: 16px;
  }

  .archive-wanted-service-badges, .archive-wanted-service-dot-item-content, .archive-wanted-service-dot-item-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-service-dots-vertical {
    min-width: 100%;
  }

  .archive-wanted-service-dots-vertical-parent {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-wanted-service-frame-div {
    flex-wrap: wrap;
  }

  .archive-wanted-service-frame-container {
    min-width: 100%;
  }

  .archive-wanted-service-frame-group {
    flex-wrap: wrap;
  }

  .archive-wanted-service-dots-vertical-container {
    min-width: 100%;
  }

  .archive-wanted-service-filters {
    box-sizing: border-box;
    padding-bottom: 353px;
  }

  .archive-wanted-service-collapsed-name-role {
    box-sizing: border-box;
    padding-top: 99px;
  }

  .archive-wanted-service-first-badge, .archive-wanted-service-location-content {
    flex: 1;
  }

  .archive-wanted-service-badge-name {
    flex-wrap: wrap;
  }

  .archive-wanted-service-badge-details {
    gap: 23px;
  }

  .archive-wanted-service-first-badge-details {
    flex-wrap: wrap;
  }

  .archive-wanted-service-second-badge-list-parent {
    gap: 23px;
  }

  .archive-wanted-service-frame-parent5 {
    gap: 53px;
  }

  .archive-wanted-service-expanded-content {
    flex-wrap: wrap;
  }

  .archive-wanted-service-expanded-listing {
    min-width: 100%;
  }

  .archive-wanted-service-collapsed-listing {
    box-sizing: border-box;
    padding-bottom: 220px;
  }

  .archive-wanted-service-badge-support-parent, .archive-wanted-service-badges1, .archive-wanted-service-detail-item, .archive-wanted-service-frame-parent11 {
    flex-wrap: wrap;
  }

  .archive-wanted-service-second-listing-details {
    flex: 1;
  }

  .archive-wanted-service-listing-detail {
    flex-wrap: wrap;
  }

  .archive-wanted-service-frame-parent19 {
    gap: 54px;
  }

  .archive-wanted-service-frame-wrapper11 {
    min-width: 100%;
  }

  .archive-wanted-service-fourth-listing {
    margin-left: 0;
  }

  .archive-wanted-service-frame-parent16 {
    gap: 70px;
  }

  .archive-wanted-service-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 179px;
  }

  .archive-wanted-service-text-and-supporting-text1 {
    min-width: 100%;
  }

  .archive-wanted-service-actions2 {
    flex-wrap: wrap;
  }

  .archive-wanted-service-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .archive-wanted-service-text-and-supporting-text2 {
    min-width: 100%;
  }

  .archive-wanted-service-actions3 {
    flex-wrap: wrap;
  }

  .archive-wanted-service-page-navigation {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .archive-wanted-service-text-and-badge2 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 220px;
  }

  .archive-wanted-service-text-and-supporting-text3 {
    min-width: 100%;
  }

  .archive-wanted-service-empty-state3 {
    gap: 16px;
  }

  .archive-wanted-service-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .archive-wanted-service-container1 {
    gap: 16px;
  }

  .archive-wanted-service-footer {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .archive-wanted-service-listings-search-results-list {
    gap: 49px;
  }
}

@media screen and (width <= 450px) {
  .archive-wanted-service-frame-parent {
    gap: 17px;
  }

  .archive-wanted-service-page-title {
    font-size: 21px;
    line-height: 30px;
  }

  .archive-wanted-service-price {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-service-card-work {
    flex: 1;
  }

  .archive-wanted-service-provider-name {
    flex-wrap: wrap;
  }

  .archive-wanted-service-price2, .archive-wanted-service-price3 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-service-badge-container, .archive-wanted-service-location-content {
    flex-wrap: wrap;
  }

  .archive-wanted-service-location-details-parent {
    gap: 28px;
    margin-left: 0;
  }

  .archive-wanted-service-buttonsbutton-group, .archive-wanted-service-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-service-location-summary {
    flex: 1;
  }

  .archive-wanted-service-summary-details {
    flex-wrap: wrap;
  }

  .archive-wanted-service-frame-parent5 {
    gap: 27px;
  }

  .archive-wanted-service-work-type-badge-list {
    box-sizing: border-box;
    padding-top: 52px;
  }

  .archive-wanted-service-price4, .archive-wanted-service-price6 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-service-business-name-role, .archive-wanted-service-contact-details-parent {
    flex-wrap: wrap;
  }

  .archive-wanted-service-detail-item-parent {
    gap: 20px;
  }

  .archive-wanted-service-pair-container-parent {
    margin-left: 0;
  }

  .archive-wanted-service-frame-parent19 {
    gap: 27px;
  }

  .archive-wanted-service-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .archive-wanted-service-price-parent2 {
    flex-wrap: wrap;
  }

  .archive-wanted-service-frame-parent24 {
    gap: 126px;
  }

  .archive-wanted-service-text100 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-wanted-service-content9, .archive-wanted-service-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-service-input-dropdown2 {
    max-width: 100%;
  }

  .archive-wanted-service-text161 {
    font-size: 21px;
    line-height: 22px;
  }

  .archive-wanted-service-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-service-button-group2 {
    flex-wrap: wrap;
  }

  .archive-wanted-service-content20 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .archive-wanted-service-frame-form {
    box-sizing: border-box;
    padding-bottom: 115px;
  }

  .archive-wanted-service-text181 {
    font-size: 16px;
    line-height: 24px;
  }

  .archive-wanted-service-footer {
    gap: 16px;
  }

  .archive-wanted-service-listings-search-results-list {
    gap: 25px;
  }
}

.detailed-wanted-service-frame-child, .detailed-wanted-service-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.detailed-wanted-service-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.detailed-wanted-service-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.detailed-wanted-service-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.detailed-wanted-service-header-content, .detailed-wanted-service-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.detailed-wanted-service-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.detailed-wanted-service-bar-chart-01-icon, .detailed-wanted-service-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.detailed-wanted-service-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.detailed-wanted-service-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.detailed-wanted-service-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.detailed-wanted-service-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-wanted-service-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-wanted-service-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-badge1, .detailed-wanted-service-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.detailed-wanted-service-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.detailed-wanted-service-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.detailed-wanted-service-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-navigation, .detailed-wanted-service-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.detailed-wanted-service-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.detailed-wanted-service-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.detailed-wanted-service-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-wanted-service-placeholder, .detailed-wanted-service-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.detailed-wanted-service-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.detailed-wanted-service-content3, .detailed-wanted-service-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-wanted-service-content3 {
  flex: 1;
  gap: 8px;
}

.detailed-wanted-service-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-header-container, .detailed-wanted-service-input-with-label, .detailed-wanted-service-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.detailed-wanted-service-header-container, .detailed-wanted-service-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.detailed-wanted-service-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.detailed-wanted-service-header-container {
  gap: 70px;
  width: 754px;
}

.detailed-wanted-service-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.detailed-wanted-service-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.detailed-wanted-service-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.detailed-wanted-service-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.detailed-wanted-service-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.detailed-wanted-service-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.detailed-wanted-service-button-container, .detailed-wanted-service-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.detailed-wanted-service-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.detailed-wanted-service-divider-icon, .detailed-wanted-service-text6 {
  align-self: stretch;
  position: relative;
}

.detailed-wanted-service-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.detailed-wanted-service-text6 {
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-service-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.detailed-wanted-service-chevron-right-icon, .detailed-wanted-service-text7 {
  flex-shrink: 0;
  position: relative;
}

.detailed-wanted-service-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.detailed-wanted-service-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-service-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.detailed-wanted-service-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.detailed-wanted-service-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-breadcrumb-controls, .detailed-wanted-service-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.detailed-wanted-service-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-wanted-service-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.detailed-wanted-service-breadcrumb-controls-icon, .detailed-wanted-service-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.detailed-wanted-service-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.detailed-wanted-service-breadcrumb-controls-item {
  display: none;
}

.detailed-wanted-service-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-buttonsbutton, .detailed-wanted-service-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.detailed-wanted-service-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-wanted-service-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.detailed-wanted-service-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.detailed-wanted-service-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.detailed-wanted-service-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.detailed-wanted-service-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.detailed-wanted-service-breadcrumb, .detailed-wanted-service-breadcrumb-button-base3, .detailed-wanted-service-breadcrumb-container-parent, .detailed-wanted-service-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.detailed-wanted-service-breadcrumb, .detailed-wanted-service-breadcrumb-container-parent {
  max-width: 100%;
}

.detailed-wanted-service-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.detailed-wanted-service-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.detailed-wanted-service-pre- {
  text-transform: capitalize;
}

.detailed-wanted-service-o {
  text-transform: lowercase;
}

.detailed-wanted-service-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-marker-pin-02-icon, .detailed-wanted-service-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.detailed-wanted-service-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.detailed-wanted-service-detail-items, .detailed-wanted-service-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-detail-items {
  flex: 1;
  gap: 8px;
}

.detailed-wanted-service-details-row {
  gap: 20px;
  width: 294px;
}

.detailed-wanted-service-contact-name {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.detailed-wanted-service-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.detailed-wanted-service-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.detailed-wanted-service-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.detailed-wanted-service-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-wanted-service-ellipse-div, .detailed-wanted-service-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-wanted-service-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.detailed-wanted-service-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.detailed-wanted-service-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.detailed-wanted-service-contact-details, .detailed-wanted-service-details-content, .detailed-wanted-service-rectangle-container, .detailed-wanted-service-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.detailed-wanted-service-contact-details, .detailed-wanted-service-details-content {
  align-self: stretch;
}

.detailed-wanted-service-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.detailed-wanted-service-details-content {
  flex-direction: column;
  gap: 8px;
}

.detailed-wanted-service-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-buttonsbutton1, .detailed-wanted-service-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.detailed-wanted-service-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-buttonsbutton1:hover {
  background-color: #eaecf0;
}

.detailed-wanted-service-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.detailed-wanted-service-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.detailed-wanted-service-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.detailed-wanted-service-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.detailed-wanted-service-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.detailed-wanted-service-detail-container, .detailed-wanted-service-dropdown, .detailed-wanted-service-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.detailed-wanted-service-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.detailed-wanted-service-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-service-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.detailed-wanted-service-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-service-heading, .detailed-wanted-service-paragraph, .detailed-wanted-service-paragraph1 {
  z-index: 1;
  position: relative;
}

.detailed-wanted-service-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-service-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-service-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.detailed-wanted-service-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.detailed-wanted-service-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.detailed-wanted-service-description-columns-second, .detailed-wanted-service-description-content, .detailed-wanted-service-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 43px;
  min-height: 120px;
}

.detailed-wanted-service-description-content, .detailed-wanted-service-heading-parent {
  flex-direction: column;
}

.detailed-wanted-service-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.detailed-wanted-service-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.detailed-wanted-service-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-service-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-description-paragraphs, .detailed-wanted-service-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-service-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.detailed-wanted-service-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.detailed-wanted-service-heading1, .detailed-wanted-service-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-service-heading1 {
  font-weight: 500;
}

.detailed-wanted-service-paragraph26 {
  color: #475467;
}

.detailed-wanted-service-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.detailed-wanted-service-gallery-images-container-child, .detailed-wanted-service-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.detailed-wanted-service-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.detailed-wanted-service-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.detailed-wanted-service-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.detailed-wanted-service-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-wanted-service-gallery-images, .detailed-wanted-service-gallery-images-container, .detailed-wanted-service-gallery-images-container1, .detailed-wanted-service-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.detailed-wanted-service-gallery-images, .detailed-wanted-service-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.detailed-wanted-service-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.detailed-wanted-service-heading6 {
  font-weight: 600;
}

.detailed-wanted-service-heading6, .detailed-wanted-service-heading7, .detailed-wanted-service-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-service-heading7 {
  font-weight: 500;
}

.detailed-wanted-service-paragraph30 {
  color: #475467;
}

.detailed-wanted-service-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.detailed-wanted-service-benefits-content {
  gap: 16px;
}

.detailed-wanted-service-benefits-container, .detailed-wanted-service-benefits-content, .detailed-wanted-service-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-section {
  z-index: 1;
  font-size: 18px;
}

.detailed-wanted-service-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.detailed-wanted-service-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-service-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.detailed-wanted-service-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.detailed-wanted-service-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.detailed-wanted-service-supporting-text3, .detailed-wanted-service-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-text12 {
  font-weight: 500;
}

.detailed-wanted-service-supporting-text3 {
  color: #475467;
}

.detailed-wanted-service-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-service-download-items, .detailed-wanted-service-download-items-parent, .detailed-wanted-service-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-download-items, .detailed-wanted-service-download-items-parent {
  align-self: stretch;
}

.detailed-wanted-service-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.detailed-wanted-service-heading15, .detailed-wanted-service-text18 {
  font-weight: 600;
  position: relative;
}

.detailed-wanted-service-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.detailed-wanted-service-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.detailed-wanted-service-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-wanted-service-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-wanted-service-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-service-button-group-base2, .detailed-wanted-service-button-group-base3, .detailed-wanted-service-button-group-base4, .detailed-wanted-service-button-group-base5, .detailed-wanted-service-button-group-base6, .detailed-wanted-service-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.detailed-wanted-service-button-group-base3, .detailed-wanted-service-button-group-base4, .detailed-wanted-service-button-group-base5, .detailed-wanted-service-button-group-base6, .detailed-wanted-service-button-group-base7 {
  z-index: 5;
}

.detailed-wanted-service-button-group-base4, .detailed-wanted-service-button-group-base5, .detailed-wanted-service-button-group-base6, .detailed-wanted-service-button-group-base7 {
  z-index: 4;
}

.detailed-wanted-service-button-group-base5, .detailed-wanted-service-button-group-base6, .detailed-wanted-service-button-group-base7 {
  z-index: 3;
}

.detailed-wanted-service-button-group-base6, .detailed-wanted-service-button-group-base7 {
  z-index: 2;
}

.detailed-wanted-service-button-group-base7 {
  z-index: 1;
}

.detailed-wanted-service-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.detailed-wanted-service-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-supporting-text9, .detailed-wanted-service-text27 {
  line-height: 24px;
  position: relative;
}

.detailed-wanted-service-text27 {
  font-weight: 500;
}

.detailed-wanted-service-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.detailed-wanted-service-content5, .detailed-wanted-service-input-with-label1, .detailed-wanted-service-input1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.detailed-wanted-service-input-with-label1, .detailed-wanted-service-input1 {
  align-self: stretch;
}

.detailed-wanted-service-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.detailed-wanted-service-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-wanted-service-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-wanted-service-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.detailed-wanted-service-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-actions, .detailed-wanted-service-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-service-button {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.detailed-wanted-service-content4, .detailed-wanted-service-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.detailed-wanted-service-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.detailed-wanted-service-empty-review, .detailed-wanted-service-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.detailed-wanted-service-empty-review {
  flex: 1;
  justify-content: center;
  min-width: 91px;
  height: 44px;
  line-height: 24px;
}

.detailed-wanted-service-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.detailed-wanted-service-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.detailed-wanted-service-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.detailed-wanted-service-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.detailed-wanted-service-review-content, .detailed-wanted-service-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.detailed-wanted-service-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.detailed-wanted-service-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.detailed-wanted-service-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-wanted-service-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-first-review-fifth-star, .detailed-wanted-service-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.detailed-wanted-service-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.detailed-wanted-service-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-heading-wrapper {
  padding: 0 4px;
}

.detailed-wanted-service-heading-wrapper, .detailed-wanted-service-stars-wrapper, .detailed-wanted-service-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.detailed-wanted-service-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.detailed-wanted-service-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-service-rectangle-parent3, .detailed-wanted-service-review-container, .detailed-wanted-service-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.detailed-wanted-service-review-container, .detailed-wanted-service-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.detailed-wanted-service-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.detailed-wanted-service-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  width: 812px;
  font-size: 56px;
}

.detailed-wanted-service-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.detailed-wanted-service-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.detailed-wanted-service-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-alvo-medical, .detailed-wanted-service-heading20 {
  font-weight: 500;
}

.detailed-wanted-service-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-service-client-review-header, .detailed-wanted-service-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.detailed-wanted-service-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.detailed-wanted-service-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-client-rating, .detailed-wanted-service-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-client-rating {
  align-self: stretch;
  gap: 4px;
}

.detailed-wanted-service-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.detailed-wanted-service-client-review, .detailed-wanted-service-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.detailed-wanted-service-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.detailed-wanted-service-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-wanted-service-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.detailed-wanted-service-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-badge-wrapper, .detailed-wanted-service-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.detailed-wanted-service-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.detailed-wanted-service-discount, .detailed-wanted-service-price {
  z-index: 2;
  position: relative;
}

.detailed-wanted-service-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.detailed-wanted-service-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.detailed-wanted-service-original-price, .detailed-wanted-service-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.detailed-wanted-service-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.detailed-wanted-service-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-service-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.detailed-wanted-service-card-header, .detailed-wanted-service-price-tag, .detailed-wanted-service-service-title-container {
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
}

.detailed-wanted-service-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.detailed-wanted-service-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  margin: 0 !important;
}

.detailed-wanted-service-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.detailed-wanted-service-amlie-laurent, .detailed-wanted-service-card-footer, .detailed-wanted-service-role {
  align-self: stretch;
  position: relative;
}

.detailed-wanted-service-card-footer {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-amlie-laurent, .detailed-wanted-service-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.detailed-wanted-service-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.detailed-wanted-service-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-supporting-text10 {
  z-index: 2;
  flex: 1;
  min-width: 114px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-contact-button, .detailed-wanted-service-message-button {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-message-button {
  flex: 1;
  gap: 2px;
}

.detailed-wanted-service-contact-button {
  align-self: stretch;
  padding: 0 52px;
}

.detailed-wanted-service-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.detailed-wanted-service-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.detailed-wanted-service-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-buttonsbutton5, .detailed-wanted-service-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-buttonsbutton5 {
  white-space: nowrap;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.detailed-wanted-service-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.detailed-wanted-service-buttonsbutton6:hover {
  background-color: #17b26a;
}

.detailed-wanted-service-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-buttonsbutton6-add:hover {
  background-color: #eaecf0;
}

.detailed-wanted-service-button-container2, .detailed-wanted-service-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-button-container2 {
  flex: 1;
  gap: 16px;
}

.detailed-wanted-service-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.detailed-wanted-service-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.detailed-wanted-service-dropdown-menu, .detailed-wanted-service-dropdown1, .detailed-wanted-service-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-dropdown1 {
  z-index: 2;
}

.detailed-wanted-service-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.detailed-wanted-service-professional-details, .detailed-wanted-service-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.detailed-wanted-service-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.detailed-wanted-service-card-content, .detailed-wanted-service-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.detailed-wanted-service-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.detailed-wanted-service-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.detailed-wanted-service-description, .detailed-wanted-service-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.detailed-wanted-service-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-service-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-service-header-content1, .detailed-wanted-service-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-wanted-service-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.detailed-wanted-service-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.detailed-wanted-service-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.detailed-wanted-service-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.detailed-wanted-service-client-name, .detailed-wanted-service-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-service-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.detailed-wanted-service-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.detailed-wanted-service-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.detailed-wanted-service-testimonial-divider, .detailed-wanted-service-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.detailed-wanted-service-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.detailed-wanted-service-rectangle-parent4, .detailed-wanted-service-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.detailed-wanted-service-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.detailed-wanted-service-frame-parent, .detailed-wanted-service-listing-content, .detailed-wanted-service-listing-content-wrapper, .detailed-wanted-service-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.detailed-wanted-service-frame-parent, .detailed-wanted-service-listing-content, .detailed-wanted-service-listing-content-wrapper {
  flex-direction: row;
}

.detailed-wanted-service-listing-content {
  flex: 1;
  gap: 14px;
}

.detailed-wanted-service-frame-parent, .detailed-wanted-service-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.detailed-wanted-service-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  margin-top: 50px;
  padding: 0 2px 24px 0;
}

.detailed-wanted-service-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-listing-image-grid, .detailed-wanted-service-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.detailed-wanted-service-listing-image-grid1 {
  padding: 0 80px 24px;
}

.detailed-wanted-service-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.detailed-wanted-service-feedback-header, .detailed-wanted-service-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.detailed-wanted-service-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.detailed-wanted-service-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-buttonsbutton7, .detailed-wanted-service-feedback-score, .detailed-wanted-service-stars-parent {
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.detailed-wanted-service-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.detailed-wanted-service-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.detailed-wanted-service-client-feedback, .detailed-wanted-service-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.detailed-wanted-service-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
}

.detailed-wanted-service-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-service-client-message, .detailed-wanted-service-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.detailed-wanted-service-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-wanted-service-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px;
}

.detailed-wanted-service-buttonsbutton8, .detailed-wanted-service-client-message, .detailed-wanted-service-view-replies {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-view-replies {
  color: #eaecf0;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 24px 440px;
  font-size: 14px;
}

.detailed-wanted-service-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-button-wrap, .detailed-wanted-service-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-service-buttonsbutton9 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-button-wrap {
  flex: 1;
  justify-content: flex-start;
}

.detailed-wanted-service-details, .detailed-wanted-service-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-text37 {
  min-width: 32px;
  font-weight: 600;
}

.detailed-wanted-service-button-wrap1, .detailed-wanted-service-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-service-buttonsbutton10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-button-wrap1 {
  flex: 1;
  justify-content: flex-end;
}

.detailed-wanted-service-pagination, .detailed-wanted-service-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.detailed-wanted-service-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.detailed-wanted-service-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.detailed-wanted-service-heading32, .detailed-wanted-service-heading33 {
  line-height: 24px;
  position: relative;
}

.detailed-wanted-service-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.detailed-wanted-service-heading33 {
  width: 107px;
  display: inline-block;
}

.detailed-wanted-service-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.detailed-wanted-service-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.detailed-wanted-service-label2, .detailed-wanted-service-label3, .detailed-wanted-service-text38 {
  position: relative;
}

.detailed-wanted-service-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.detailed-wanted-service-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-service-input-with-label3, .detailed-wanted-service-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.detailed-wanted-service-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-service-content6, .detailed-wanted-service-input-field, .detailed-wanted-service-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.detailed-wanted-service-content6, .detailed-wanted-service-input-field {
  max-width: 100%;
}

.detailed-wanted-service-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.detailed-wanted-service-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.detailed-wanted-service-label4, .detailed-wanted-service-text39 {
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-service-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.detailed-wanted-service-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-input-field1, .detailed-wanted-service-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.detailed-wanted-service-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.detailed-wanted-service-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.detailed-wanted-service-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-button1, .detailed-wanted-service-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.detailed-wanted-service-review-form, .detailed-wanted-service-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.detailed-wanted-service-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.detailed-wanted-service-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.detailed-wanted-service-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.detailed-wanted-service-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-heading-parent3, .detailed-wanted-service-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.detailed-wanted-service-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.detailed-wanted-service-frame-child12, .detailed-wanted-service-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.detailed-wanted-service-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.detailed-wanted-service-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.detailed-wanted-service-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.detailed-wanted-service-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.detailed-wanted-service-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-badge5, .detailed-wanted-service-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.detailed-wanted-service-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.detailed-wanted-service-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.detailed-wanted-service-image-overlay, .detailed-wanted-service-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.detailed-wanted-service-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.detailed-wanted-service-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.detailed-wanted-service-listing-detail-item-date, .detailed-wanted-service-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.detailed-wanted-service-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.detailed-wanted-service-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.detailed-wanted-service-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.detailed-wanted-service-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.detailed-wanted-service-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-listing-detail-item-pin-wrapper, .detailed-wanted-service-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.detailed-wanted-service-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.detailed-wanted-service-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.detailed-wanted-service-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-listing, .detailed-wanted-service-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.detailed-wanted-service-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.detailed-wanted-service-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.detailed-wanted-service-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.detailed-wanted-service-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.detailed-wanted-service-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.detailed-wanted-service-listing-detail-item-value, .detailed-wanted-service-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.detailed-wanted-service-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.detailed-wanted-service-listing-detail-item, .detailed-wanted-service-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.detailed-wanted-service-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.detailed-wanted-service-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.detailed-wanted-service-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.detailed-wanted-service-footer-social, .detailed-wanted-service-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.detailed-wanted-service-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.detailed-wanted-service-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-service-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.detailed-wanted-service-badge-group, .detailed-wanted-service-image-overlay3, .detailed-wanted-service-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.detailed-wanted-service-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.detailed-wanted-service-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.detailed-wanted-service-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.detailed-wanted-service-agent-details-icon, .detailed-wanted-service-agent-extra-info, .detailed-wanted-service-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.detailed-wanted-service-agent-details-icon, .detailed-wanted-service-agent-extra-info {
  max-width: 100%;
}

.detailed-wanted-service-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.detailed-wanted-service-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.detailed-wanted-service-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-service-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.detailed-wanted-service-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.detailed-wanted-service-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.detailed-wanted-service-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.detailed-wanted-service-testiomonial-carousel-arrow4, .detailed-wanted-service-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.detailed-wanted-service-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-service-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.detailed-wanted-service-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-rectangle-parent30, .detailed-wanted-service-supporting-six-wrapper, .detailed-wanted-service-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.detailed-wanted-service-supporting-six-wrapper, .detailed-wanted-service-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.detailed-wanted-service-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.detailed-wanted-service-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.detailed-wanted-service-divider-container, .detailed-wanted-service-icon-group, .detailed-wanted-service-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.detailed-wanted-service-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.detailed-wanted-service-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-service-breadcrumb-button-base4, .detailed-wanted-service-testiomonial-carousel-arrow6, .detailed-wanted-service-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-wanted-service-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.detailed-wanted-service-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.detailed-wanted-service-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-service-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-service-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.detailed-wanted-service-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.detailed-wanted-service-divider-icon24 {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin-top: 200px !important;
}

.detailed-wanted-service-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-wanted-service-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.detailed-wanted-service-button2, .detailed-wanted-service-text-padding4, .detailed-wanted-service-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.detailed-wanted-service-button2, .detailed-wanted-service-text-padding5 {
  box-sizing: border-box;
}

.detailed-wanted-service-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.detailed-wanted-service-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.detailed-wanted-service-button3, .detailed-wanted-service-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.detailed-wanted-service-button4, .detailed-wanted-service-button5, .detailed-wanted-service-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.detailed-wanted-service-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-actions1, .detailed-wanted-service-testiomonial-carousel-arrow8, .detailed-wanted-service-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.detailed-wanted-service-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.detailed-wanted-service-testiomonial-carousel-arrow8, .detailed-wanted-service-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.detailed-wanted-service-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.detailed-wanted-service-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.detailed-wanted-service-listing-image-grid11, .detailed-wanted-service-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.detailed-wanted-service-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.detailed-wanted-service-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.detailed-wanted-service-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.detailed-wanted-service-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.detailed-wanted-service-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.detailed-wanted-service-heading40, .detailed-wanted-service-text123 {
  font-weight: 600;
  position: relative;
}

.detailed-wanted-service-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.detailed-wanted-service-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.detailed-wanted-service-buttonsbutton27, .detailed-wanted-service-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.detailed-wanted-service-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.detailed-wanted-service-footer-link1 {
  justify-content: flex-start;
}

.detailed-wanted-service-text124, .detailed-wanted-service-text125, .detailed-wanted-service-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-text125, .detailed-wanted-service-text126 {
  min-width: 68px;
}

.detailed-wanted-service-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.detailed-wanted-service-badge36, .detailed-wanted-service-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.detailed-wanted-service-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.detailed-wanted-service-footer-link3 {
  gap: 8px;
}

.detailed-wanted-service-text127, .detailed-wanted-service-text128, .detailed-wanted-service-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-text128, .detailed-wanted-service-text129 {
  min-width: 97px;
}

.detailed-wanted-service-text129 {
  min-width: 81px;
}

.detailed-wanted-service-footer-links-column, .detailed-wanted-service-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.detailed-wanted-service-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.detailed-wanted-service-text130, .detailed-wanted-service-text131, .detailed-wanted-service-text132, .detailed-wanted-service-text133, .detailed-wanted-service-text134, .detailed-wanted-service-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.detailed-wanted-service-text131, .detailed-wanted-service-text132, .detailed-wanted-service-text133, .detailed-wanted-service-text134, .detailed-wanted-service-text135 {
  min-width: 58px;
}

.detailed-wanted-service-text132, .detailed-wanted-service-text133, .detailed-wanted-service-text134, .detailed-wanted-service-text135 {
  min-width: 66px;
}

.detailed-wanted-service-text133, .detailed-wanted-service-text134, .detailed-wanted-service-text135 {
  min-width: 90px;
}

.detailed-wanted-service-text134, .detailed-wanted-service-text135 {
  min-width: 55px;
}

.detailed-wanted-service-text135 {
  min-width: 63px;
}

.detailed-wanted-service-footer-links2, .detailed-wanted-service-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.detailed-wanted-service-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.detailed-wanted-service-help-icon, .detailed-wanted-service-label6 {
  display: none;
  position: relative;
}

.detailed-wanted-service-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.detailed-wanted-service-help-icon {
  width: 16px;
  height: 16px;
}

.detailed-wanted-service-input-with-label6, .detailed-wanted-service-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.detailed-wanted-service-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.detailed-wanted-service-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.detailed-wanted-service-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.detailed-wanted-service-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.detailed-wanted-service-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.detailed-wanted-service-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.detailed-wanted-service-email-capture, .detailed-wanted-service-links-and-newsletter, .detailed-wanted-service-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.detailed-wanted-service-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.detailed-wanted-service-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.detailed-wanted-service-container, .detailed-wanted-service-content8, .detailed-wanted-service-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-container {
  flex: 1;
  max-width: 1280px;
}

.detailed-wanted-service-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.detailed-wanted-service-divider-icon29, .detailed-wanted-service-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.detailed-wanted-service-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.detailed-wanted-service-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  margin-top: 250px;
  padding: 64px 0 48px;
  display: flex;
}

.detailed-wanted-service-footer-text {
  line-height: 20px;
  position: relative;
}

.detailed-wanted-service-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.detailed-wanted-service-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.detailed-wanted-service-logomark, .detailed-wanted-service-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.detailed-wanted-service-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.detailed-wanted-service-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.detailed-wanted-service-content10, .detailed-wanted-service-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.detailed-wanted-service-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.detailed-wanted-service-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.detailed-wanted-service-footer1, .detailed-wanted-service-listings-detailed-page-devic, .detailed-wanted-service-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.detailed-wanted-service-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.detailed-wanted-service-listings-detailed-page-devic, .detailed-wanted-service-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.detailed-wanted-service-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.detailed-wanted-service-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.detailed-wanted-service-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-wanted-service-sharethis-parent {
  position: relative;
}

.detailed-wanted-service-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.detailed-wanted-service-sharethis-follow-parent {
  position: relative;
}

@media screen and (width <= 1275px) {
  .detailed-wanted-service-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .detailed-wanted-service-breadcrumb-controls1 {
    flex: 1;
  }

  .detailed-wanted-service-breadcrumb-container {
    flex-wrap: wrap;
  }

  .detailed-wanted-service-service-card {
    flex: 1;
  }

  .detailed-wanted-service-listing-content {
    flex-wrap: wrap;
  }

  .detailed-wanted-service-container, .detailed-wanted-service-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .detailed-wanted-service-client-review, .detailed-wanted-service-content4, .detailed-wanted-service-description-columns-first, .detailed-wanted-service-download-items, .detailed-wanted-service-gallery-images, .detailed-wanted-service-rectangle-group, .detailed-wanted-service-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .detailed-wanted-service-description-block-parent {
    min-width: 100%;
  }

  .detailed-wanted-service-client-feedback, .detailed-wanted-service-client-message, .detailed-wanted-service-listing-image-grid, .detailed-wanted-service-listing-image-grid1, .detailed-wanted-service-pagination-wrapper, .detailed-wanted-service-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-wanted-service-heading-parent3 {
    flex-wrap: wrap;
  }

  .detailed-wanted-service-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .detailed-wanted-service-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .detailed-wanted-service-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .detailed-wanted-service-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .detailed-wanted-service-actions, .detailed-wanted-service-file-upload-item-base {
    flex-wrap: wrap;
  }

  .detailed-wanted-service-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .detailed-wanted-service-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .detailed-wanted-service-review-stars {
    min-width: 100%;
  }

  .detailed-wanted-service-review-container, .detailed-wanted-service-review-stars {
    flex-wrap: wrap;
  }

  .detailed-wanted-service-client-review-header {
    min-width: 100%;
  }

  .detailed-wanted-service-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-wanted-service-service-card {
    min-width: 100%;
  }

  .detailed-wanted-service-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-wanted-service-feedback-header {
    min-width: 100%;
  }

  .detailed-wanted-service-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .detailed-wanted-service-frame-parent3 {
    flex-wrap: wrap;
  }

  .detailed-wanted-service-textarea-input-field {
    max-width: 100%;
  }

  .detailed-wanted-service-content6 {
    gap: 16px;
  }

  .detailed-wanted-service-textarea-input-field1 {
    max-width: 100%;
  }

  .detailed-wanted-service-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .detailed-wanted-service-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .detailed-wanted-service-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .detailed-wanted-service-links {
    flex: 1;
  }

  .detailed-wanted-service-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .detailed-wanted-service-container {
    gap: 24px;
  }

  .detailed-wanted-service-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .detailed-wanted-service-footer {
    gap: 24px;
    height: auto;
  }

  .detailed-wanted-service-container1 {
    gap: 16px;
  }

  .detailed-wanted-service-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .detailed-wanted-service-header-container {
    gap: 17px;
  }

  .detailed-wanted-service-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .detailed-wanted-service-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .detailed-wanted-service-button-row, .detailed-wanted-service-contact-details {
    flex-wrap: wrap;
  }

  .detailed-wanted-service-gallery-images-container, .detailed-wanted-service-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .detailed-wanted-service-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .detailed-wanted-service-input-dropdown {
    max-width: 100%;
  }

  .detailed-wanted-service-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .detailed-wanted-service-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .detailed-wanted-service-rectangle-parent1 {
    flex: 1;
  }

  .detailed-wanted-service-review-container {
    gap: 16px;
  }

  .detailed-wanted-service-price {
    font-size: 21px;
    line-height: 26px;
  }

  .detailed-wanted-service-header-content1, .detailed-wanted-service-professional-details, .detailed-wanted-service-testimonial-item {
    flex-wrap: wrap;
  }

  .detailed-wanted-service-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .detailed-wanted-service-review-form {
    gap: 25px;
  }

  .detailed-wanted-service-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .detailed-wanted-service-links, .detailed-wanted-service-logo-and-supporting-text {
    gap: 16px;
  }

  .detailed-wanted-service-email-capture {
    flex-wrap: wrap;
  }

  .detailed-wanted-service-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .detailed-wanted-service-footer1 {
    gap: 16px;
  }
}

.add-wanted-service-progress-container-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.add-wanted-service-forms-add-wanted-service {
  text-align: left;
  color: #475467;
  box-sizing: border-box;
  letter-spacing: normal;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 60px;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-wanted-service-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-service-progress-steps {
    display: none;
  }

  .add-wanted-service-main {
    height: auto;
  }

  .add-wanted-service-content23 {
    flex-wrap: wrap;
  }

  .add-wanted-service-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-wanted-service-content5 {
    max-width: 100%;
  }

  .add-wanted-service-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-wanted-service-frame-group {
    gap: 19px;
  }

  .add-wanted-service-frame-parent {
    gap: 35px;
  }

  .add-wanted-service-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-wanted-service-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-wanted-service-main {
    gap: 16px;
  }

  .add-wanted-service-content22, .add-wanted-service-content39 {
    min-width: 100%;
  }

  .add-wanted-service-textarea-input-field {
    max-width: 100%;
  }

  .add-wanted-service-content42 {
    gap: 16px;
  }

  .add-wanted-service-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-wanted-service-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-service-frame-parent {
    gap: 17px;
  }

  .add-wanted-service-step-two, .add-wanted-service-step-two-details, .add-wanted-service-steps {
    gap: 19px;
  }

  .add-wanted-service-form-parent {
    gap: 350px;
  }

  .add-wanted-service-action, .add-wanted-service-first-upload-item-content, .add-wanted-service-input1, .add-wanted-service-input10, .add-wanted-service-input9, .add-wanted-service-progress-bar {
    flex-wrap: wrap;
  }

  .add-wanted-service-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-service-progress-container-parent {
    gap: 49px;
  }
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-wanted-service-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-service-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-service-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-wanted-service-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-wanted-service-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-service-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-service-step-first-upload-item-content, .add-wanted-service-step-action, .add-wanted-service-step-input1, .add-wanted-service-step-input10, .add-wanted-service-step-input9 {
    flex-wrap: wrap;
  }
}

.business-form-action-custom {
  flex-direction: column !important;
  align-items: center !important;
}

.business-form-dashboard-frame-layout-setti-child, .business-form-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.business-form-dashboard-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.business-form-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.business-form-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.business-form-logo, .business-form-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-form-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.business-form-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.business-form-bar-chart-01-icon, .business-form-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.business-form-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.business-form-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-form-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.business-form-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.business-form-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.business-form-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-form-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.business-form-text2, .business-form-text3 {
  font-family: Inter;
  position: relative;
}

.business-form-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.business-form-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.business-form-badge1, .business-form-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.business-form-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.business-form-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.business-form-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-form-navigation, .business-form-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.business-form-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.business-form-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.business-form-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-form-search-lg-icon, .business-form-text6 {
  position: relative;
  overflow: hidden;
}

.business-form-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.business-form-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.business-form-content3, .business-form-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.business-form-content3 {
  flex: 1;
  gap: 8px;
}

.business-form-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-frame-group, .business-form-frame-parent, .business-form-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-form-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.business-form-frame-group, .business-form-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.business-form-frame-group {
  flex: 1;
  gap: 38px;
}

.business-form-frame-parent {
  gap: 70px;
  width: 754px;
}

.business-form-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.business-form-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.business-form-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.business-form-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.business-form-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.business-form-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.business-form-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.business-form-dashboard-frame-layout-setti-inner, .business-form-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-form-rectangle-parent {
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.business-form-dashboard-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.business-form-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.business-form-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-form-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.business-form-nav-item-button2, .business-form-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.business-form-nav-item-button3 {
  background-color: #f9fafb;
}

.business-form-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.business-form-navigation1, .business-form-navigation2, .business-form-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-form-navigation1 {
  padding: 32px 0 0;
}

.business-form-navigation3 {
  gap: 8px;
}

.business-form-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.business-form-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.business-form-content4, .business-form-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.business-form-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.business-form-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.business-form-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.business-form-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.business-form-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.business-form-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-form-badge3, .business-form-content6, .business-form-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.business-form-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.business-form-badge3, .business-form-nav-item-base3 {
  background-color: #f9fafb;
}

.business-form-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.business-form-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.business-form-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-form-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.business-form-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.business-form-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.business-form-badge4, .business-form-content8, .business-form-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.business-form-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.business-form-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.business-form-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-form-content12, .business-form-content5, .business-form-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.business-form-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.business-form-content5, .business-form-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.business-form-navigation4 {
  color: #344054;
  gap: 4px;
}

.business-form-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.business-form-supporting-text, .business-form-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.business-form-title {
  font-weight: 600;
}

.business-form-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.business-form-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.business-form-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.business-form-account, .business-form-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.business-form-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.business-form-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.business-form-breadcrumb-button-base, .business-form-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-form-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  overflow: hidden;
}

.business-form-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.business-form-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.business-form-text22 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-form-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.business-form-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.business-form-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.business-form-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-form-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.business-form-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.business-form-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-form-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.business-form-tabs {
  gap: 8px;
}

.business-form-breadcrumbs, .business-form-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.business-form-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.business-form-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.business-form-container {
  padding: 0 32px;
}

.business-form-container, .business-form-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.business-form-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.business-form-main, .business-form-main-child, .business-form-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.business-form-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.business-form-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.business-form-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-breadcrumb-button-base6, .business-form-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.business-form-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.business-form-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.business-form-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.business-form-breadcrumbs1, .business-form-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.business-form-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.business-form-breadcrumbs1 {
  width: 278px;
  display: none;
}

.business-form-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.business-form-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.business-form-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.business-form-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-form-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.business-form-button, .business-form-button1, .business-form-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.business-form-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.business-form-button1, .business-form-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.business-form-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.business-form-actions, .business-form-button2, .business-form-button3 {
  flex-direction: row;
  align-items: center;
}

.business-form-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.business-form-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.business-form-input-with-label1, .business-form-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.business-form-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.business-form-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-form-content13, .business-form-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-form-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.business-form-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.business-form-content13, .business-form-divider-icon2, .business-form-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.business-form-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-form-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.business-form-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-form-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.business-form-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-form-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.business-form-badge-count, .business-form-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.business-form-badge10, .business-form-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.business-form-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.business-form-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.business-form-text39, .business-form-text40, .business-form-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-text40, .business-form-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.business-form-text43 {
  min-width: 83px;
}

.business-form-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.business-form-text45, .business-form-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-text46 {
  min-width: 24px;
}

.business-form-tab-button-base9, .business-form-tabs2 {
  flex-direction: row;
  display: flex;
}

.business-form-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.business-form-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.business-form-container1, .business-form-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.business-form-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-form-container1 {
  gap: 24px;
}

.business-form-container1, .business-form-header-content, .business-form-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-form-header-section1 {
  flex-direction: column;
  flex: 1;
}

.business-form-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.business-form-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.business-form-button4, .business-form-button5, .business-form-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.business-form-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.business-form-button4, .business-form-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.business-form-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.business-form-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.business-form-supporting-text2, .business-form-toggle-title, .business-form-toggle-title1 {
  align-self: stretch;
  position: relative;
}

.business-form-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.business-form-toggle-title1 {
  color: #7e56d9;
  font-weight: 600;
  line-height: 28px;
}

.business-form-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.business-form-supporting-text2-banner {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.business-form-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.business-form-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.business-form-button6, .business-form-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.business-form-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  position: relative;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.business-form-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
}

.business-form-supporting-text3, .business-form-switch-label {
  line-height: 20px;
  position: relative;
}

.business-form-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  display: inline-block;
}

.business-form-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.business-form-view-supporting-text3 {
  color: #475467;
}

.business-form-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.business-form-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-text49 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-button8, .business-form-toggle-controls, .business-form-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-form-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  width: max-content;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-button8:hover {
  background-color: #6941c6;
}

.business-form-toggle-controls, .business-form-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.business-form-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.business-form-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.business-form-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.business-form-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.business-form-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.business-form-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-form-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.business-form-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.business-form-input-field, .business-form-input2 {
  justify-content: flex-start;
  display: flex;
}

.business-form-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.business-form-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-form-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.business-form-content15, .business-form-content17, .business-form-input-fields, .business-form-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.business-form-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-content15, .business-form-input-fields {
  align-items: flex-start;
}

.business-form-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.business-form-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.business-form-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.business-form-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.business-form-extra-input-info {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.business-form-extra-input-info-custom {
  color: #667085 !important;
}

.business-form-content19, .business-form-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.business-form-content19 {
  flex: 1;
  padding: 8px 13px;
}

.business-form-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-hint-text2, .business-form-hint-text3, .business-form-hint-text4 {
  color: #475467;
  width: max-content;
  line-height: 20px;
  display: block;
  position: relative;
}

.business-form-content18, .business-form-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-form-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.business-form-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.business-form-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.business-form-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.business-form-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.business-form-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.business-form-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.business-form-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.business-form-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.business-form-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.business-form-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.business-form-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.business-form-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.business-form-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.business-form-cursor-icon, .business-form-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.business-form-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.business-form-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.business-form-content23, .business-form-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.business-form-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.business-form-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.business-form-avatar-and-file-upload, .business-form-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.business-form-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.business-form-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.business-form-supporting-text6, .business-form-text59 {
  line-height: 24px;
  position: relative;
}

.business-form-text59 {
  min-width: 208px;
  font-weight: 500;
  display: inline-block;
}

.business-form-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.business-form-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  padding: 8px 13px;
}

.business-form-content29, .business-form-input-dropdown1, .business-form-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.business-form-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.business-form-input-dropdown1-banner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 512px;
  display: flex;
}

.business-form-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-form-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
}

.business-form-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-content33, .business-form-input10, .business-form-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.business-form-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.business-form-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-input10-banner {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-input10-logo {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  height: 139px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.business-form-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.business-form-supporting-text8, .business-form-text66 {
  line-height: 24px;
  position: relative;
}

.business-form-text66 {
  font-weight: 500;
}

.business-form-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.business-form-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.business-form-content41, .business-form-form-content, .business-form-form-content-wrapper, .business-form-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.business-form-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-form-content, .business-form-form-content-wrapper {
  align-items: flex-start;
}

.business-form-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.business-form-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 0 0;
}

.business-form-write-a-short {
  margin-block: 0 14px;
}

.business-form-this-is-also {
  margin: 0;
}

.business-form-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-form-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.business-form-content43, .business-form-input-dropdown8, .business-form-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.business-form-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.business-form-wysiwyg-editor-icon, .business-form-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.business-form-wysiwyg-editor-icon2 {
  display: none;
}

.business-form-icons, .business-form-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.business-form-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.business-form-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-form-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-form-input16, .business-form-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.business-form-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-textarea-input-field {
  gap: 6px;
}

.business-form-content45, .business-form-file-upload-base1, .business-form-textarea-input-field, .business-form-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.business-form-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.business-form-content45, .business-form-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.business-form-content45 {
  gap: 12px;
}

.business-form-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.business-form-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.business-form-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.business-form-file-type-wrap1, .business-form-item-container, .business-form-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-form-item-info-container {
  flex-direction: row;
  position: relative;
}

.business-form-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.business-form-supporting-text13, .business-form-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.business-form-uploaded-file-name {
  font-weight: 500;
}

.business-form-supporting-text13 {
  color: #475467;
}

.business-form-background, .business-form-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.business-form-progress {
  background-color: #7e56d9;
}

.business-form-item-progress-info, .business-form-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-form-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.business-form-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.business-form-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.business-form-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.business-form-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.business-form-file-upload-item-base, .business-form-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-form-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.business-form-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.business-form-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.business-form-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.business-form-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.business-form-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.business-form-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.business-form-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.business-form-background1, .business-form-progress1 {
  border-radius: 9999px;
  position: relative;
}

.business-form-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.business-form-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.business-form-progress-bar-wrapper, .business-form-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-form-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.business-form-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.business-form-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.business-form-file-upload-item-base1, .business-form-progress-bar-container-parent, .business-form-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-form-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.business-form-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.business-form-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.business-form-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.business-form-file-type-wrap3, .business-form-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.business-form-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.business-form-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.business-form-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-file-upload-item-base2, .business-form-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.business-form-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.business-form-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.business-form-content-wrapper, .business-form-content44, .business-form-file-queue, .business-form-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-form-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.business-form-file-upload-base1:hover {
  cursor: pointer;
  border-color: #6941c6;
  box-shadow: 0 4px 8px #0003;
}

.business-form-content-wrapper {
  flex-direction: row;
  max-width: 100%;
}

.business-form-content44 {
  flex-direction: column;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
  max-width: 100%;
}

.business-form-content44-custom {
  flex-direction: column !important;
  gap: 0 !important;
}

.business-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  gap: 29px;
}

.business-form-divider-icon4, .business-form-text73 {
  align-self: stretch;
  position: relative;
}

.business-form-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.business-form-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.business-form-button9, .business-form-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.business-form-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.business-form-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.business-form-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-button10, .business-form-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.business-form-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-text76 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-form-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.business-form-actions1, .business-form-button11, .business-form-content46, .business-form-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.business-form-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 110px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-form-button11:hover {
  background-color: #6941c6;
}

.business-form-actions1, .business-form-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.business-form-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.business-form-content46 {
  align-self: stretch;
  gap: 20px;
}

.business-form-main1, .business-form-section-footer, .business-form-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.business-form-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.business-form-main1, .business-form-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.business-form-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.business-form-main1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.business-form-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 32px;
}

.business-form-main-parent, .business-form-main-wrapper, .business-form-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-form-main-parent {
  color: #475467;
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
  position: relative;
  overflow: scroll;
}

.business-form-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  font-family: Inter;
  font-size: 16px;
}

.business-form-footer-text {
  line-height: 20px;
  position: relative;
}

.business-form-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.business-form-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.business-form-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.business-form-logo-wrapper1, .business-form-logomark, .business-form-logomark1 {
  flex-direction: row;
  display: flex;
}

.business-form-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.business-form-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.business-form-content47, .business-form-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-form-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.business-form-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.business-form-divider-icon5, .business-form-footer1 {
  align-self: stretch;
  margin-top: -134px;
  overflow: hidden;
}

.business-form-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.business-form-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.business-form-dashboard-frame-layout-setti, .business-form-dashboard-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-form-dashboard-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.business-form-dashboard-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  line-height: normal;
  position: relative;
}

.business-form-span {
  color: #f04438;
}

.add-business-step-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  margin: 0;
  display: flex;
}

.business-form-main-edit {
  z-index: 1;
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.business-form-main1-edit {
  z-index: 1;
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 0 48px;
  display: flex;
  overflow: hidden;
}

.business-banner-section-seperate {
  flex-direction: column;
  gap: 15px;
  display: flex;
}

@media screen and (width <= 1275px) {
  .business-form-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .business-form-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .business-form-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .business-form-tabs2, .business-form-toggle-header-parent {
    flex-wrap: wrap;
  }

  .business-form-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .business-form-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 750px) {
  .business-form-frame-group {
    gap: 19px;
  }

  .business-form-frame-parent {
    gap: 35px;
  }

  .business-form-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .business-form-main {
    gap: 16px;
  }

  .business-form-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .business-form-actions {
    flex-wrap: wrap;
  }

  .business-form-input-dropdown {
    max-width: 100%;
  }

  .business-form-input-fields, .business-form-toggle-controls {
    flex-wrap: wrap;
  }

  .business-form-input-field1, .business-form-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .business-form-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .business-form-avatar-and-file-upload, .business-form-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .business-form-content41, .business-form-input14 {
    flex-wrap: wrap;
  }

  .business-form-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .business-form-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .business-form-file-upload-item-base, .business-form-file-upload-item-base1, .business-form-file-upload-item-base2, .business-form-frame-div, .business-form-item-progress-container, .business-form-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .business-form-file-upload {
    max-width: 100%;
  }

  .business-form-file-upload, .business-form-main-parent {
    min-width: 100%;
  }

  .business-form-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .business-form-container2 {
    gap: 16px;
  }

  .business-form-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .business-form-frame-parent {
    gap: 17px;
  }

  .business-form-account {
    gap: 23px;
  }

  .business-form-tabs1 {
    flex-wrap: wrap;
  }

  .business-form-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .business-form-content15 {
    gap: 16px;
  }

  .business-form-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .business-form-action {
    flex-wrap: wrap;
  }

  .business-form-content29, .business-form-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .business-form-content41 {
    padding-right: 58px;
  }

  .business-form-input15 {
    flex-wrap: wrap;
  }

  .business-form-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .business-form-item-status {
    margin-left: 0;
  }

  .business-form-content44 {
    gap: 16px;
  }

  .business-form-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .business-form-footer1 {
    gap: 16px;
  }
}

.row {
  flex-wrap: wrap;
  gap: 16px;
  margin: 10px 0;
  display: flex;
}

.scale-input, .rotate-input, .quality-input {
  align-items: center;
  gap: 8px;
  display: flex;
}

.image-preview {
  justify-content: center;
  margin: 10px 0;
  display: flex;
}

.select-image {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  font-family: Inter;
  font-weight: bold;
  transition: background-color .2s;
}

.select-image:hover {
  background-color: #6941c6;
}

.error-message {
  color: #e74c3c;
  margin-top: 10px;
  font-weight: bold;
}

.success-message {
  color: #27ae60;
  margin-top: 10px;
  font-weight: bold;
}

.file-size-info {
  color: #555;
  margin-top: 8px;
  font-size: .9em;
}

.no-access-business-button-link {
  align-items: center;
  display: flex;
}

.no-access-business-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.no-access-business-supporting-text, .no-access-business-title {
  align-self: stretch;
  position: relative;
}

.no-access-business-title {
  font-weight: 600;
  line-height: 30px;
}

.no-access-business-supporting-text {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.no-access-business-content, .no-access-business-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-access-business-text-and-supporting-text {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.no-access-business-content {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.no-access-business-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-access-business-text {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-access-business-buttonsbutton, .no-access-business-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-access-business-buttonsbutton {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-access-business-buttonsbutton:hover {
  background-color: #f7f7f7;
}

.no-access-business-plus-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-access-business-text1 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-access-business-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-access-business-buttonsbutton1:hover {
  background-color: #6941c6;
}

.no-access-business-actions, .no-access-business-empty-state1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-access-business-actions {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 0 20px;
}

.no-access-business-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
}

.no-access-business-empty-state, .no-access-business-no-access-business {
  background-color: #fff;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.no-access-business-empty-state {
  box-sizing: border-box;
  text-align: center;
  color: #101828;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
  font-family: Inter;
  font-size: 20px;
}

.no-access-business-no-access-business {
  letter-spacing: normal;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 550px) {
  .no-access-business-empty-state1 {
    gap: 16px;
  }

  .no-access-business-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-access-business-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.business-page-text {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.business-page-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  display: none;
}

.business-page-chevron-right-icon, .business-page-text1 {
  flex-shrink: 0;
  position: relative;
}

.business-page-chevron-right-icon {
  z-index: 2;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.business-page-text1 {
  white-space: nowrap;
  font-weight: 500;
  line-height: 20px;
}

.business-page-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  display: none;
}

.business-page-chevron-right-icon1 {
  z-index: 4;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-page-divider-icon {
  z-index: 5;
  width: 1216px;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
}

.business-page-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.detailed-device-divider-icon3 {
  width: 100%;
}

.business-page-text2 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.business-page-button, .business-page-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.business-page-text-padding {
  align-self: stretch;
  padding: 0 2px;
}

.business-page-button {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.business-page-text3 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.business-page-text-padding1 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 0 2px;
  display: flex;
}

.business-page-button1 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  flex: 1;
  min-width: 69px;
  padding: 8px 13px;
}

.business-page-button1, .business-page-button2, .business-page-button3 {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-button2 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  flex: 1;
  min-width: 69px;
  padding: 8px 13px;
}

.business-page-button3 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  height: 40px;
  padding: 10px 13px;
}

.business-page-actions, .business-page-frame-child {
  max-width: 100%;
  display: none;
}

.business-page-actions {
  z-index: 6;
  flex-flow: wrap;
  place-content: center flex-start;
  align-items: center;
  gap: 12px;
  width: 419px;
}

.business-page-frame-child {
  background-color: #fff;
  width: 1440px;
  height: 72px;
  position: relative;
}

.business-page-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.business-page-logo, .business-page-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.cdcb8b80.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.business-page-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.business-page-bar-chart-01-icon, .business-page-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.business-page-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.business-page-text6 {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-page-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.business-page-text7 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.business-page-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.business-page-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-page-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.business-page-text8, .business-page-text9 {
  font-family: Inter;
  position: relative;
}

.business-page-text8 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.business-page-text9 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.business-page-badge1, .business-page-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.business-page-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.business-page-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.business-page-text10 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-page-navigation, .business-page-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.business-page-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.business-page-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.business-page-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-page-search-lg-icon, .business-page-text12 {
  position: relative;
  overflow: hidden;
}

.business-page-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.business-page-text12 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.business-page-content3, .business-page-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.business-page-content3 {
  flex: 1;
  gap: 8px;
}

.business-page-input {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-frame-container, .business-page-frame-group, .business-page-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.business-page-frame-container, .business-page-frame-group {
  flex-direction: row;
  max-width: 100%;
}

.business-page-frame-container {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.business-page-frame-group {
  gap: 70px;
  width: 754px;
}

.business-page-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.business-page-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.business-page-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.business-page-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.business-page-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.business-page-avatar {
  z-index: 1;
  background-image: url("avatar@3x.573a9dd7.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.business-page-frame-parent1, .business-page-frame-wrapper, .business-page-rectangle-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.business-page-frame-parent1 {
  justify-content: flex-start;
  gap: 15px;
}

.business-page-frame-wrapper, .business-page-rectangle-parent {
  box-sizing: border-box;
  max-width: 100%;
}

.business-page-rectangle-parent {
  z-index: 1;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
}

.business-page-frame-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
}

.business-page-image-wrap-icon {
  object-fit: cover;
  z-index: 2;
  flex: 1;
  max-width: 100%;
  height: 240px;
  position: relative;
  overflow: hidden;
}

.business-page-image-wrap-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 14px 0;
  display: flex;
}

.business-page-frame-inner, .business-page-frame-item {
  border-radius: 12px;
  display: none;
  position: relative;
}

.business-page-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 261px;
  height: 261px;
}

.business-page-frame-inner {
  background-color: #f5f5f5;
  width: 230px;
  height: 230px;
}

.business-page-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 4;
  width: 160px;
  height: 155px;
  position: relative;
}

.business-page-rectangle-container {
  z-index: 3;
  background-color: #f5f5f5;
  border-radius: 12px;
  padding: 38px 35px 37px;
}

.business-page-breadcrumb-button-base2, .business-page-rectangle-container, .business-page-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-rectangle-group {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 14px 13px 15px;
  position: absolute;
  top: -56px;
  left: 0;
  margin: 0 !important;
}

.business-page-breadcrumb-button-base2 {
  border-radius: 6px;
  padding: 4px;
}

.business-page-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.business-page-text13 {
  color: inherit;
  min-width: 40px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-page-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.business-page-text14 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.business-page-breadcrumb-button-base4 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.business-page-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-page-text15 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.business-page-breadcrumb-button-base5 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.business-page-text16 {
  color: inherit;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-page-breadcrumb-button-base6 {
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.business-page-text17 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-page-breadcrumb-button-base7 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.business-page-tabs {
  gap: 8px;
}

.business-page-breadcrumbs, .business-page-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.business-page-divider-icon1 {
  width: 345px;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
}

.business-page-page-header {
  background-color: #fff;
  gap: 20px;
}

.business-page-container, .business-page-header-section, .business-page-page-header {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-container {
  box-sizing: border-box;
  padding: 0 32px 0 0;
}

.business-page-header-section {
  z-index: 1;
}

.business-page-text18 {
  z-index: 1;
  word-wrap: break-word;
  max-width: 500px;
  margin: 0;
  font-family: inherit;
  font-size: 30px;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.business-page-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.business-page-supporting-text-location {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  flex: 1;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.business-page-marker-pin-02-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 300px;
  display: flex;
}

.business-page-text19 {
  padding: 0 5px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-text-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 4px;
  display: flex;
}

.business-page-supporting-text1 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-frame-parent7, .business-page-supporting-text-wrapper, .business-page-text-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.business-page-frame-parent7, .business-page-text-parent {
  gap: 8px;
}

.business-page-frame-parent7 {
  color: #fff;
  flex-direction: row;
}

.business-page-text-parent {
  flex-direction: column;
  max-width: 500px;
  padding: 0 11px 0 0;
}

.business-page-bookmark-check-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.business-page-bookmark-check-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.business-page-supporting-text2 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-frame-parent6, .business-page-supporting-text-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-supporting-text-container {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  flex-direction: column;
  padding: 9px 0 0;
  font-size: 12px;
}

.business-page-frame-parent6 {
  flex-direction: row;
  gap: 2px;
  max-width: 100%;
}

.business-page-text20 {
  color: #344054;
  text-align: left;
  width: max-content;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-buttonsbutton, .business-page-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.business-page-buttonsbutton {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 6px;
  min-width: 97px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-buttonsbutton:hover {
  background-color: #eaecf0;
}

.business-page-text21 {
  color: #344054;
  text-align: left;
  min-width: 104px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-buttonsbutton1, .business-page-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-buttonsbutton1 {
  cursor: pointer;
  min-width: 103px;
  padding: 8px 11px;
}

.business-page-buttonsbutton2 {
  flex-shrink: 0;
  width: max-content;
  padding: 8px 9px;
}

.business-page-buttonsbutton2:hover, .business-page-buttonsbutton1:hover {
  background-color: #eaecf0;
}

.business-page-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.business-page-buttonsbutton-parent {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.business-page-frame-parent5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 17px;
  max-width: 100%;
  display: flex;
}

.business-page-button4, .business-page-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.business-page-button4 {
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
  display: none;
}

.business-page-button5 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  flex-shrink: 0;
  width: 40px;
  padding: 8px 9px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-text23 {
  color: #344054;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-page-button6 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-text24 {
  color: #fff;
  text-align: left;
  min-width: 44px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-page-actions1, .business-page-button7 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.business-page-button7 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 76px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-actions1 {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.business-page-frame-parent4 {
  color: #101828;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  margin-bottom: 20px;
  font-size: 16px;
}

.business-page-frame-parent4, .business-page-frame-wrapper1, .business-page-header-section-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-header-section-parent {
  flex-direction: column;
  justify-content: flex-start;
  gap: 16px;
  width: 957px;
}

.business-page-frame-wrapper1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
}

.business-page-divider-icon2, .business-page-frame-parent3 {
  max-width: 100%;
  position: relative;
}

.business-page-frame-parent3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1242px;
  display: flex;
}

.business-page-divider-icon2 {
  width: 1201px;
  max-height: 100%;
}

.business-page-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 733px;
  display: none;
  position: relative;
}

.business-page-heading {
  width: 162px;
  font-size: inherit;
  z-index: 1;
  flex-shrink: 0;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-heading-parent, .business-page-text-container {
  align-items: flex-start;
  display: flex;
}

.business-page-text-container {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.business-page-heading-parent {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.business-page-divider-icon3, .business-page-frame-wrapper2 {
  align-self: stretch;
  max-width: 100%;
}

.business-page-frame-wrapper2 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 14px 0 16px;
  display: flex;
}

.business-page-divider-icon3 {
  z-index: 1;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.business-page-frame-child1 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.business-page-f4b711e503bc72fe396e5043e0c2-7-icon1 {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.business-page-rectangle-parent1 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.business-page-heading1, .business-page-service-title-one {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.business-page-service-title-one {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 600;
}

.business-page-heading1 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.business-page-service-block-one {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.business-page-about-details-divider, .business-page-about-details-rows {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-about-details-rows {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.business-page-about-details-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.business-page-divider-parent, .business-page-group-div {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
}

.business-page-divider-parent {
  align-self: stretch;
  gap: 16.5px;
  font-size: 16px;
}

.business-page-group-div {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  padding: 22px 0 15px;
}

.business-page-as-lawmakers-seek {
  margin-block: 0 16px;
  font-weight: 600;
}

.business-page-the-texas-hospital {
  white-space: pre-wrap;
  margin: 0;
}

.business-page-paragraph {
  flex-shrink: 0;
  width: 817px;
  max-width: 128%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-text31 {
  align-self: stretch;
  width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-page-buttonsbutton5 {
  color: #6941c6;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 130px;
  height: 20px;
  font-size: 14px;
  display: flex;
  overflow: hidden;
}

.business-page-paragraph-and-button, .business-page-paragraph-and-social-icons {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-paragraph-and-button {
  box-sizing: border-box;
  flex-direction: column;
  gap: 20px;
  width: 640px;
  min-width: 480px;
  max-width: 640px;
  padding: 0;
}

.business-page-paragraph-and-social-icons {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.business-page-label1, .business-page-text32 {
  min-width: 110px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-page-text32 {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 85px;
  max-width: 310px;
  font-weight: 600;
  line-height: 24px;
  overflow: hidden;
}

.business-page-label-and-text, .business-page-text-and-icon {
  justify-content: flex-start;
  display: flex;
}

.business-page-text-and-icon {
  color: #344054;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
}

.business-page-label-and-text {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 250px;
}

.business-page-text33 {
  white-space: nowrap;
  min-width: 126px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-buttonsbutton6 {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.business-page-label-and-text1 {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 250px;
  display: flex;
}

.business-page-text34 {
  min-width: 114px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-label-and-text2 {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 250px;
  display: flex;
}

.business-page-text35 {
  color: #7e56d9;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.business-page-buttonsbutton8 {
  color: #6941c6;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.business-page-label-and-text3 {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 250px;
  display: flex;
}

.business-page-details {
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 30px 120px;
  padding: 18px 23px;
  font-size: 14px;
  display: flex;
  overflow-x: auto;
}

.business-page-about, .business-page-content4, .business-page-service-content-two {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-about {
  flex-direction: column;
  flex: 1;
  min-width: 720px;
}

.business-page-content4, .business-page-service-content-two {
  flex-direction: row;
}

.business-page-content4 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
}

.business-page-service-content-two {
  box-sizing: border-box;
  color: #475467;
  width: 817px;
  padding: 0 0 11px;
}

.business-page-divider-icon9 {
  width: 817px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.business-page-heading7, .business-page-paragraph1 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.business-page-heading7 {
  font-weight: 500;
}

.business-page-paragraph1 {
  color: #475467;
}

.business-page-divider-group, .business-page-heading-paragraph {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.business-page-divider-group {
  gap: 24px;
  max-width: 100%;
}

.business-page-background-shape-icon {
  object-fit: cover;
  border-radius: 12px;
  flex: 1;
  max-width: 100%;
  height: 368px;
  position: relative;
  overflow: hidden;
}

.business-page-background-shape-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 816px;
  max-width: 100%;
  padding: 0 0 12px;
  display: flex;
}

.business-page-heading8 {
  font-size: inherit;
  z-index: 1;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.business-page-divider-container {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 12px;
  font-size: 18px;
  display: flex;
}

.business-page-divider-container-no-jobs {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 12px;
  font-size: 18px;
  display: flex;
}

.business-page-text36 {
  color: #344054;
  text-align: left;
  min-width: 52px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-page-button-group-base {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.business-page-text37 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-page-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.business-page-text38 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.business-page-button-group-base2, .business-page-button-group-base3, .business-page-button-group-base4, .business-page-button-group-base5, .business-page-button-group-base6, .business-page-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.business-page-button-group-base3, .business-page-button-group-base4, .business-page-button-group-base5, .business-page-button-group-base6, .business-page-button-group-base7 {
  z-index: 5;
}

.business-page-button-group-base4, .business-page-button-group-base5, .business-page-button-group-base6, .business-page-button-group-base7 {
  z-index: 4;
}

.business-page-button-group-base5, .business-page-button-group-base6, .business-page-button-group-base7 {
  z-index: 3;
}

.business-page-button-group-base6, .business-page-button-group-base7 {
  z-index: 2;
}

.business-page-button-group-base7 {
  z-index: 1;
}

.business-page-text44 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-page-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.business-page-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-search-placeholder {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: calc(100% - 228px);
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-supporting-text3 {
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.business-page-content6, .business-page-input-with-label1, .business-page-input1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-content6 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.business-page-input-with-label1, .business-page-input1 {
  align-self: stretch;
}

.business-page-input1 {
  box-sizing: border-box;
  color: #475467;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.business-page-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.business-page-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-page-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.business-page-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.business-page-text45 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-page-actions2, .business-page-button8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.business-page-button8 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-actions2 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.business-page-content5, .business-page-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-content5 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 18px;
  padding: 12px 16px;
}

.business-page-filters-bar {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
}

.business-page-b, .business-page-heading9 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.business-page-b {
  flex: 1;
  justify-content: center;
  min-width: 91px;
  height: 44px;
  line-height: 24px;
}

.business-page-heading9 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.business-page-heading-wrapper {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.business-page-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.business-page-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.business-page-frame-parent16, .business-page-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-review-stars {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.business-page-frame-parent16 {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.business-page-divider-icon11 {
  z-index: 1;
  width: 812px;
  height: 1px;
  position: absolute;
  bottom: 32px;
  left: -180px;
  margin: 0 !important;
}

.business-page-frame-child7 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.business-page-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.business-page-heading10 {
  z-index: 1;
  flex: 1;
  line-height: 24px;
  position: relative;
}

.business-page-rectangle-parent7, .business-page-review-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-review-title {
  flex-direction: row;
  align-self: stretch;
  padding: 0 9px;
}

.business-page-rectangle-parent7 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.business-page-heading-container {
  align-self: stretch;
  padding: 0 4px;
}

.business-page-heading-container, .business-page-stars-wrapper, .business-page-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.business-page-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.business-page-heading12 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.business-page-rectangle-parent9 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
  display: flex;
}

.business-page-review-heading-block {
  z-index: 2;
  flex: 1;
  gap: 16px;
}

.business-page-divider-parent1, .business-page-frame-parent15, .business-page-review-heading-block {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-divider-parent1 {
  text-align: left;
  color: #101828;
  flex: 1;
  min-width: 411px;
  font-size: 14px;
  position: relative;
}

.business-page-frame-parent15 {
  text-align: center;
  color: #000;
  align-self: stretch;
  gap: 32px;
  font-size: 56px;
}

.business-page-filters-bar-parent {
  color: #344054;
  flex-direction: column;
  gap: 24px;
  width: 812px;
  font-size: 14px;
}

.business-page-filters-bar-parent, .business-page-frame-parent9 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-service-block-two {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  min-width: 582px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.business-page-service-block-two-no-jobs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  min-width: 582px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.business-page-frame-parent9 {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.business-page-group-icon {
  object-fit: cover;
  z-index: 1;
  width: 45.3px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.business-page-heading13 {
  z-index: 2;
  width: 602.7px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-alvo-medical, .business-page-heading13 {
  font-weight: 500;
}

.business-page-heading14 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.business-page-heading-group, .business-page-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-heading-group {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 409px;
  max-width: 100%;
  padding: 0 9px 0 0;
}

.business-page-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.business-page-heading15 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-heading-frame {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 11px 0 31px;
  display: flex;
}

.business-page-stars-parent {
  flex-direction: column;
  gap: 4px;
}

.business-page-frame-parent18, .business-page-frame-wrapper4, .business-page-stars-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-frame-wrapper4 {
  flex-direction: column;
  padding: 2px 0 0;
  font-size: 12px;
}

.business-page-frame-parent18 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 10.9px;
  max-width: 100%;
}

.business-page-paragraph2 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.business-page-paragraph-parent {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.business-page-frame-child10 {
  object-fit: cover;
  z-index: 1;
  width: 45.3px;
  height: 50px;
  position: relative;
}

.business-page-frame-wrapper5, .business-page-heading-parent1 {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-heading-parent1 {
  justify-content: flex-start;
  align-self: stretch;
}

.business-page-frame-wrapper5 {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 409px;
  padding: 0 9px 2px 0;
}

.business-page-text46 {
  color: #eaecf0;
  text-align: left;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-page-buttonsbutton9 {
  cursor: pointer;
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-heading18 {
  z-index: 1;
  min-width: 78px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-stars-heading {
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 11px 0 27px;
}

.business-page-frame-wrapper6, .business-page-stars-group, .business-page-stars-heading {
  align-items: flex-start;
  display: flex;
}

.business-page-stars-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.business-page-frame-wrapper6 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 8px 0 0;
}

.business-page-buttonsbutton-group {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 124.4px;
  font-size: 12px;
  display: flex;
}

.business-page-frame-parent19, .business-page-frame-wrapper3 {
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.business-page-frame-parent19 {
  flex-wrap: wrap;
  place-content: flex-end flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 10.9px;
}

.business-page-frame-wrapper3 {
  box-sizing: border-box;
  justify-content: flex-end;
  align-items: flex-start;
  width: 971px;
  padding: 0 75px;
  font-size: 16px;
}

.business-page-frame-parent2, .business-page-frame-parent8 {
  flex-direction: column;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-frame-parent8 {
  color: #101828;
  align-self: stretch;
  align-items: flex-end;
  gap: 57px;
  font-size: 18px;
}

.business-page-frame-parent2 {
  flex: 1;
  align-items: flex-start;
  gap: 24px;
}

.business-page-frame-section, .business-page-page-number {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
}

.business-page-frame-section {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1380px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0 22px;
  display: flex;
}

.business-page-page-number {
  color: #344054;
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-page-button-wrap, .business-page-buttonsbutton11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.business-page-buttonsbutton11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-button-wrap {
  flex: 1;
  justify-content: flex-start;
}

.business-page-details1, .business-page-text48 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-page-text48 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
}

.business-page-buttonsbutton12 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-button-wrap1, .business-page-buttonsbutton12, .business-page-pagination {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.business-page-button-wrap1 {
  flex: 1;
  justify-content: flex-end;
}

.business-page-pagination {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  justify-content: center;
  gap: 12px;
  width: 820px;
  max-width: 100%;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.business-page-frame-child11 {
  background-color: #f9fafb;
  width: 817px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.business-page-heading19, .business-page-heading20, .business-page-heading22 {
  line-height: 24px;
  position: relative;
}

.business-page-heading19 {
  z-index: 1;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
}

.business-page-heading20, .business-page-heading22 {
  display: inline-block;
}

.business-page-heading20 {
  width: 107px;
}

.business-page-heading22 {
  min-width: 116px;
}

.business-page-frame-parent20 {
  z-index: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.business-page-label6, .business-page-label7 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.business-page-label6 {
  min-width: 30px;
  display: inline-block;
}

.business-page-label7 {
  width: 77px;
  display: none;
}

.business-page-review-placeholder {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-input-with-label3, .business-page-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-input2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 762px;
  max-width: 149%;
}

.business-page-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.business-page-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
  display: flex;
}

.business-page-content7 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.business-page-content7, .business-page-input-field, .business-page-review-input {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-input-field {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.business-page-review-input {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  width: 772px;
  padding: 0 6px;
}

.business-page-contact-placeholder, .business-page-label8 {
  display: inline-block;
  position: relative;
}

.business-page-label8 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.business-page-contact-placeholder {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.business-page-input-with-label5, .business-page-input3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-input-with-label5 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 765px;
  max-width: 150%;
}

.business-page-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-page-contact-input, .business-page-input-field1, .business-page-textarea-input-field1 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-textarea-input-field1 {
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.business-page-contact-input, .business-page-input-field1 {
  max-width: 100%;
}

.business-page-input-field1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-height: 208px;
  padding: 0 0 54px;
}

.business-page-contact-input {
  color: #344054;
  flex-direction: row;
  width: 774px;
  padding: 0 6px;
}

.business-page-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.business-page-submit-label {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-page-button9, .business-page-submit-button {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.business-page-button9 {
  cursor: pointer;
  z-index: 1;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-submit-button {
  justify-content: flex-end;
  padding: 0 25px;
}

.business-page-rectangle-parent10, .business-page-review-form {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.business-page-rectangle-parent10 {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.business-page-review-form {
  color: #101828;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  width: 823.4px;
  padding: 0 3px;
}

.business-page-divider-icon12 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.business-page-form-divider {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 3px 0 0;
  display: flex;
}

.business-page-reviews-header {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  width: 1204.4px;
  max-width: 100%;
  display: flex;
}

.business-page-reviews-header-wrapper {
  box-sizing: border-box;
  text-align: left;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 33px 22px 20px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.business-page-heading23, .business-page-testimonial-carousel-labels {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.business-page-heading23 {
  width: 802px;
  font-size: inherit;
  flex-shrink: 0;
  max-width: 100%;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 24px;
}

.business-page-testimonial-carousel-labels {
  color: inherit;
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.business-page-testimonial-carousel-controls {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.business-page-frame-wrapper7, .business-page-heading-parent5 {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-heading-parent5 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.business-page-frame-wrapper7 {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 83px 22px 80px;
}

.business-page-frame-child12, .business-page-testimonial-card-child {
  align-self: stretch;
  display: none;
  position: relative;
}

.business-page-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
}

.business-page-testimonial-card-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
}

.business-page-text49 {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.business-page-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.business-page-badge-label {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.business-page-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  white-space: nowrap;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.business-page-badge4, .business-page-buttonsbutton13, .business-page-overlay {
  flex-direction: row;
  display: flex;
}

.business-page-buttonsbutton13 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.business-page-overlay {
  color: #8e8e8e;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
}

.business-page-image-overlay, .business-page-testimonial-card {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.business-page-testimonial-card {
  z-index: 1;
  background-image: url("rectangle-95@2x.bd90e1c8.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.business-page-business {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.business-page-business-name {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 296px;
  padding: 0 15px;
  font-size: 16px;
  display: flex;
}

.business-page-marker-pin-02-icon1 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.business-page-location-pin {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.business-page-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-pin-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.business-page-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-job-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.business-page-job-name {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-job-title {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.business-page-supporting-text4 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-bottom-content, .business-page-job-description {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-job-description {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.business-page-bottom-content {
  padding: 0 15px;
}

.business-page-job-meta {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.business-page-supporting-text5 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-supporting-text-frame {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.business-page-job-details {
  flex-direction: row;
  gap: 15px;
}

.business-page-bottom-info, .business-page-card-details, .business-page-job-details {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-bottom-info {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.business-page-card-details {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  padding: 0 0 8px;
}

.business-page-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.business-page-testimonial-member-name-role {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.business-page-role {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-testimonial-member-name-role-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.business-page-testimonial-member-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.business-page-testimonial-member-details {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.business-page-card-info, .business-page-testimonial-team-member {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-testimonial-team-member {
  flex-direction: row;
  align-self: stretch;
  padding: 0 9px 0 12px;
}

.business-page-card-info {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  max-width: 100%;
}

.business-page-card-content {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
}

.business-page-card-content, .business-page-rectangle-parent11, .business-page-rectangle-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-rectangle-parent11 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.business-page-rectangle-parent15 {
  z-index: 1;
  text-align: center;
  background-image: url("rectangle-95@2x.bd90e1c8.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
}

.business-page-text57 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.business-page-frame-parent32 {
  color: #475467;
  flex-direction: row;
  gap: 16px;
  padding: 0 20px 0 0;
  font-size: 12px;
}

.business-page-frame-parent32, .business-page-frame-wrapper12, .business-page-text-parent6 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-text-parent6 {
  flex-direction: column;
  flex: 1;
  gap: 8px;
}

.business-page-frame-wrapper12 {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 298px;
  padding: 0 16px;
  font-size: 16px;
}

.business-page-review-member-details-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.business-page-review-member-details, .business-page-review-team-member-card {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-review-member-details {
  gap: 8px;
  width: 137px;
}

.business-page-review-team-member-card {
  color: #101828;
  align-self: stretch;
  padding: 0 9px 0 12px;
  font-size: 12px;
}

.business-page-rectangle-parent14, .business-page-testimonial-content, .business-page-testimonial-content-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-page-testimonial-content {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.business-page-rectangle-parent14, .business-page-testimonial-content-wrapper {
  box-sizing: border-box;
}

.business-page-testimonial-content-wrapper {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 18px;
}

.business-page-rectangle-parent14 {
  text-align: left;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 18px;
  padding: 0 0 14px;
}

.business-page-buttonsbutton16 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.business-page-badge-container, .business-page-image-overlay3 {
  justify-content: flex-start;
  display: flex;
}

.business-page-badge-container {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.business-page-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.business-page-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.business-page-frame-wrapper14 {
  color: #475467;
  padding: 0 15px 8px;
}

.business-page-frame-wrapper14, .business-page-frame-wrapper15, .business-page-team-divider {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-frame-wrapper15 {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.business-page-team-divider {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.business-page-member-card-content {
  flex: 1;
  gap: 8px;
  display: flex;
}

.business-page-icon-parent, .business-page-member-card-content, .business-page-team-member-card, .business-page-testimonials {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.business-page-team-member-card {
  box-sizing: border-box;
  width: 161px;
  padding: 0 12px;
  display: flex;
}

.business-page-icon-parent, .business-page-testimonials {
  flex: 1;
  max-width: 100%;
}

.business-page-icon-parent {
  display: flex;
  position: relative;
}

.business-page-testimonials {
  z-index: 1;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  gap: 16px;
  display: grid;
}

.business-page-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.business-page-testiomonial-carousel-arrow {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.business-page-carousel-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1340px;
  max-width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 20px;
}

.business-page-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.business-page-testimonial-carousel {
  text-align: center;
  color: #fdb022;
  width: 1382px;
  max-width: 100%;
  height: 471px;
  font-family: Inter;
  font-size: 12px;
  position: relative;
}

.business-page-heading-parent6, .business-page-supporting-description {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.business-page-heading-parent6 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.business-page-supporting-description {
  color: #fff;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px;
}

.business-page-name-container, .business-page-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.business-page-name-container {
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  height: 19px;
  padding: 0;
}

.business-page-testiomonial-carousel-arrow2 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 204px;
  right: -22px;
  margin: 0 !important;
}

.business-page-frame-parent40 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 19px;
}

.business-page-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
  left: 0;
}

.business-page-frame-parent39 {
  flex: 1;
  max-width: 100%;
  height: 449px;
  position: relative;
}

.business-page-frame-wrapper17 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1403px;
  max-width: 100%;
  padding: 0 22px 22px;
  font-family: Inter;
  font-size: 12px;
  display: flex;
}

.business-page-frame-parent56, .business-page-frame-wrapper20, .business-page-text-wrapper12 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-text-wrapper12 {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.business-page-frame-parent56, .business-page-frame-wrapper20 {
  align-self: stretch;
}

.business-page-frame-parent56 {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.business-page-frame-wrapper20 {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: row;
  max-width: 100%;
  padding: 0 1px;
  font-size: 16px;
}

.business-page-testiomonial-carousel-arrow4, .business-page-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 203px;
}

.business-page-testiomonial-carousel-arrow4 {
  right: -22px;
  margin: 0 !important;
}

.business-page-testiomonial-carousel-arrow5 {
  left: 0;
}

.business-page-frame-wrapper35, .business-page-team-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-frame-wrapper35 {
  box-sizing: border-box;
  width: 1317px;
  max-width: 100%;
  padding: 0 19px;
}

.business-page-team-wrapper {
  color: #101828;
  align-self: stretch;
  padding: 0 9px 0 12px;
}

.business-page-icon16 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.business-page-team3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  display: flex;
  position: relative;
}

.business-page-testiomonial-carousel-arrow6, .business-page-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
}

.business-page-testiomonial-carousel-arrow6 {
  bottom: 197px;
  right: -22px;
  margin: 0 !important;
}

.business-page-testiomonial-carousel-arrow7 {
  top: 212px;
  left: 0;
}

.business-page-frame-parent90 {
  text-align: center;
  color: #fdb022;
  align-self: stretch;
  max-width: 100%;
  height: 449px;
  font-size: 12px;
  position: relative;
}

.business-page-frame-wrapper34, .business-page-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.business-page-frame-wrapper34 {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  justify-content: flex-end;
  width: 1403px;
  max-width: 100%;
  padding: 0 22px 102px;
  font-family: Inter;
  font-size: 18px;
}

.business-page-logo1 {
  background-image: url("gerator04-1@2x.cdcb8b80.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.business-page-supporting-text36 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.business-page-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.business-page-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.business-page-footer-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.business-page-text122 {
  min-width: 62px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-buttonsbutton29, .business-page-footer-link {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.business-page-buttonsbutton29 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.business-page-footer-link {
  color: #7e56d9;
  justify-content: flex-start;
}

.business-page-footer-link:hover {
  color: #6941c6;
}

.business-page-text123, .business-page-text124, .business-page-text125 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-text124, .business-page-text125 {
  min-width: 68px;
}

.business-page-text125 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.business-page-badge35, .business-page-footer-link2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.business-page-badge35 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.business-page-footer-link2 {
  color: #7e56d9;
  gap: 8px;
}

.business-page-footer-link2:hover {
  color: #6941c6;
}

.business-page-text126, .business-page-text127, .business-page-text128 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-text127, .business-page-text128 {
  min-width: 97px;
}

.business-page-text128 {
  min-width: 81px;
}

.business-page-footer-links, .business-page-footer-links-column {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-footer-links {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.business-page-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.business-page-text129, .business-page-text130, .business-page-text131, .business-page-text132, .business-page-text133, .business-page-text134 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-text129 {
  white-space: nowrap;
  min-width: 100px;
}

.business-page-text130, .business-page-text131, .business-page-text132, .business-page-text133, .business-page-text134 {
  min-width: 58px;
}

.business-page-text131, .business-page-text132, .business-page-text133, .business-page-text134 {
  min-width: 66px;
}

.business-page-text132, .business-page-text133, .business-page-text134 {
  min-width: 90px;
}

.business-page-text133, .business-page-text134 {
  min-width: 55px;
}

.business-page-text134 {
  min-width: 63px;
}

.business-page-footer-links1, .business-page-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-footer-links1 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.business-page-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.business-page-label10 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-page-text135 {
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px;
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  margin: 0;
  padding-top: 3px;
  padding-bottom: 3px;
}

.business-page-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.business-page-input-with-label6, .business-page-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.business-page-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.business-page-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-page-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.business-page-text136 {
  color: #fff;
  text-align: left;
  min-width: 79px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-page-buttonsbutton41 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-page-buttonsbutton41:hover {
  background-color: #6941c6;
}

.business-page-email-capture, .business-page-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.business-page-email-capture {
  flex-direction: row;
  align-self: stretch;
}

.business-page-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  width: 360px;
  max-width: 100%;
}

.business-page-content11, .business-page-links-and-newsletter {
  box-sizing: border-box;
  justify-content: flex-start;
}

.business-page-links-and-newsletter {
  color: #101828;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
  display: flex;
}

.business-page-content11 {
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.business-page-container1, .business-page-content11, .business-page-footer, .business-page-footer1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.business-page-container1 {
  flex: 1;
  justify-content: flex-start;
  max-width: 1280px;
}

.business-page-footer, .business-page-footer1 {
  box-sizing: border-box;
  max-width: 100%;
}

.business-page-footer1 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: flex-start;
  padding: 64px 80px 48px;
  overflow: hidden;
}

.business-page-footer {
  text-align: left;
  color: #475467;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 36px 0;
  font-family: Inter;
  font-size: 16px;
}

.business-page-footer-text {
  line-height: 20px;
  position: relative;
}

.business-page-logomark-container-child {
  color: #475467;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: calc(100% - 38px);
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.business-page-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.business-page-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
}

.business-page-logomark, .business-page-logomark-container, .business-page-logomark1 {
  flex-direction: row;
  display: flex;
}

.business-page-logomark {
  justify-content: flex-start;
  align-items: flex-start;
}

.business-page-logomark-container {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.business-page-content13, .business-page-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-page-content13 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.business-page-container2, .business-page-footer3 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.business-page-container2 {
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.business-page-footer3 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  align-items: center;
  max-width: 100%;
  padding: 48px 80px;
  overflow: hidden;
}

.business-page-footer-divider, .business-page-footer2, .business-page-frame-parent {
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.business-page-footer2 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-family: Inter;
  font-size: 16px;
}

.business-page-footer-divider, .business-page-frame-parent {
  justify-content: flex-start;
}

.business-page-frame-parent {
  text-align: left;
  color: #101828;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  font-family: Inter;
  font-size: 18px;
}

.business-page-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  margin-top: -5469px;
  padding: 0 2px 10807px 0;
}

.business-page-business-page, .business-page-divider-icon30 {
  position: relative;
  overflow: hidden;
}

.business-page-divider-icon30 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.business-page-business-page {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
}

.business-page-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.business-page-sharethis-parent {
  position: relative;
}

.business-page-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.business-page-sharethis-follow-parent {
  position: relative;
}

.business-page-verification-container {
  flex-direction: row;
  gap: 5px;
  display: flex;
}

.business-page-title-verification-wrapper {
  flex-direction: row;
  gap: 20px;
  display: flex;
}

.detailed-business-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0 15px;
  font-size: 18px;
  display: flex;
}

.business-page-review-section-no-jobs {
  margin-right: 192px;
}

.business-page-review-section {
  margin-right: 97px;
}

@media screen and (width <= 1275px) {
  .business-page-frame-section {
    box-sizing: border-box;
    padding-left: 25px;
    padding-right: 25px;
  }

  .business-page-container1, .business-page-container2 {
    max-width: 100%;
  }

  .business-page-footer-divider {
    box-sizing: border-box;
    padding-bottom: 2968px;
  }
}

@media screen and (width <= 1100px) {
  .business-page-rectangle-parent {
    flex-wrap: wrap;
  }

  .business-page-frame-parent5 {
    flex: 1;
  }

  .business-page-frame-parent4 {
    flex-wrap: wrap;
  }

  .business-page-group-div, .business-page-heading-parent {
    flex: 1;
  }

  .business-page-details {
    box-sizing: border-box;
    padding-right: 39px;
  }

  .business-page-content5, .business-page-frame-parent9 {
    flex-wrap: wrap;
  }

  .business-page-frame-wrapper3 {
    box-sizing: border-box;
    padding-left: 37px;
    padding-right: 37px;
  }

  .business-page-heading-parent5 {
    flex-wrap: wrap;
    justify-content: center;
  }

  .business-page-testimonials {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }

  .business-page-heading-parent6 {
    flex-wrap: wrap;
  }

  .business-page-frame-parent40 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }

  .business-page-footer-divider {
    box-sizing: border-box;
    padding-bottom: 1929px;
  }
}

@media screen and (width <= 750px) {
  .business-page-frame-container {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .business-page-frame-group {
    flex-wrap: wrap;
    gap: 35px;
  }

  .business-page-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .business-page-text18 {
    font-size: 24px;
    line-height: 30px;
  }

  .business-page-frame-parent5, .business-page-group-div {
    min-width: 100%;
  }

  .business-page-paragraph-and-button {
    max-width: 100%;
  }

  .business-page-paragraph-and-social-icons {
    gap: 32px;
  }

  .business-page-actions2 {
    flex-wrap: wrap;
  }

  .business-page-b {
    font-size: 45px;
    line-height: 19px;
  }

  .business-page-heading9 {
    font-size: 29px;
    line-height: 6px;
  }

  .business-page-review-heading-block {
    flex-wrap: wrap;
  }

  .business-page-divider-parent1 {
    min-width: 100%;
  }

  .business-page-frame-parent15 {
    flex-wrap: wrap;
  }

  .business-page-frame-wrapper5, .business-page-heading-group, .business-page-service-block-two {
    min-width: 100%;
  }

  .business-page-frame-parent8 {
    gap: 28px;
  }

  .business-page-frame-parent20 {
    flex-wrap: wrap;
  }

  .business-page-textarea-input-field {
    max-width: 100%;
  }

  .business-page-content7 {
    gap: 16px;
  }

  .business-page-textarea-input-field1 {
    max-width: 100%;
  }

  .business-page-rectangle-parent10 {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .business-page-frame-wrapper7 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .business-page-frame-parent40 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .business-page-frame-wrapper34 {
    box-sizing: border-box;
    padding-bottom: 66px;
  }

  .business-page-links {
    flex: 1;
  }

  .business-page-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .business-page-container1 {
    gap: 24px;
  }

  .business-page-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .business-page-container2 {
    gap: 16px;
  }

  .business-page-footer3 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .business-page-footer-divider {
    box-sizing: border-box;
    padding-bottom: 1254px;
  }
}

@media screen and (width <= 450px) {
  .business-page-frame-group {
    gap: 17px;
  }

  .business-page-tabs {
    flex-wrap: wrap;
  }

  .business-page-text18 {
    font-size: 18px;
    line-height: 23px;
  }

  .business-page-frame-parent6 {
    flex-wrap: wrap;
  }

  .business-page-buttonsbutton1 {
    flex: 1;
  }

  .business-page-about-details-rows, .business-page-buttonsbutton-parent, .business-page-heading-parent {
    flex-wrap: wrap;
  }

  .business-page-content4, .business-page-paragraph-and-social-icons {
    gap: 16px;
  }

  .business-page-content6 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .business-page-input-dropdown {
    max-width: 100%;
  }

  .business-page-b {
    font-size: 34px;
    line-height: 14px;
  }

  .business-page-heading9 {
    font-size: 22px;
    line-height: 4px;
  }

  .business-page-rectangle-parent7 {
    flex: 1;
  }

  .business-page-frame-parent15 {
    gap: 16px;
  }

  .business-page-rectangle-parent10 {
    gap: 25px;
  }

  .business-page-testimonials {
    grid-template-columns: minmax(242px, 1fr);
  }

  .business-page-links, .business-page-logo-and-supporting-text {
    gap: 16px;
  }

  .business-page-email-capture {
    flex-wrap: wrap;
  }

  .business-page-footer1 {
    box-sizing: border-box;
    gap: 16px;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .business-page-footer3 {
    gap: 16px;
  }
}

.add-service-step3-label58-custom-padding {
  padding-bottom: 10px;
}

.business-verification-dashboard-frame-layout-setti-child, .business-verification-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.business-verification-dashboard-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.business-verification-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.business-verification-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.business-verification-logo, .business-verification-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-verification-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.business-verification-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.business-verification-bar-chart-01-icon, .business-verification-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.business-verification-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.business-verification-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-verification-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.business-verification-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.business-verification-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.business-verification-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-verification-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.business-verification-text2, .business-verification-text3 {
  font-family: Inter;
  position: relative;
}

.business-verification-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.business-verification-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.business-verification-badge1, .business-verification-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.business-verification-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.business-verification-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.business-verification-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-verification-navigation, .business-verification-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.business-verification-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.business-verification-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.business-verification-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-verification-search-lg-icon, .business-verification-text6 {
  position: relative;
  overflow: hidden;
}

.business-verification-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.business-verification-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.business-verification-content3, .business-verification-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.business-verification-content3 {
  flex: 1;
  gap: 8px;
}

.business-verification-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-frame-group, .business-verification-frame-parent, .business-verification-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-verification-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.business-verification-frame-group, .business-verification-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.business-verification-frame-group {
  flex: 1;
  gap: 38px;
}

.business-verification-frame-parent {
  gap: 70px;
  width: 754px;
}

.business-verification-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.business-verification-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.business-verification-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.business-verification-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.business-verification-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.business-verification-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.business-verification-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.business-verification-dashboard-frame-layout-setti-inner, .business-verification-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-verification-rectangle-parent {
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.business-verification-dashboard-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.business-verification-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.business-verification-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  margin-top: -134px;
  padding: 0 0 134px;
  display: flex;
}

.business-verification-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.business-verification-nav-item-button2, .business-verification-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.business-verification-nav-item-button3 {
  background-color: #f9fafb;
}

.business-verification-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.business-verification-navigation1, .business-verification-navigation2, .business-verification-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-verification-navigation1 {
  padding: 32px 0 0;
}

.business-verification-navigation3 {
  gap: 8px;
}

.business-verification-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.business-verification-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.business-verification-content4, .business-verification-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.business-verification-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.business-verification-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.business-verification-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.business-verification-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.business-verification-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.business-verification-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-verification-badge3, .business-verification-content6, .business-verification-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.business-verification-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.business-verification-badge3, .business-verification-nav-item-base3 {
  background-color: #f9fafb;
}

.business-verification-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.business-verification-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.business-verification-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-verification-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.business-verification-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.business-verification-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.business-verification-badge4, .business-verification-content8, .business-verification-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.business-verification-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.business-verification-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.business-verification-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-verification-content12, .business-verification-content5, .business-verification-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.business-verification-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.business-verification-content5, .business-verification-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.business-verification-navigation4 {
  color: #344054;
  gap: 4px;
}

.business-verification-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.business-verification-supporting-text, .business-verification-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.business-verification-title {
  font-weight: 600;
}

.business-verification-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.business-verification-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.business-verification-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.business-verification-account, .business-verification-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.business-verification-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.business-verification-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.business-verification-breadcrumb-button-base, .business-verification-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-verification-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
}

.business-verification-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.business-verification-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.business-verification-text22 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-verification-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.business-verification-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.business-verification-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.business-verification-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-verification-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.business-verification-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.business-verification-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-verification-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.business-verification-tabs {
  gap: 8px;
}

.business-verification-breadcrumbs, .business-verification-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.business-verification-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.business-verification-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.business-verification-container {
  padding: 0 32px;
}

.business-verification-container, .business-verification-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.business-verification-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.business-verification-main, .business-verification-main-child, .business-verification-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.business-verification-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.business-verification-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.business-verification-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-breadcrumb-button-base6, .business-verification-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.business-verification-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.business-verification-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.business-verification-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.business-verification-breadcrumbs1, .business-verification-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.business-verification-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.business-verification-breadcrumbs1 {
  width: 278px;
  display: none;
}

.business-verification-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.business-verification-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.business-verification-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.business-verification-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-verification-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.business-verification-button, .business-verification-button1, .business-verification-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.business-verification-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.business-verification-button1, .business-verification-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.business-verification-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.business-verification-actions, .business-verification-button2, .business-verification-button3 {
  flex-direction: row;
  align-items: center;
}

.business-verification-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.business-verification-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.business-verification-input-with-label1, .business-verification-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.business-verification-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.business-verification-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-verification-content13, .business-verification-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-verification-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.business-verification-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.business-verification-content13, .business-verification-divider-icon2, .business-verification-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.business-verification-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-verification-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.business-verification-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-verification-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.business-verification-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-verification-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.business-verification-badge-count, .business-verification-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.business-verification-badge10, .business-verification-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.business-verification-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.business-verification-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.business-verification-text39, .business-verification-text40, .business-verification-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-text40, .business-verification-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.business-verification-text43 {
  min-width: 83px;
}

.business-verification-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.business-verification-text45, .business-verification-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-text46 {
  min-width: 24px;
}

.business-verification-tab-button-base9, .business-verification-tabs2 {
  flex-direction: row;
  display: flex;
}

.business-verification-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.business-verification-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.business-verification-container1, .business-verification-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.business-verification-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-verification-container1 {
  gap: 24px;
  padding: 0 32px;
}

.business-verification-container1, .business-verification-header-content, .business-verification-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-verification-header-section1 {
  flex-direction: column;
  flex: 1;
}

.business-verification-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.business-verification-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.business-verification-button4, .business-verification-button5, .business-verification-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.business-verification-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.business-verification-button4, .business-verification-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.business-verification-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.business-verification-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.business-verification-supporting-text2, .business-verification-toggle-title {
  align-self: stretch;
  position: relative;
}

.business-verification-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.business-verification-supporting-text2 {
  color: #475467;
  white-space: normal;
  word-break: break-word;
  max-width: 630px;
  font-size: 14px;
  line-height: 20px;
}

.business-verification-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.business-verification-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.business-verification-button6, .business-verification-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.business-verification-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  position: relative;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.business-verification-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
}

.business-verification-supporting-text3, .business-verification-switch-label {
  line-height: 20px;
  position: relative;
}

.business-verification-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  display: inline-block;
}

.business-verification-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.business-verification-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.business-verification-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-text49 {
  color: #fff;
  text-align: left;
  min-width: 110px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-button8, .business-verification-toggle-controls, .business-verification-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-verification-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-toggle-controls, .business-verification-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.business-verification-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.business-verification-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.business-verification-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.business-verification-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.business-verification-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.business-verification-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-verification-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.business-verification-help-icon {
  width: 16px;
  height: 16px;
  display: flex;
  position: relative;
}

.business-verification-input-field, .business-verification-input2 {
  justify-content: flex-start;
  display: flex;
}

.business-verification-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.business-verification-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-verification-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.business-verification-content15, .business-verification-content17, .business-verification-input-fields, .business-verification-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.business-verification-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-content15, .business-verification-input-fields {
  align-items: flex-start;
}

.business-verification-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.business-verification-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.business-verification-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.business-verification-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.business-verification-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.business-verification-content19, .business-verification-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.business-verification-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.business-verification-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-hint-text2 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-verification-content18, .business-verification-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-verification-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.business-verification-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.business-verification-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.business-verification-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.business-verification-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.business-verification-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.business-verification-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.business-verification-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.business-verification-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.business-verification-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.business-verification-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.business-verification-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.business-verification-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.business-verification-cursor-icon, .business-verification-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.business-verification-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.business-verification-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.business-verification-content23, .business-verification-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.business-verification-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.business-verification-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.business-verification-avatar-and-file-upload, .business-verification-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.business-verification-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.business-verification-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.business-verification-supporting-text6, .business-verification-text59 {
  line-height: 24px;
  position: relative;
}

.business-verification-text59 {
  min-width: 68px;
  font-weight: 500;
  display: inline-block;
}

.business-verification-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.business-verification-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.business-verification-content29, .business-verification-input-dropdown1, .business-verification-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.business-verification-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.business-verification-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-verification-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.business-verification-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-content33, .business-verification-input10, .business-verification-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.business-verification-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.business-verification-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.business-verification-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.business-verification-supporting-text8, .business-verification-text66 {
  line-height: 24px;
  position: relative;
}

.business-verification-text66 {
  font-weight: 500;
}

.business-verification-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.business-verification-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.business-verification-content41, .business-verification-form-content, .business-verification-form-content-wrapper, .business-verification-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.business-verification-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-form-content, .business-verification-form-content-wrapper {
  align-items: flex-start;
}

.business-verification-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.business-verification-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.business-verification-write-a-short {
  margin-block: 0 14px;
}

.business-verification-this-is-also {
  margin: 0;
}

.business-verification-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-verification-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.business-verification-content43, .business-verification-input-dropdown8, .business-verification-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.business-verification-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.business-verification-wysiwyg-editor-icon, .business-verification-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.business-verification-wysiwyg-editor-icon2 {
  display: none;
}

.business-verification-icons, .business-verification-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.business-verification-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.business-verification-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-verification-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-verification-input16, .business-verification-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.business-verification-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-textarea-input-field {
  gap: 6px;
}

.business-verification-content45, .business-verification-file-upload-base1, .business-verification-textarea-input-field, .business-verification-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.business-verification-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.business-verification-content45, .business-verification-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.business-verification-content45 {
  gap: 12px;
}

.business-verification-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.business-verification-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.business-verification-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.business-verification-file-type-wrap1, .business-verification-item-container, .business-verification-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-verification-item-info-container {
  flex-direction: row;
  position: relative;
}

.business-verification-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.business-verification-supporting-text13, .business-verification-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.business-verification-uploaded-file-name {
  font-weight: 500;
}

.business-verification-supporting-text13 {
  color: #475467;
}

.business-verification-background, .business-verification-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.business-verification-progress {
  background-color: #7e56d9;
}

.business-verification-item-progress-info, .business-verification-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-verification-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.business-verification-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.business-verification-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.business-verification-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.business-verification-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.business-verification-file-upload-item-base, .business-verification-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-verification-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.business-verification-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.business-verification-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.business-verification-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.business-verification-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.business-verification-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.business-verification-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.business-verification-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.business-verification-background1, .business-verification-progress1 {
  border-radius: 9999px;
  position: relative;
}

.business-verification-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.business-verification-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.business-verification-progress-bar-wrapper, .business-verification-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-verification-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.business-verification-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.business-verification-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.business-verification-file-upload-item-base1, .business-verification-progress-bar-container-parent, .business-verification-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-verification-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.business-verification-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.business-verification-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.business-verification-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.business-verification-file-type-wrap3, .business-verification-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.business-verification-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.business-verification-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.business-verification-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-file-upload-item-base2, .business-verification-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.business-verification-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.business-verification-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.business-verification-content-wrapper, .business-verification-content44, .business-verification-file-queue, .business-verification-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-verification-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.business-verification-content44 {
  flex-direction: row;
  max-width: 100%;
}

.business-verification-content-wrapper {
  flex-direction: row;
  justify-content: space-between;
  gap: 10px 0;
  max-width: 92%;
}

.business-verification-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.business-verification-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.business-verification-divider-icon4, .business-verification-text73 {
  align-self: stretch;
  position: relative;
}

.business-verification-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.business-verification-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.business-verification-button9, .business-verification-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.business-verification-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.business-verification-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.business-verification-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-button10, .business-verification-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.business-verification-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-text76 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-verification-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  padding: 0 1px;
}

.business-verification-actions1, .business-verification-button11, .business-verification-content46, .business-verification-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.business-verification-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-verification-button11:hover {
  background-color: #6941c6;
  border-color: #6941c6;
}

.business-verification-actions1, .business-verification-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.business-verification-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.business-verification-content46 {
  align-self: stretch;
  gap: 20px;
}

.business-verification-main1, .business-verification-section-footer, .business-verification-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.business-verification-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.business-verification-main1, .business-verification-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.business-verification-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.business-verification-main1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.business-verification-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 24px;
}

.business-verification-main-parent, .business-verification-main-wrapper, .business-verification-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-verification-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.business-verification-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  font-family: Inter;
  font-size: 16px;
}

.business-verification-footer-text {
  line-height: 20px;
  position: relative;
}

.business-verification-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.business-verification-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.business-verification-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.business-verification-logo-wrapper1, .business-verification-logomark, .business-verification-logomark1 {
  flex-direction: row;
  display: flex;
}

.business-verification-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.business-verification-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.business-verification-content47, .business-verification-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-verification-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.business-verification-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.business-verification-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.business-verification-divider-icon5 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.business-verification-dashboard-frame-layout-setti1 {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 7px 0 0;
  display: flex;
}

.business-verification-dashboard-frame-layout-setti {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.business-verification-span {
  color: #f04438;
}

.business-verification-subtext-title {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.business-verification-section-seperate {
  flex-direction: column;
  gap: 15px;
  display: flex;
}

.business-verification-supporting-text4 {
  color: #475467;
  align-self: stretch;
  max-width: 300px;
  padding-right: 50px;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

@media screen and (width <= 1275px) {
  .business-verification-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .business-verification-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .business-verification-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .business-verification-tabs2, .business-verification-toggle-header-parent {
    flex-wrap: wrap;
  }

  .business-verification-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .business-verification-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 750px) {
  .business-verification-frame-group {
    gap: 19px;
  }

  .business-verification-frame-parent {
    gap: 35px;
  }

  .business-verification-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .business-verification-main {
    gap: 16px;
  }

  .business-verification-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .business-verification-actions {
    flex-wrap: wrap;
  }

  .business-verification-input-dropdown {
    max-width: 100%;
  }

  .business-verification-input-fields, .business-verification-toggle-controls {
    flex-wrap: wrap;
  }

  .business-verification-input-field1, .business-verification-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .business-verification-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .business-verification-avatar-and-file-upload, .business-verification-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .business-verification-content41, .business-verification-input14 {
    flex-wrap: wrap;
  }

  .business-verification-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .business-verification-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .business-verification-file-upload-item-base, .business-verification-file-upload-item-base1, .business-verification-file-upload-item-base2, .business-verification-frame-div, .business-verification-item-progress-container, .business-verification-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .business-verification-file-upload {
    max-width: 100%;
  }

  .business-verification-file-upload, .business-verification-main-parent {
    min-width: 100%;
  }

  .business-verification-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .business-verification-container2 {
    gap: 16px;
  }

  .business-verification-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .business-verification-frame-parent {
    gap: 17px;
  }

  .business-verification-account {
    gap: 23px;
  }

  .business-verification-tabs1 {
    flex-wrap: wrap;
  }

  .business-verification-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .business-verification-content15 {
    gap: 16px;
  }

  .business-verification-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .business-verification-action {
    flex-wrap: wrap;
  }

  .business-verification-content29, .business-verification-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .business-verification-content41 {
    padding-right: 58px;
  }

  .business-verification-input15 {
    flex-wrap: wrap;
  }

  .business-verification-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .business-verification-item-status {
    margin-left: 0;
  }

  .business-verification-content44 {
    gap: 16px;
  }

  .business-verification-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .business-verification-footer1 {
    gap: 16px;
  }
}

.business-display-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

@media screen and (width <= 1275px) {
  .business-display-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .business-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .business-display-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .business-display-tabs2, .business-display-toggle-header-parent {
    flex-wrap: wrap;
  }

  .business-display-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .business-display-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 750px) {
  .business-display-frame-group {
    gap: 19px;
  }

  .business-display-frame-parent {
    gap: 35px;
  }

  .business-display-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .business-display-main {
    gap: 16px;
  }

  .business-display-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .business-display-actions {
    flex-wrap: wrap;
  }

  .business-display-input-dropdown {
    max-width: 100%;
  }

  .business-display-input-fields, .business-display-toggle-controls {
    flex-wrap: wrap;
  }

  .business-display-input-field1, .business-display-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .business-display-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .business-display-avatar-and-file-upload, .business-display-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .business-display-content41, .business-display-input14 {
    flex-wrap: wrap;
  }

  .business-display-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .business-display-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .business-display-file-upload-item-base, .business-display-file-upload-item-base1, .business-display-file-upload-item-base2, .business-display-frame-div, .business-display-item-progress-container, .business-display-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .business-display-file-upload {
    max-width: 100%;
  }

  .business-display-file-upload, .business-display-main-parent {
    min-width: 100%;
  }

  .business-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .business-display-container2 {
    gap: 16px;
  }

  .business-display-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .business-display-frame-parent {
    gap: 17px;
  }

  .business-display-account {
    gap: 23px;
  }

  .business-display-tabs1 {
    flex-wrap: wrap;
  }

  .business-display-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .business-display-content15 {
    gap: 16px;
  }

  .business-display-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .business-display-action {
    flex-wrap: wrap;
  }

  .business-display-content29, .business-display-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .business-display-content41 {
    padding-right: 58px;
  }

  .business-display-input15 {
    flex-wrap: wrap;
  }

  .business-display-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .business-display-item-status {
    margin-left: 0;
  }

  .business-display-content44 {
    gap: 16px;
  }

  .business-display-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .business-display-footer1 {
    gap: 16px;
  }
}

.error-page-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.error-page-logo, .error-page-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.error-page-logo {
  background-image: url("gerator04-1@2x.cbea7ee6.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.error-page-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.error-page-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.error-page-text {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  min-width: 47px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.error-page-buttonsbutton, .error-page-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.error-page-buttonsbutton {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 8px;
  gap: 6px;
  padding: 10px 16px;
  overflow: hidden;
}

.error-page-text1 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 59px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.error-page-buttonsbutton1, .error-page-navigation-actions {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.error-page-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.error-page-navigation-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 190px;
}

.error-page-error-404-page-desktop-inner, .error-page-frame-parent {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.error-page-frame-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.error-page-error-404-page-desktop-inner {
  box-sizing: border-box;
  justify-content: flex-start;
  width: 1360px;
  padding: 0 32px;
}

.error-page-heading, .error-page-subheading {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.error-page-heading {
  letter-spacing: -.02em;
  color: #101828;
  margin: 0;
  font-family: inherit;
  font-size: 60px;
  line-height: 72px;
}

.error-page-heading-and-subheading {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.error-page-we-searched-high {
  margin-block: 0 20px;
}

.error-page-lets-find-a {
  margin: 0;
}

.error-page-supporting-text {
  color: #475467;
  align-self: stretch;
  height: 60px;
  font-size: 20px;
  line-height: 30px;
  display: inline-block;
  position: relative;
}

.error-page-heading-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 768px;
  max-width: 768px;
  display: flex;
}

.error-page-label {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.error-page-search-lg-icon, .error-page-text2 {
  position: relative;
  overflow: hidden;
}

.error-page-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.error-page-text2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.error-page-content2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.error-page-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.error-page-input, .error-page-input-with-label {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
  display: flex;
}

.error-page-input {
  box-sizing: border-box;
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.error-page-input-with-label {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.error-page-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.error-page-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 240px;
  max-width: 100%;
  display: flex;
}

.error-page-text3 {
  color: #344054;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.error-page-buttonsbutton2, .error-page-search-input {
  flex-direction: row;
  display: flex;
}

.error-page-buttonsbutton2 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 95px;
  padding: 10px 17px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.error-page-search-input {
  text-align: left;
  color: #344054;
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  max-width: 480px;
  font-size: 14px;
}

.error-page-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.error-page-text4 {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.error-page-placeholder-icon6 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: none;
  position: relative;
  overflow: hidden;
}

.error-page-buttonsbutton3 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px 21px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.error-page-text5 {
  color: #fff;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.error-page-buttonsbutton4 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px 21px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.error-page-actions, .error-page-container1, .error-page-content1 {
  justify-content: flex-start;
  display: flex;
}

.error-page-actions {
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}

.error-page-container1, .error-page-content1 {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
}

.error-page-content1 {
  align-self: stretch;
  gap: 48px;
  max-width: 100%;
  padding: 0 20px;
}

.error-page-container1 {
  text-align: center;
  width: 1280px;
  max-width: 1280px;
  padding: 0 32px;
}

.error-page-code-square-02-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.error-page-feature-title, .error-page-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.error-page-feature-title {
  font-weight: 600;
  line-height: 30px;
}

.error-page-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.error-page-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.error-page-text6 {
  min-width: 106px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.error-page-buttonsbutton5 {
  color: #6941c6;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.error-page-content4, .error-page-feature-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.error-page-content4 {
  align-self: stretch;
  gap: 20px;
}

.error-page-feature-text {
  box-sizing: border-box;
  background-color: #f9fafb;
  flex: 1;
  gap: 48px;
  min-width: 280px;
  max-width: 100%;
  padding: 24px;
}

.error-page-text8 {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.error-page-container2, .error-page-content3 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.error-page-content3 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px 30px;
  max-width: 100%;
  padding: 0 4px 0 0;
}

.error-page-container2 {
  color: #101828;
  flex-direction: column;
  align-items: center;
  width: 1280px;
  max-width: 1280px;
  padding: 0 32px;
  font-size: 20px;
}

.error-page-text11 {
  line-height: 20px;
  position: relative;
}

.error-page-placeholder-icon12 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.error-page-text12 {
  white-space: nowrap;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.error-page-buttonsbutton8, .error-page-row {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.error-page-buttonsbutton8 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.error-page-row {
  color: #475467;
  align-items: baseline;
  gap: 3px;
  padding: 0 75px;
  font-size: 14px;
}

.error-page-container, .error-page-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.error-page-content {
  box-sizing: border-box;
  gap: 32px;
  width: 360px;
  max-width: 360px;
  padding: 0;
}

.error-page-container {
  text-align: left;
  color: #6941c6;
  width: 100%;
  max-width: 1280px;
  font-family: Inter;
  font-size: 16px;
}

.error-page-text13 {
  line-height: 20px;
  bottom: 32px;
  left: 32px;
}

.error-page-helpcentergeratorcom, .error-page-mail-01-icon, .error-page-text13 {
  z-index: 1;
  position: absolute;
  margin: 0 !important;
}

.error-page-mail-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  bottom: 34px;
  right: 204px;
  overflow: hidden;
}

.error-page-helpcentergeratorcom {
  white-space: nowrap;
  line-height: 20px;
  bottom: 32px;
  right: 31.5px;
}

.error-page-error-404-page-desktop, .error-page-log-in {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.error-page-log-in {
  text-align: left;
  color: #475467;
  align-self: stretch;
  align-items: center;
  gap: 32px;
  max-width: 100%;
  min-height: 960px;
  padding: 96px 80px 158px;
  font-family: Inter;
  font-size: 14px;
}

.error-page-error-404-page-desktop {
  letter-spacing: normal;
  align-items: flex-start;
  width: 100%;
  padding: 18px 0 0;
  line-height: normal;
  overflow: hidden;
}

.error-page-error-404-page-desktop-custom {
  padding: 0 !important;
}

@media screen and (width <= 1275px) {
  .error-page-container, .error-page-container1, .error-page-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .error-page-log-in {
    box-sizing: border-box;
    padding-top: 62px;
    padding-bottom: 103px;
  }
}

@media screen and (width <= 750px) {
  .error-page-heading {
    font-size: 48px;
    line-height: 58px;
  }

  .error-page-heading-and-supporting-text, .error-page-search-input {
    max-width: 100%;
  }

  .error-page-container1 {
    gap: 16px;
  }

  .error-page-container2 {
    gap: 48px;
  }

  .error-page-content, .error-page-log-in {
    gap: 16px;
  }

  .error-page-log-in {
    box-sizing: border-box;
    padding: 40px 40px 67px;
  }
}

@media screen and (width <= 450px) {
  .error-page-heading {
    font-size: 36px;
    line-height: 43px;
  }

  .error-page-supporting-text {
    font-size: 16px;
    line-height: 24px;
  }

  .error-page-actions {
    flex-wrap: wrap;
  }

  .error-page-content1 {
    gap: 24px;
  }

  .error-page-feature-title {
    font-size: 16px;
    line-height: 24px;
  }

  .error-page-container2, .error-page-feature-text {
    gap: 24px;
  }

  .error-page-row {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }

  .error-page-container {
    gap: 16px;
  }
}

.setting-dashboard-frame-layout-setti-child, .setting-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.setting-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.setting-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.setting-logo, .setting-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.setting-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.setting-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.setting-bar-chart-01-icon, .setting-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.setting-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.setting-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.setting-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.setting-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.setting-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.setting-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.setting-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.setting-text2, .setting-text3 {
  font-family: Inter;
  position: relative;
}

.setting-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.setting-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.setting-badge1, .setting-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.setting-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.setting-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.setting-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.setting-navigation, .setting-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.setting-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.setting-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.setting-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.setting-search-lg-icon, .setting-text6 {
  position: relative;
  overflow: hidden;
}

.setting-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.setting-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.setting-content3, .setting-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.setting-content3 {
  flex: 1;
  gap: 8px;
}

.setting-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-frame-group, .setting-frame-parent, .setting-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.setting-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.setting-frame-group, .setting-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.setting-frame-group {
  flex: 1;
  gap: 38px;
}

.setting-frame-parent {
  gap: 70px;
  width: 754px;
}

.setting-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.setting-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.setting-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.setting-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.setting-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.setting-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.setting-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.setting-dashboard-frame-layout-setti-inner, .setting-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.setting-dashboard-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
}

.setting-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.setting-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.setting-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.setting-nav-item-button2, .setting-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.setting-nav-item-button3 {
  background-color: #f9fafb;
}

.setting-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.setting-navigation1, .setting-navigation2, .setting-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.setting-navigation1 {
  padding: 32px 0 0;
}

.setting-navigation3 {
  gap: 8px;
}

.setting-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.setting-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.setting-content4, .setting-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.setting-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.setting-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.setting-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.setting-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.setting-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.setting-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.setting-badge3, .setting-content6, .setting-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.setting-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.setting-badge3, .setting-nav-item-base3 {
  background-color: #f9fafb;
}

.setting-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.setting-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.setting-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.setting-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.setting-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.setting-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.setting-badge4, .setting-content8, .setting-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.setting-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.setting-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.setting-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.setting-content12, .setting-content5, .setting-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.setting-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.setting-content5, .setting-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.setting-navigation4 {
  color: #344054;
  gap: 4px;
}

.setting-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.setting-supporting-text, .setting-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.setting-title {
  font-weight: 600;
}

.setting-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.setting-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.setting-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.setting-account, .setting-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.setting-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.setting-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.setting-breadcrumb-button-base, .setting-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.setting-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  overflow: hidden;
}

.admin-setting-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.setting-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.setting-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.setting-text22 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.setting-breadcrumb-button-base1 {
  text-align: center;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.setting-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.setting-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.setting-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.setting-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.setting-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.setting-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.setting-breadcrumb-button-base4 {
  color: #344054;
  background-color: #0000;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.setting-tabs {
  gap: 8px;
}

.setting-breadcrumbs, .setting-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.setting-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.setting-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.setting-container {
  padding: 0 32px;
}

.setting-container, .setting-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.setting-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.setting-main, .setting-main-child, .setting-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.setting-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.setting-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.setting-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-breadcrumb-button-base6, .setting-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.setting-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.setting-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.setting-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.setting-breadcrumbs1, .setting-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.setting-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.setting-breadcrumbs1 {
  width: 278px;
  display: none;
}

.setting-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.setting-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.setting-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.setting-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.setting-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.setting-button, .setting-button1, .setting-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.setting-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.setting-button1, .setting-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.setting-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.setting-actions, .setting-button2, .setting-button3 {
  flex-direction: row;
  align-items: center;
}

.setting-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.setting-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: inherit;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.setting-input-with-label1, .setting-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.setting-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.setting-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.setting-content13, .setting-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.setting-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.setting-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.setting-content13, .setting-divider-icon2, .setting-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.setting-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.setting-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.setting-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.setting-text36 {
  color: inherit;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.setting-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 15px 12px 4px;
  display: flex;
}

.setting-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 15px 12px 4px;
  display: flex;
}

.setting-badge-count, .setting-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.setting-badge10, .setting-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.setting-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.setting-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.setting-text39, .setting-text40, .setting-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-text40, .setting-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.setting-text43 {
  min-width: 83px;
}

.setting-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.setting-text45, .setting-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-text46 {
  min-width: 24px;
}

.setting-tab-button-base9, .setting-tabs2 {
  flex-direction: row;
  display: flex;
}

.setting-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.setting-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.setting-container1, .setting-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.setting-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.setting-container1 {
  gap: 24px;
  padding: 0 32px;
}

.setting-container1, .setting-header-content, .setting-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.setting-header-section1 {
  flex-direction: column;
  flex: 1;
}

.setting-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.setting-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.setting-button4, .setting-button5, .setting-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.setting-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.setting-button4, .setting-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.setting-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.setting-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.setting-supporting-text2, .setting-toggle-title {
  align-self: stretch;
  position: relative;
}

.setting-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.setting-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.setting-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.setting-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.setting-button6, .setting-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.setting-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  position: relative;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.setting-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
}

.setting-supporting-text3, .setting-switch-label {
  line-height: 20px;
  position: relative;
}

.setting-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  display: inline-block;
}

.setting-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.setting-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.setting-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-text49 {
  color: #fff;
  text-align: left;
  min-width: 110px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-button8, .setting-toggle-controls, .setting-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.setting-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-toggle-controls, .setting-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.setting-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.setting-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.setting-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.setting-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.setting-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.setting-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.setting-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.setting-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.setting-input-field, .setting-input2 {
  justify-content: flex-start;
  display: flex;
}

.setting-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.setting-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.setting-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-size: 16px;
}

.setting-content15, .setting-content17, .setting-input-fields, .setting-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.setting-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-content15, .setting-input-fields {
  align-items: flex-start;
}

.setting-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.setting-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.setting-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.setting-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.setting-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.setting-content19, .setting-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.setting-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.setting-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-hint-text2 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.setting-content18, .setting-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.setting-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.setting-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.setting-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.setting-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.setting-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.setting-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.setting-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.setting-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.setting-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.setting-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.setting-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.setting-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.setting-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.setting-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.setting-cursor-icon, .setting-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.setting-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.setting-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.setting-content23, .setting-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.setting-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.setting-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.setting-avatar-and-file-upload, .setting-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.setting-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.setting-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-size: 16px;
}

.setting-supporting-text6, .setting-text59 {
  line-height: 24px;
  position: relative;
}

.setting-text59 {
  min-width: 68px;
  font-weight: 500;
  display: inline-block;
}

.setting-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.setting-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.setting-content29, .setting-input-dropdown1, .setting-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.setting-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.setting-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.setting-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.setting-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-content33, .setting-input10, .setting-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.setting-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-size: 16px;
  font-weight: 500;
}

.setting-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.setting-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.setting-supporting-text8, .setting-text66 {
  line-height: 24px;
  position: relative;
}

.setting-text66 {
  font-weight: 500;
}

.setting-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.setting-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.setting-content41, .setting-form-content, .setting-form-content-wrapper, .setting-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.setting-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-form-content, .setting-form-content-wrapper {
  align-items: flex-start;
}

.setting-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.setting-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.setting-write-a-short {
  margin-block: 0 14px;
}

.setting-this-is-also {
  margin: 0;
}

.setting-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.setting-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.setting-content43, .setting-input-dropdown8, .setting-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.setting-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.setting-wysiwyg-editor-icon, .setting-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.setting-wysiwyg-editor-icon2 {
  display: none;
}

.setting-icons, .setting-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.setting-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.setting-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.setting-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.setting-input16, .setting-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.setting-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-textarea-input-field {
  gap: 6px;
}

.setting-content45, .setting-file-upload-base1, .setting-textarea-input-field, .setting-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.setting-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.setting-content45, .setting-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.setting-content45 {
  gap: 12px;
}

.setting-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.setting-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.setting-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.setting-file-type-wrap1, .setting-item-container, .setting-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.setting-item-info-container {
  flex-direction: row;
  position: relative;
}

.setting-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.setting-supporting-text13, .setting-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.setting-uploaded-file-name {
  font-weight: 500;
}

.setting-supporting-text13 {
  color: #475467;
}

.setting-background, .setting-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.setting-progress {
  background-color: #7e56d9;
}

.setting-item-progress-info, .setting-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.setting-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.setting-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.setting-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.setting-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.setting-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.setting-file-upload-item-base, .setting-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.setting-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.setting-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.setting-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.setting-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.setting-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.setting-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.setting-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.setting-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.setting-background1, .setting-progress1 {
  border-radius: 9999px;
  position: relative;
}

.setting-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.setting-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.setting-progress-bar-wrapper, .setting-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.setting-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.setting-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.setting-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.setting-file-upload-item-base1, .setting-progress-bar-container-parent, .setting-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.setting-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.setting-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.setting-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.setting-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.setting-file-type-wrap3, .setting-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.setting-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.setting-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.setting-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-file-upload-item-base2, .setting-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.setting-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.setting-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.setting-content-wrapper, .setting-content44, .setting-file-queue, .setting-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.setting-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.setting-content-wrapper, .setting-content44 {
  flex-direction: row;
  max-width: 100%;
}

.setting-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.setting-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.setting-divider-icon4, .setting-text73 {
  align-self: stretch;
  position: relative;
}

.setting-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.setting-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.setting-button9, .setting-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.setting-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.setting-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.setting-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-button10, .setting-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.setting-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-text76 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.setting-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.setting-actions1, .setting-button11, .setting-content46, .setting-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.setting-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 65px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.setting-actions1, .setting-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.setting-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.setting-content46 {
  align-self: stretch;
  gap: 20px;
}

.setting-main1, .setting-section-footer, .setting-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.setting-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.setting-main1, .setting-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.setting-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.setting-main1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.setting-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1038px;
  max-width: 100%;
  font-family: Inter;
  display: flex;
}

.setting-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.setting-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 701px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.setting-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  font-size: 16px;
}

.setting-footer-text {
  line-height: 20px;
  position: relative;
}

.setting-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.setting-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.setting-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.setting-logo-wrapper1, .setting-logomark, .setting-logomark1 {
  flex-direction: row;
  display: flex;
}

.setting-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.setting-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.setting-content47, .setting-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.setting-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.setting-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.setting-divider-icon5, .setting-footer1 {
  align-self: stretch;
  overflow: hidden;
}

.setting-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.setting-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.setting-dashboard-frame-layout-setti, .setting-dashboard-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.setting-dashboard-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.setting-dashboard-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1275px) {
  .setting-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .setting-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .setting-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .setting-tabs2, .setting-toggle-header-parent {
    flex-wrap: wrap;
  }

  .setting-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .setting-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 750px) {
  .setting-frame-group {
    gap: 19px;
  }

  .setting-frame-parent {
    gap: 35px;
  }

  .setting-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .setting-main {
    gap: 16px;
  }

  .setting-page-title {
    font-size: 24px;
    line-height: 30px;
  }

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

  .setting-input-dropdown {
    max-width: 100%;
  }

  .setting-input-fields, .setting-toggle-controls {
    flex-wrap: wrap;
  }

  .setting-input-field1, .setting-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .setting-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .setting-avatar-and-file-upload, .setting-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .setting-content41, .setting-input14 {
    flex-wrap: wrap;
  }

  .setting-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .setting-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .setting-file-upload-item-base, .setting-file-upload-item-base1, .setting-file-upload-item-base2, .setting-frame-div, .setting-item-progress-container, .setting-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .setting-file-upload {
    max-width: 100%;
  }

  .setting-file-upload, .setting-main-parent {
    min-width: 100%;
  }

  .setting-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .setting-container2 {
    gap: 16px;
  }

  .setting-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .setting-frame-parent {
    gap: 17px;
  }

  .setting-account {
    gap: 23px;
  }

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

  .setting-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .setting-content15 {
    gap: 16px;
  }

  .setting-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

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

  .setting-content29, .setting-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .setting-content41 {
    padding-right: 58px;
  }

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

  .setting-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .setting-item-status {
    margin-left: 0;
  }

  .setting-content44 {
    gap: 16px;
  }

  .setting-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .setting-footer1 {
    gap: 16px;
  }
}

.profile-setting-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1200px) {
  .update-profile-view-progress-container {
    flex: 1;
  }

  .update-profile-view-section2 {
    box-sizing: border-box;
    gap: 70px;
    min-width: 100%;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .update-profile-view-content-elements-wrapper {
    box-sizing: border-box;
    padding-bottom: 69px;
  }

  .update-profile-view-content-wrapper-wrapper {
    flex: 1;
  }

  .update-profile-view-update-profile-view {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-left: 10px;
  }
}

@media screen and (width <= 1050px) {
  .update-profile-view-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .update-profile-view-content12, .update-profile-view-content32 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .update-profile-view-actions5 {
    box-sizing: border-box;
    flex-wrap: wrap;
    max-width: 150px;
    padding-left: 0;
  }

  .update-profile-view-content34 {
    justify-content: flex-start;
  }

  .update-profile-view-content-wrapper-wrapper {
    min-width: 100%;
  }
}

@media screen and (width <= 750px) {
  .update-profile-view-section2 {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .update-profile-view-actions4, .update-profile-view-input-fields {
    flex-wrap: wrap;
  }

  .update-profile-view-input-field1, .update-profile-view-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .update-profile-view-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .update-profile-view-avatar-and-file-upload, .update-profile-view-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .update-profile-view-content-elements-wrapper {
    box-sizing: border-box;
    padding-bottom: 45px;
  }

  .update-profile-view-help-content {
    flex-wrap: wrap;
  }

  .update-profile-view-content-wrapper {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .update-profile-view-mobile-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    width: 375px;
    height: 10px;
    padding-top: 30px;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-flex;
  }

  .update-profile-view-mobile-PaginationDotGroup {
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: inline-flex;
  }

  .update-profile-view-mobile-PaginationDotIndicator {
    background-color: #eaecf0;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .update-profile-view-mobile-PaginationDotIndicator1 {
    background-color: #7f56d9;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .update-profile-view-progress-steps-progress-icon1 {
    display: none;
  }

  .update-profile-view-step-base6, .update-profile-view-step-elements {
    flex-wrap: wrap;
  }

  .update-profile-view-progress-container {
    gap: 40px;
  }

  .update-profile-view-text-container {
    flex-wrap: wrap;
  }

  .update-profile-view-section2 {
    background-color: #fff;
    gap: 50px;
    max-width: 90%;
    height: fit-content;
    padding-top: 10px;
    padding-bottom: 25px;
    padding-left: 5px;
  }

  .update-profile-view-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .update-profile-view-content9 {
    gap: 16px;
  }

  .update-profile-view-content12 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .update-profile-view-action {
    flex-wrap: wrap;
  }

  .update-profile-view-content23, .update-profile-view-content32 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .update-profile-view-content32 {
    gap: 16px;
    padding-right: 25px;
  }

  .update-profile-view-actions5 {
    box-sizing: border-box;
    padding-left: 0;
  }

  .update-profile-view-file {
    width: 30px;
    height: 30px;
    right: -10px;
  }

  .update-profile-view-cursor-icon {
    top: 18px;
    left: 18px;
  }

  .update-profile-view-content-wrapper-inner {
    padding-top: 50px;
  }
}

.business-display-dashboard-frame-layout-setti-child, .business-display-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.business-display-dashboard-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.business-display-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.business-display-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.business-display-logo, .business-display-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-display-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.business-display-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.business-display-bar-chart-01-icon, .business-display-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.business-display-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.business-display-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-display-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.business-display-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.business-display-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.business-display-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.business-display-text2, .business-display-text3 {
  font-family: Inter;
  position: relative;
}

.business-display-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.business-display-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.business-display-badge1, .business-display-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.business-display-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.business-display-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.business-display-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-display-navigation, .business-display-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.business-display-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.business-display-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.business-display-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-display-search-lg-icon, .business-display-text6 {
  position: relative;
  overflow: hidden;
}

.business-display-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.business-display-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.business-display-content3, .business-display-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.business-display-content3 {
  flex: 1;
  gap: 8px;
}

.business-display-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-frame-group, .business-display-frame-parent, .business-display-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-display-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.business-display-frame-group, .business-display-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.business-display-frame-group {
  flex: 1;
  gap: 38px;
}

.business-display-frame-parent {
  gap: 70px;
  width: 754px;
}

.business-display-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.business-display-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.business-display-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.business-display-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.business-display-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.business-display-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.business-display-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.business-display-dashboard-frame-layout-setti-inner, .business-display-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-display-rectangle-parent {
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.business-display-dashboard-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.business-display-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.business-display-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  margin-top: -134px;
  padding: 0 0 134px;
  display: flex;
}

.business-display-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.business-display-nav-item-button2, .business-display-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.business-display-nav-item-button3 {
  background-color: #f9fafb;
}

.business-display-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.business-display-navigation1, .business-display-navigation2, .business-display-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-display-navigation1 {
  padding: 32px 0 0;
}

.business-display-navigation3 {
  gap: 8px;
}

.business-display-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.business-display-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.business-display-content4, .business-display-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.business-display-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.business-display-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.business-display-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.business-display-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.business-display-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.business-display-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-display-badge3, .business-display-content6, .business-display-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.business-display-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.business-display-badge3, .business-display-nav-item-base3 {
  background-color: #f9fafb;
}

.business-display-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.business-display-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.business-display-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-display-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.business-display-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.business-display-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.business-display-badge4, .business-display-content8, .business-display-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.business-display-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.business-display-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.business-display-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-display-content12, .business-display-content5, .business-display-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.business-display-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.business-display-content5, .business-display-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.business-display-navigation4 {
  color: #344054;
  gap: 4px;
}

.business-display-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.business-display-supporting-text, .business-display-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.business-display-title {
  font-weight: 600;
}

.business-display-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.business-display-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.business-display-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.business-display-account, .business-display-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.business-display-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.business-display-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.business-display-breadcrumb-button-base, .business-display-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-display-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  height: 1260px;
  overflow: hidden;
}

.business-display-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.business-display-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.business-display-text22 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-display-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.business-display-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.business-display-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.business-display-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-display-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.business-display-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.business-display-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-display-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.business-display-tabs {
  gap: 8px;
}

.business-display-breadcrumbs, .business-display-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.business-display-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.business-display-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.business-display-container {
  padding: 0 32px;
}

.business-display-container, .business-display-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.business-display-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.business-display-main, .business-display-main-child, .business-display-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.business-display-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.business-display-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.business-display-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-breadcrumb-button-base6, .business-display-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.business-display-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.business-display-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.business-display-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.business-display-breadcrumbs1, .business-display-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.business-display-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.business-display-breadcrumbs1 {
  width: 278px;
  display: none;
}

.business-display-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.business-display-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.business-display-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.business-display-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-display-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.business-display-button, .business-display-button1, .business-display-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.business-display-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.business-display-button1, .business-display-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.business-display-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.business-display-actions, .business-display-button2, .business-display-button3 {
  flex-direction: row;
  align-items: center;
}

.business-display-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.business-display-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.business-display-input-with-label1, .business-display-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.business-display-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.business-display-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-display-content13, .business-display-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-display-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.business-display-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.business-display-content13, .business-display-divider-icon2, .business-display-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.business-display-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-display-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.business-display-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-display-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.business-display-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.business-display-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.business-display-badge-count, .business-display-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.business-display-badge10, .business-display-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.business-display-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.business-display-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.business-display-text39, .business-display-text40, .business-display-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-text40, .business-display-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.business-display-text43 {
  min-width: 83px;
}

.business-display-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.business-display-text45, .business-display-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-text46 {
  min-width: 24px;
}

.business-display-tab-button-base9, .business-display-tabs2 {
  flex-direction: row;
  display: flex;
}

.business-display-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.business-display-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.business-display-container1, .business-display-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.business-display-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-display-container1 {
  gap: 24px;
  padding: 0 32px;
}

.business-display-container1, .business-display-header-content, .business-display-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-display-header-section1 {
  flex-direction: column;
  flex: 1;
}

.business-display-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.business-display-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.business-display-button4, .business-display-button5, .business-display-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.business-display-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.business-display-button4, .business-display-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.business-display-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.business-display-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.business-display-supporting-text2, .business-display-toggle-title, .business-display-title1 {
  align-self: stretch;
  position: relative;
}

.business-display-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.business-display-toggle-title1 {
  color: #7e56d9;
  font-weight: 600;
  line-height: 28px;
}

.business-display-toggle-title2 {
  color: #7e56d9;
  margin: 200px 0 0 20px;
  font-weight: 600;
  line-height: 28px;
}

.business-display-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.business-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.business-display-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.business-display-button6, .business-display-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.business-display-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  position: relative;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.business-display-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
}

.business-display-supporting-text3, .business-display-switch-label {
  line-height: 20px;
  position: relative;
}

.business-display-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  display: inline-block;
}

.business-display-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.business-display-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.business-display-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-text49 {
  color: #fff;
  text-align: left;
  min-width: 110px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-button8, .business-display-toggle-controls, .business-display-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-display-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-toggle-controls, .business-display-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.business-display-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.business-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.business-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.business-display-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.business-display-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.business-display-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-display-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.business-display-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.business-display-input-field, .business-display-input2 {
  justify-content: flex-start;
  display: flex;
}

.business-display-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.business-display-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-display-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.business-display-content15, .business-display-content17, .business-display-input-fields, .business-display-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.business-display-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-content15, .business-display-input-fields {
  align-items: flex-start;
}

.business-display-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.business-display-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.business-display-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.business-display-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.business-display-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.business-display-content19, .business-display-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.business-display-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.business-display-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-hint-text2 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-display-content18, .business-display-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-display-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.business-display-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.business-display-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.business-display-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.business-display-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.business-display-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.business-display-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.business-display-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.business-display-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.business-display-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.business-display-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.business-display-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.business-display-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.business-display-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.business-display-cursor-icon, .business-display-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.business-display-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.business-display-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.business-display-content23, .business-display-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.business-display-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.business-display-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.business-display-avatar-and-file-upload, .business-display-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.business-display-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.business-display-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.business-display-supporting-text6, .business-display-text59 {
  line-height: 24px;
  position: relative;
}

.business-display-text59 {
  min-width: 208px;
  font-weight: 500;
  display: inline-block;
}

.business-display-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.business-display-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.business-display-content29, .business-display-input-dropdown1, .business-display-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.business-display-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.business-display-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-display-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.business-display-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-content33, .business-display-input10, .business-display-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.business-display-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.business-display-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-input10-banner {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.business-display-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.business-display-supporting-text8, .business-display-text66 {
  line-height: 24px;
  position: relative;
}

.business-display-text66 {
  font-weight: 500;
}

.business-display-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.business-display-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.business-display-content41, .business-display-form-content, .business-display-form-content-wrapper, .business-display-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.business-display-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-form-content, .business-display-form-content-wrapper {
  align-items: flex-start;
}

.business-display-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.business-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.business-display-write-a-short {
  margin-block: 0 14px;
}

.business-display-this-is-also {
  margin: 0;
}

.business-display-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-display-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.business-display-content43, .business-display-input-dropdown8, .business-display-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.business-display-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.business-display-wysiwyg-editor-icon, .business-display-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.business-display-wysiwyg-editor-icon2 {
  display: none;
}

.business-display-icons, .business-display-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.business-display-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.business-display-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-display-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-display-input16, .business-display-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.business-display-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-textarea-input-field {
  gap: 6px;
}

.business-display-content45, .business-display-file-upload-base1, .business-display-textarea-input-field, .business-display-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.business-display-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.business-display-content45, .business-display-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.business-display-content45 {
  gap: 12px;
}

.business-display-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.business-display-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.business-display-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.business-display-file-type-wrap1, .business-display-item-container, .business-display-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-display-item-info-container {
  flex-direction: row;
  position: relative;
}

.business-display-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.business-display-supporting-text13, .business-display-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.business-display-uploaded-file-name {
  font-weight: 500;
}

.business-display-supporting-text13 {
  color: #475467;
}

.business-display-background, .business-display-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.business-display-progress {
  background-color: #7e56d9;
}

.business-display-item-progress-info, .business-display-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-display-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.business-display-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.business-display-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.business-display-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.business-display-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.business-display-file-upload-item-base, .business-display-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-display-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.business-display-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.business-display-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.business-display-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.business-display-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.business-display-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.business-display-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.business-display-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.business-display-background1, .business-display-progress1 {
  border-radius: 9999px;
  position: relative;
}

.business-display-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.business-display-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.business-display-progress-bar-wrapper, .business-display-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-display-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.business-display-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.business-display-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.business-display-file-upload-item-base1, .business-display-progress-bar-container-parent, .business-display-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-display-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.business-display-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.business-display-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.business-display-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.business-display-file-type-wrap3, .business-display-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.business-display-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.business-display-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.business-display-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-file-upload-item-base2, .business-display-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.business-display-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.business-display-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.business-display-content-wrapper, .business-display-content44, .business-display-file-queue, .business-display-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-display-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.business-display-content-wrapper, .business-display-content44 {
  flex-direction: row;
  max-width: 100%;
}

.business-display-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.business-display-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.business-display-divider-icon4, .business-display-text73 {
  align-self: stretch;
  position: relative;
}

.business-display-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.business-display-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.business-display-button9, .business-display-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.business-display-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.business-display-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.business-display-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-button10, .business-display-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.business-display-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-text76 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.business-display-actions1, .business-display-button11, .business-display-content46, .business-display-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.business-display-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 65px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.business-display-actions1, .business-display-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.business-display-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.business-display-content46 {
  align-self: stretch;
  gap: 20px;
}

.business-display-main1, .business-display-section-footer, .business-display-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.business-display-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.business-display-main1, .business-display-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.business-display-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.business-display-main1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.business-display-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 24px;
}

.business-display-main-parent, .business-display-main-wrapper, .business-display-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-display-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.business-display-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  margin-top: -134px;
  padding: 0 0 137px;
  font-family: Inter;
  font-size: 16px;
}

.business-display-footer-text {
  line-height: 20px;
  position: relative;
}

.business-display-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.business-display-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.business-display-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.business-display-logo-wrapper1, .business-display-logomark, .business-display-logomark1 {
  flex-direction: row;
  display: flex;
}

.business-display-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.business-display-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.business-display-content47, .business-display-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-display-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.business-display-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.business-display-divider-icon5, .business-display-footer1 {
  align-self: stretch;
  margin-top: -134px;
  overflow: hidden;
}

.business-display-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.business-display-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.business-display-dashboard-frame-layout-setti, .business-display-dashboard-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-display-dashboard-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  min-height: 1480px;
  padding: 7px 0 0;
}

.business-display-dashboard-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

.business-display-span {
  color: #f04438;
}

.business-display-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.business-display-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.business-display-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.business-display-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.business-display-transaction-type {
  color: #344054;
}

.business-display-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.business-display-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.business-display-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.business-display-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.business-display-content-display-div {
  border: none;
  border-radius: 10px;
  width: 100%;
  height: 900px;
  box-shadow: 0 0 10px #80808080;
}

.business-display-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  margin: -24px 0 0 45px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.business-display-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 16px;
  position: relative;
  overflow: hidden;
}

.business-display-bookmark-check-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.business-display-bookmark-check-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  margin: -58px 0 0 780px;
  padding: 11px 0 0;
  display: flex;
}

.business-display-supporting-text-container {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 114px;
  margin: -30px 0 0 800px;
  padding: 9px 0 0;
  font-size: 12px;
  display: flex;
}

.business-display-supporting-text22 {
  z-index: 1;
  align-self: stretch;
  min-width: 114px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-display-rectangle-group {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 14px 13px 15px;
  display: flex;
  margin: 0 !important;
}

.business-display-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 261px;
  height: 261px;
  display: none;
  position: relative;
}

.business-display-rectangle-container {
  z-index: 3;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.business-display-frame-inner {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 230px;
  height: 230px;
  display: none;
  position: relative;
}

.business-display-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 4;
  object-fit: cover;
  z-index: 1;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 155px;
  position: relative;
}

.business-display-details {
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-flow: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  width: 90%;
  padding: 18px 23px;
  font-size: 14px;
  display: flex;
  overflow-x: auto;
}

.business-display-text32 {
  min-width: 85px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-display-label-and-text {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.business-display-label-and-text1 {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 126px;
  display: flex;
}

.business-display-label-and-text2 {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 114px;
  display: flex;
}

.business-display-label-and-text3 {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 198px;
  display: flex;
}

.business-display-text14 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.business-display-buttonsbutton6 {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.business-display-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.business-display-text33 {
  white-space: nowrap;
  min-width: 126px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-display-text14a {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.business-display-buttonsbutton8 {
  color: #6941c6;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.business-display-text35a {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.business-display-content4a {
  z-index: 1;
  flex-flow: wrap;
  flex: 1;
  place-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  margin: 20px 0 0 20px;
  display: flex;
}

.business-display-about {
  flex-direction: column;
  flex: 1;
  min-width: 720px;
}

.business-display-paragraph-and-social-icons {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.business-display-paragraph-and-button {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 640px;
  min-width: 480px;
  max-width: 640px;
  padding: 0;
  display: flex;
}

.business-display-paragraph {
  flex-shrink: 0;
  width: 817px;
  max-width: 128%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-display-paragraph1 {
  flex-shrink: 0;
  width: 817px;
  max-width: 128%;
  margin: 20px 0 0 20px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.business-display-as-lawmakers-seek {
  margin-block: 0 16px;
  font-weight: 600;
}

.business-display-the-texas-hospital {
  white-space: pre-wrap;
  margin: 0;
}

.business-display-buttonsbutton5a {
  color: #6941c6;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 130px;
  height: 20px;
  font-size: 14px;
  display: flex;
  overflow: hidden;
}

.business-display-text31 {
  align-self: stretch;
  width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: none;
  position: relative;
}

.business-display-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.business-display-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.business-display-badge-icon1 {
  flex-shrink: 0;
  width: max-content;
  height: max-content;
  min-height: 20px;
  position: relative;
  top: 5px;
  overflow: hidden;
}

.business-display-dots-icon1 {
  flex-shrink: 0;
  width: max-content;
  height: max-content;
  min-height: 20px;
  position: relative;
  top: 10px;
  overflow: hidden;
}

.business-display-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 295px;
  right: 20px;
}

@media screen and (width <= 1275px) {
  .business-display-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .business-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .business-display-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .business-display-tabs2, .business-display-toggle-header-parent {
    flex-wrap: wrap;
  }

  .business-display-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .business-display-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 750px) {
  .business-display-frame-group {
    gap: 19px;
  }

  .business-display-frame-parent {
    gap: 35px;
  }

  .business-display-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .business-display-main {
    gap: 16px;
  }

  .business-display-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .business-display-actions {
    flex-wrap: wrap;
  }

  .business-display-input-dropdown {
    max-width: 100%;
  }

  .business-display-input-fields, .business-display-toggle-controls {
    flex-wrap: wrap;
  }

  .business-display-input-field1, .business-display-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .business-display-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .business-display-avatar-and-file-upload, .business-display-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .business-display-content41, .business-display-input14 {
    flex-wrap: wrap;
  }

  .business-display-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .business-display-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .business-display-file-upload-item-base, .business-display-file-upload-item-base1, .business-display-file-upload-item-base2, .business-display-frame-div, .business-display-item-progress-container, .business-display-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .business-display-file-upload {
    max-width: 100%;
  }

  .business-display-file-upload, .business-display-main-parent {
    min-width: 100%;
  }

  .business-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .business-display-container2 {
    gap: 16px;
  }

  .business-display-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .business-display-frame-parent {
    gap: 17px;
  }

  .business-display-account {
    gap: 23px;
  }

  .business-display-tabs1 {
    flex-wrap: wrap;
  }

  .business-display-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .business-display-content15 {
    gap: 16px;
  }

  .business-display-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .business-display-action {
    flex-wrap: wrap;
  }

  .business-display-content29, .business-display-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .business-display-content41 {
    padding-right: 58px;
  }

  .business-display-input15 {
    flex-wrap: wrap;
  }

  .business-display-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .business-display-item-status {
    margin-left: 0;
  }

  .business-display-content44 {
    gap: 16px;
  }

  .business-display-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .business-display-footer1 {
    gap: 16px;
  }
}

.business-display-menu {
  background: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 336px;
  display: inline-flex;
  overflow: hidden;
  box-shadow: 0 4px 6px -2px #10182808;
}

.business-display-content {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  height: max-content;
  padding: 12px;
  display: flex;
}

.business-display-navMenuItem {
  border-radius: 8px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  height: 170px;
  padding: 12px 12px 12px 0;
  display: inline-flex;
}

.business-display-navMenuItem:hover {
  background-color: #eaecf0;
}

.business-display-navMenuItem2 {
  border-radius: 8px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  height: max-content;
  padding: 12px 12px 12px 0;
  display: inline-flex;
}

.business-display-navMenuItem2-disabled {
  cursor: default;
  background-color: #eaecf0;
}

.business-display-navMenuItem2:hover {
  background-color: #eaecf0;
}

.business-display-navMenuItem3 {
  border-radius: 8px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  height: max-content;
  padding: 12px 12px 12px 0;
  display: inline-flex;
}

.business-display-navMenuItem3:hover {
  background-color: #eaecf0;
}

.business-display-iconWrapper {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  display: flex;
}

.business-display-icon {
  width: 16px;
  height: 20px;
}

.business-display-itemContent {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: inline-flex;
}

.business-display-textAndSupportingText {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  height: max-content;
  display: flex;
}

.business-display-textAndBadge {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.business-display-text {
  color: #101828;
  word-wrap: break-word;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.business-display-supportingText {
  color: #475467;
  word-wrap: break-word;
  align-self: stretch;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.address-display-text-overlflow {
  width: 100%;
}

.address-display-Content-width {
  width: 80%;
}

.address-display-buttonsbutton-wrapper-width {
  width: 20%;
}

.address-display-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  padding: 0 29px;
  display: flex;
}

.address-display-x-close-icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.address-display-button-close-x1 {
  box-sizing: border-box;
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 40px;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 611px;
  overflow: hidden;
}

.address-display-featured-icon1, .address-display-frame-child5 {
  border-radius: 12px;
  position: relative;
}

.address-display-frame-child5 {
  background-color: #fff;
  width: 633.4px;
  max-width: 100%;
  height: 546px;
  display: none;
}

.address-display-featured-icon1 {
  width: 56px;
  height: 56px;
}

.address-display-supporting-text5, .address-display-title1 {
  align-self: stretch;
  position: relative;
}

.address-display-title1 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.address-display-supporting-text5 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.address-display-header1, .address-display-text-and-supporting-text3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.address-display-header1 {
  text-align: center;
  color: #101828;
  align-items: center;
  gap: 24px;
  font-size: 30px;
}

.address-display-placeholder-icon25 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.address-display-text76 {
  color: #fff;
  text-align: left;
  min-width: 71px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-display-buttonsbutton10, .address-display-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.address-display-buttonsbutton10 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 8px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-secondary-label {
  line-height: 20px;
  position: relative;
}

.address-display-placeholder-icon27 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.address-display-text77 {
  min-width: 102px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-buttonsbutton11, .address-display-row1 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.address-display-buttonsbutton11 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.address-display-row1 {
  align-items: flex-start;
  gap: 3px;
  padding: 0 14px;
}

.address-display-arrow-left-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.address-display-back-label {
  min-width: 91px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-buttonsbutton12 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.address-display-container9, .address-display-content22 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.address-display-content22 {
  gap: 32px;
  max-width: 360px;
}

.address-display-container9 {
  box-sizing: border-box;
  max-width: 1280px;
  padding: 0 32px;
}

.address-display-content21 {
  width: 100%;
  max-width: 361px;
}

.address-display-container7, .address-display-container8, .address-display-content21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.address-display-container8 {
  align-self: stretch;
  padding: 0 48px;
}

.address-display-container7 {
  box-sizing: border-box;
  z-index: 1;
  border: 2px #000;
  flex: 1;
  max-width: 100%;
  padding: 0 32px;
}

.address-display-email-popup, .address-display-frame-section {
  background-color: #fff;
  max-width: 100%;
}

.address-display-frame-section {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 633.4px;
  padding: 94px 55px 94px 56px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.address-display-email-popup {
  letter-spacing: normal;
  width: 650px;
  height: 546px;
  line-height: normal;
  overflow: hidden;
}

.address-display-address-display-frame-layout-setti-child, .address-display-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.address-display-address-display-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.address-display-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.address-display-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.address-display-logo, .address-display-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-display-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.address-display-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.address-display-bar-chart-01-icon, .address-display-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.address-display-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.address-display-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-display-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.address-display-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.address-display-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.address-display-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.address-display-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.address-display-text2, .address-display-text3 {
  font-family: Inter;
  position: relative;
}

.address-display-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.address-display-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.address-display-badge1, .address-display-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.address-display-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.address-display-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.address-display-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-display-navigation, .address-display-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.address-display-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.address-display-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.address-display-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.address-display-search-lg-icon, .address-display-text6 {
  position: relative;
  overflow: hidden;
}

.address-display-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.address-display-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.address-display-content3, .address-display-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.address-display-content3 {
  flex: 1;
  gap: 8px;
}

.address-display-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-frame-group, .address-display-frame-parent, .address-display-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-display-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.address-display-frame-group, .address-display-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.address-display-frame-group {
  flex: 1;
  gap: 38px;
}

.address-display-frame-parent {
  gap: 70px;
  width: 754px;
}

.address-display-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.address-display-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.address-display-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.address-display-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.address-display-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.address-display-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.address-display-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.address-display-address-display-frame-layout-setti-inner, .address-display-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-display-rectangle-parent {
  z-index: 2;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 0;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.address-display-address-display-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.address-display-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.address-display-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  margin-top: -134px;
  padding: 0 0 134px;
  display: flex;
}

.address-display-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.address-display-nav-item-button2, .address-display-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.address-display-nav-item-button3 {
  background-color: #f9fafb;
}

.address-display-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.address-display-navigation1, .address-display-navigation2, .address-display-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-display-navigation1 {
  padding: 32px 0 0;
}

.address-display-navigation3 {
  gap: 8px;
}

.address-display-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.address-display-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.address-display-content4, .address-display-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.address-display-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.address-display-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.address-display-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.address-display-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.address-display-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-display-badge3, .address-display-content6, .address-display-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.address-display-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.address-display-badge3, .address-display-nav-item-base3 {
  background-color: #f9fafb;
}

.address-display-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.address-display-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.address-display-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-display-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.address-display-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.address-display-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.address-display-badge4, .address-display-content8, .address-display-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.address-display-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.address-display-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.address-display-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-display-content12, .address-display-content5, .address-display-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.address-display-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.address-display-content5, .address-display-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.address-display-navigation4 {
  color: #344054;
  gap: 4px;
}

.address-display-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.address-display-supporting-text, .address-display-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.address-display-title {
  font-weight: 600;
}

.address-display-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.address-display-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.address-display-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.address-display-account, .address-display-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.address-display-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.address-display-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.address-display-breadcrumb-button-base, .address-display-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-display-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  height: 1260px;
  overflow: hidden;
}

.address-display-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.address-display-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.address-display-text22 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-display-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.address-display-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.address-display-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.address-display-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.address-display-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.address-display-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.address-display-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-display-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.address-display-tabs {
  gap: 8px;
}

.address-display-breadcrumbs, .address-display-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.address-display-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.address-display-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.address-display-container {
  padding: 0 32px;
}

.address-display-container, .address-display-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.address-display-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.address-display-main, .address-display-main-child, .address-display-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.address-display-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.address-display-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.address-display-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-breadcrumb-button-base6, .address-display-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.address-display-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.address-display-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.address-display-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.address-display-breadcrumbs1, .address-display-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.address-display-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.address-display-breadcrumbs1 {
  width: 278px;
  display: none;
}

.address-display-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.address-display-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.address-display-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.address-display-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.address-display-plus-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.address-display-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.address-display-button, .address-display-button1, .address-display-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.address-display-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.address-display-button1, .address-display-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.address-display-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.address-display-actions, .address-display-button2, .address-display-button3 {
  flex-direction: row;
  align-items: center;
}

.address-display-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.address-display-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.address-display-input-with-label1, .address-display-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.address-display-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.address-display-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.address-display-content13, .address-display-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-display-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.address-display-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.address-display-content13, .address-display-divider-icon2, .address-display-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.address-display-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.address-display-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.address-display-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-display-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.address-display-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-display-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.address-display-badge-count, .address-display-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.address-display-badge10, .address-display-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.address-display-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.address-display-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.address-display-text39, .address-display-text40, .address-display-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-text40, .address-display-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.address-display-text43 {
  min-width: 83px;
}

.address-display-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.address-display-text45, .address-display-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-text46 {
  min-width: 24px;
}

.address-display-tab-button-base9, .address-display-tabs2 {
  flex-direction: row;
  display: flex;
}

.address-display-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.address-display-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.address-display-container1, .address-display-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.address-display-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-display-container1 {
  gap: 24px;
  padding: 0 32px;
}

.address-display-container1, .address-display-header-content, .address-display-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-display-header-section1 {
  flex-direction: column;
  flex: 1;
}

.address-display-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.address-display-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.address-display-button4, .address-display-button5, .address-display-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.address-display-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.address-display-button4, .address-display-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.address-display-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.address-display-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.address-display-supporting-text2, .address-display-toggle-title {
  align-self: stretch;
  position: relative;
}

.address-display-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.address-display-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.address-display-supporting-text4 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  left: 5px;
  overflow: hidden;
}

.address-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.address-display-toggle-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: max-content;
  display: flex;
}

.address-display-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.address-display-button6, .address-display-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.address-display-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  position: relative;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.address-display-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
}

.address-display-supporting-text3, .address-display-switch-label {
  line-height: 20px;
  position: relative;
}

.address-display-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  display: inline-block;
}

.address-display-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.address-display-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.address-display-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-text49 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-button8, .address-display-toggle-controls, .address-display-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-display-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  padding: 8px 19px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-button8:hover {
  background-color: #6941c6;
}

.address-display-toggle-controls, .address-display-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.address-display-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.address-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.address-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.address-display-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.address-display-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.address-display-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.address-display-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.address-display-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.address-display-input-field, .address-display-input2 {
  justify-content: flex-start;
  display: flex;
}

.address-display-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.address-display-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.address-display-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.address-display-content15, .address-display-content17, .address-display-input-fields, .address-display-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.address-display-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-content15, .address-display-input-fields {
  align-items: flex-start;
}

.address-display-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.address-display-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.address-display-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.address-display-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.address-display-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.address-display-content19, .address-display-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.address-display-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.address-display-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-hint-text2 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.address-display-content18, .address-display-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-display-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.address-display-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.address-display-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.address-display-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.address-display-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.address-display-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.address-display-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.address-display-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.address-display-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.address-display-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.address-display-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.address-display-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.address-display-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.address-display-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.address-display-cursor-icon, .address-display-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.address-display-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.address-display-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.address-display-content23, .address-display-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.address-display-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.address-display-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.address-display-avatar-and-file-upload, .address-display-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.address-display-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.address-display-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.address-display-supporting-text6, .address-display-text59 {
  line-height: 24px;
  position: relative;
}

.address-display-text59 {
  min-width: 68px;
  font-weight: 500;
  display: inline-block;
}

.address-display-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.address-display-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.address-display-content29, .address-display-input-dropdown1, .address-display-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.address-display-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.address-display-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-display-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.address-display-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-content33, .address-display-input10, .address-display-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.address-display-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.address-display-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.address-display-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.address-display-supporting-text8, .address-display-text66 {
  line-height: 24px;
  position: relative;
}

.address-display-text66 {
  font-weight: 500;
}

.address-display-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.address-display-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.address-display-content41, .address-display-form-content, .address-display-form-content-wrapper, .address-display-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.address-display-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-form-content, .address-display-form-content-wrapper {
  align-items: flex-start;
}

.address-display-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.address-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.address-display-write-a-short {
  margin-block: 0 14px;
}

.address-display-this-is-also {
  margin: 0;
}

.address-display-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-display-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.address-display-content43, .address-display-input-dropdown8, .address-display-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.address-display-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.address-display-wysiwyg-editor-icon, .address-display-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.address-display-wysiwyg-editor-icon2 {
  display: none;
}

.address-display-icons, .address-display-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.address-display-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.address-display-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.address-display-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-display-input16, .address-display-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.address-display-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-textarea-input-field {
  gap: 6px;
}

.address-display-content45, .address-display-file-upload-base1, .address-display-textarea-input-field, .address-display-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.address-display-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.address-display-content45, .address-display-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.address-display-content45 {
  gap: 12px;
}

.address-display-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.address-display-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.address-display-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.address-display-file-type-wrap1, .address-display-item-container, .address-display-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-display-item-info-container {
  flex-direction: row;
  position: relative;
}

.address-display-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.address-display-supporting-text13, .address-display-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.address-display-uploaded-file-name {
  font-weight: 500;
}

.address-display-supporting-text13 {
  color: #475467;
}

.address-display-background, .address-display-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.address-display-progress {
  background-color: #7e56d9;
}

.address-display-item-progress-info, .address-display-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-display-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.address-display-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.address-display-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.address-display-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.address-display-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.address-display-file-upload-item-base, .address-display-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-display-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.address-display-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.address-display-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.address-display-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.address-display-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.address-display-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.address-display-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.address-display-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.address-display-background1, .address-display-progress1 {
  border-radius: 9999px;
  position: relative;
}

.address-display-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.address-display-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.address-display-progress-bar-wrapper, .address-display-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-display-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.address-display-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.address-display-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.address-display-file-upload-item-base1, .address-display-progress-bar-container-parent, .address-display-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-display-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.address-display-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.address-display-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.address-display-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.address-display-file-type-wrap3, .address-display-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.address-display-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.address-display-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.address-display-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-file-upload-item-base2, .address-display-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.address-display-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.address-display-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.address-display-content-wrapper, .address-display-content44, .address-display-file-queue, .address-display-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-display-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.address-display-content-wrapper, .address-display-content44 {
  flex-direction: row;
  max-width: 100%;
}

.address-display-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.address-display-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.address-display-divider-icon4, .address-display-text73 {
  align-self: stretch;
  position: relative;
}

.address-display-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.address-display-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.address-display-button9, .address-display-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.address-display-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.address-display-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.address-display-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-button10, .address-display-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.address-display-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-text76 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.address-display-actions1, .address-display-button11, .address-display-content46, .address-display-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.address-display-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 65px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-actions1, .address-display-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.address-display-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.address-display-content46 {
  align-self: stretch;
  gap: 20px;
}

.address-display-main1, .address-display-section-footer, .address-display-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.address-display-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.address-display-main1, .address-display-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.address-display-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.address-display-main1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.address-display-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 24px;
}

.address-display-main-parent, .address-display-main-wrapper, .address-display-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-display-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.address-display-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  margin-top: -134px;
  padding: 0 0 137px;
  font-family: Inter;
  font-size: 16px;
}

.address-display-footer-text {
  line-height: 20px;
  position: relative;
}

.address-display-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.address-display-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.address-display-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.address-display-logo-wrapper1, .address-display-logomark, .address-display-logomark1 {
  flex-direction: row;
  display: flex;
}

.address-display-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.address-display-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.address-display-content47, .address-display-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-display-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.address-display-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.address-display-divider-icon5, .address-display-footer1 {
  align-self: stretch;
  margin-top: -134px;
  overflow: hidden;
}

.address-display-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.address-display-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.address-display-address-display-frame-layout-setti, .address-display-address-display-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-display-address-display-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  min-height: 1480px;
  padding: 7px 0 0;
}

.address-display-address-display-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

.address-display-content-display-div {
  border: none;
  border-radius: 10px;
  width: 40%;
  height: 300px;
  box-shadow: 0 0 10px #80808080;
}

.address-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.address-display-toggle-title1 {
  color: #7e56d9;
  margin: 25px auto;
  font-weight: 600;
  line-height: 28px;
  text-decoration: underline;
}

.address-display-supporting-text2a {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  margin: auto;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.address-display-eye-lg-icon {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  top: 120px;
  left: 150px;
  overflow: hidden;
}

.address-display-pencil-lg-icon {
  color: #000;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  top: 120px;
  left: 160px;
  overflow: hidden;
}

.address-display-CheckboxGroupItem {
  background: #fff;
  border: 2px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 768px;
  height: max-content;
  padding: 16px;
  display: inline-flex;
}

.address-display-CheckboxGroupItem:hover {
  cursor: pointer;
  border-color: #6941c6;
  box-shadow: 0 4px 8px #0003;
}

.address-display-Content {
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  height: max-content;
  display: flex;
}

.address-display-Input {
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  display: flex;
}

.address-display-CheckboxBase {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 3px;
  display: flex;
  overflow: hidden;
}

.address-display-CheckboxBase input[type="checkbox"] {
  accent-color: #7f56d9;
}

.address-display-Check {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  padding: 3.5px 2.33px 4.08px;
  display: inline-flex;
}

.address-display-Icon {
  border: 2px solid #fff;
  width: 9.33px;
  height: 6.42px;
}

.address-display-TextAndSupportingText {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: inline-flex;
  overflow: hidden;
}

.address-display-TextAndSubtext {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: inline-flex;
}

.address-display-Text-1 {
  color: #344054;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.address-display-Subtext {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.address-display-SupportingText {
  color: #475467;
  word-wrap: break-word;
  white-space: normal;
  align-self: stretch;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  overflow: visible;
}

.address-display-Actions {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 133px;
  height: 20px;
  display: inline-flex;
}

.address-display-ButtonsButton {
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.address-display-Text-2 {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.address-display-Text-3 {
  color: #7e56d9;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.address-display-Text-3:hover {
  color: #6941c6;
}

.address-display-buttonsbutton-wrapper, .address-display-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.address-display-buttonsbutton-wrapper {
  cursor: pointer;
  justify-content: flex-end;
  align-self: stretch;
  margin-top: 20px;
}

.address-display-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-buttonsbutton19:hover {
  background-color: #eaecf0;
  border-color: red;
}

.address-display-text107 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-display-frame-wrapper44 {
  box-sizing: border-box;
  color: #344054;
  z-index: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 32px;
  display: flex;
}

.address-display-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.address-display-buttonsbutton-wrapper1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.address-display-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.address-display-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-display-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.address-display-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.address-display-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

@media screen and (width <= 1275px) {
  .address-display-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .address-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .address-display-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .address-display-tabs2, .address-display-toggle-header-parent {
    flex-wrap: wrap;
  }

  .address-display-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .address-display-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 750px) {
  .address-display-frame-group {
    gap: 19px;
  }

  .address-display-frame-parent {
    gap: 35px;
  }

  .address-display-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .address-display-main {
    gap: 16px;
  }

  .address-display-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .address-display-actions {
    flex-wrap: wrap;
  }

  .address-display-input-dropdown {
    max-width: 100%;
  }

  .address-display-input-fields, .address-display-toggle-controls {
    flex-wrap: wrap;
  }

  .address-display-input-field1, .address-display-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .address-display-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .address-display-avatar-and-file-upload, .address-display-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .address-display-content41, .address-display-input14 {
    flex-wrap: wrap;
  }

  .address-display-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .address-display-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .address-display-file-upload-item-base, .address-display-file-upload-item-base1, .address-display-file-upload-item-base2, .address-display-frame-div, .address-display-item-progress-container, .address-display-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .address-display-file-upload {
    max-width: 100%;
  }

  .address-display-file-upload, .address-display-main-parent {
    min-width: 100%;
  }

  .address-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .address-display-container2 {
    gap: 16px;
  }

  .address-display-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .address-display-frame-parent {
    gap: 17px;
  }

  .address-display-account {
    gap: 23px;
  }

  .address-display-tabs1 {
    flex-wrap: wrap;
  }

  .address-display-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .address-display-content15 {
    gap: 16px;
  }

  .address-display-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .address-display-action {
    flex-wrap: wrap;
  }

  .address-display-content29, .address-display-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .address-display-content41 {
    padding-right: 58px;
  }

  .address-display-input15 {
    flex-wrap: wrap;
  }

  .address-display-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .address-display-item-status {
    margin-left: 0;
  }

  .address-display-content44 {
    gap: 16px;
  }

  .address-display-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .address-display-footer1 {
    gap: 16px;
  }
}

@media screen and (width <= 616px) {
  .address-display-row1 {
    flex-wrap: wrap;
  }

  .address-display-email-popup {
    height: auto;
    min-height: 546px;
  }
}

.no-address-dashboard-frame-layout-setti-child, .no-address-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.no-address-dashboard-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.no-address-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.no-address-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.no-address-logo, .no-address-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.no-address-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.no-address-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.no-address-bar-chart-01-icon, .no-address-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.no-address-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.no-address-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.no-address-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.no-address-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.no-address-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.no-address-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-address-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.no-address-text2, .no-address-text3 {
  font-family: Inter;
  position: relative;
}

.no-address-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.no-address-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.no-address-badge1, .no-address-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.no-address-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.no-address-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.no-address-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.no-address-navigation, .no-address-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.no-address-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.no-address-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.no-address-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.no-address-search-lg-icon, .no-address-text6 {
  position: relative;
  overflow: hidden;
}

.no-address-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.no-address-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.no-address-content3, .no-address-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-address-content3 {
  flex: 1;
  gap: 8px;
}

.no-address-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-frame-group, .no-address-frame-parent, .no-address-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.no-address-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.no-address-frame-group, .no-address-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.no-address-frame-group {
  flex: 1;
  gap: 38px;
}

.no-address-frame-parent {
  gap: 70px;
  width: 754px;
}

.no-address-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.no-address-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.no-address-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.no-address-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.no-address-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.no-address-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.no-address-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.no-address-dashboard-frame-layout-setti-inner, .no-address-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.no-address-rectangle-parent {
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.no-address-dashboard-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.no-address-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.no-address-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  margin-top: -134px;
  padding: 0 0 134px;
  display: flex;
}

.no-address-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.no-address-nav-item-button2, .no-address-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.no-address-nav-item-button3 {
  background-color: #f9fafb;
}

.no-address-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.no-address-navigation1, .no-address-navigation2, .no-address-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.no-address-navigation1 {
  padding: 32px 0 0;
}

.no-address-navigation3 {
  gap: 8px;
}

.no-address-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.no-address-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.no-address-content4, .no-address-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.no-address-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.no-address-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.no-address-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.no-address-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.no-address-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.no-address-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-address-badge3, .no-address-content6, .no-address-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.no-address-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.no-address-badge3, .no-address-nav-item-base3 {
  background-color: #f9fafb;
}

.no-address-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.no-address-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.no-address-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-address-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.no-address-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.no-address-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.no-address-badge4, .no-address-content8, .no-address-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-address-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.no-address-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.no-address-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-address-content12, .no-address-content5, .no-address-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.no-address-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.no-address-content5, .no-address-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.no-address-navigation4 {
  color: #344054;
  gap: 4px;
}

.no-address-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.no-address-supporting-text, .no-address-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.no-address-title {
  font-weight: 600;
}

.no-address-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.no-address-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.no-address-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.no-address-account, .no-address-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.no-address-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.no-address-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.no-address-breadcrumb-button-base, .no-address-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.no-address-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  height: 1260px;
  overflow: hidden;
}

.no-address-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.no-address-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.no-address-text22 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.no-address-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.no-address-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.no-address-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.no-address-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-address-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.no-address-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.no-address-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.no-address-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.no-address-tabs {
  gap: 8px;
}

.no-address-breadcrumbs, .no-address-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-address-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.no-address-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.no-address-container {
  padding: 0 32px;
}

.no-address-container, .no-address-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.no-address-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.no-address-main, .no-address-main-child, .no-address-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.no-address-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.no-address-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.no-address-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-breadcrumb-button-base6, .no-address-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.no-address-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.no-address-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.no-address-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.no-address-breadcrumbs1, .no-address-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.no-address-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.no-address-breadcrumbs1 {
  width: 278px;
  display: none;
}

.no-address-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.no-address-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.no-address-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.no-address-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-address-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-address-button, .no-address-button1, .no-address-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.no-address-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.no-address-button1, .no-address-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.no-address-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.no-address-actions, .no-address-button2, .no-address-button3 {
  flex-direction: row;
  align-items: center;
}

.no-address-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.no-address-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.no-address-input-with-label1, .no-address-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.no-address-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.no-address-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.no-address-content13, .no-address-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.no-address-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.no-address-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.no-address-content13, .no-address-divider-icon2, .no-address-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.no-address-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-address-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.no-address-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.no-address-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.no-address-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.no-address-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.no-address-badge-count, .no-address-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.no-address-badge10, .no-address-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.no-address-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.no-address-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.no-address-text39, .no-address-text40, .no-address-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-text40, .no-address-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.no-address-text43 {
  min-width: 83px;
}

.no-address-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.no-address-text45, .no-address-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-text46 {
  min-width: 24px;
}

.no-address-tab-button-base9, .no-address-tabs2 {
  flex-direction: row;
  display: flex;
}

.no-address-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.no-address-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.no-address-container1, .no-address-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.no-address-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.no-address-container1 {
  gap: 24px;
  padding: 0 32px;
}

.no-address-container1, .no-address-header-content, .no-address-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.no-address-header-section1 {
  flex-direction: column;
  flex: 1;
}

.no-address-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.no-address-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.no-address-button4, .no-address-button5, .no-address-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.no-address-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.no-address-button4, .no-address-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.no-address-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-address-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.no-address-supporting-text2, .no-address-toggle-title {
  align-self: stretch;
  position: relative;
}

.no-address-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.no-address-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.no-address-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.no-address-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.no-address-button6, .no-address-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.no-address-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  position: relative;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.no-address-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
}

.no-address-supporting-text3, .no-address-switch-label {
  line-height: 20px;
  position: relative;
}

.no-address-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  display: inline-block;
}

.no-address-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.no-address-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.no-address-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-text49 {
  color: #fff;
  text-align: left;
  min-width: 110px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-button8, .no-address-toggle-controls, .no-address-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.no-address-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-toggle-controls, .no-address-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.no-address-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.no-address-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.no-address-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.no-address-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.no-address-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.no-address-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.no-address-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.no-address-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.no-address-input-field, .no-address-input2 {
  justify-content: flex-start;
  display: flex;
}

.no-address-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.no-address-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.no-address-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.no-address-content15, .no-address-content17, .no-address-input-fields, .no-address-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.no-address-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-content15, .no-address-input-fields {
  align-items: flex-start;
}

.no-address-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.no-address-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.no-address-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.no-address-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.no-address-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.no-address-content19, .no-address-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.no-address-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.no-address-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-hint-text2 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.no-address-content18, .no-address-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.no-address-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.no-address-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.no-address-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.no-address-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.no-address-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.no-address-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.no-address-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.no-address-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.no-address-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.no-address-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.no-address-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.no-address-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.no-address-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.no-address-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.no-address-cursor-icon, .no-address-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.no-address-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.no-address-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.no-address-content23, .no-address-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.no-address-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.no-address-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.no-address-avatar-and-file-upload, .no-address-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.no-address-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.no-address-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.no-address-supporting-text6, .no-address-text59 {
  line-height: 24px;
  position: relative;
}

.no-address-text59 {
  min-width: 68px;
  font-weight: 500;
  display: inline-block;
}

.no-address-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.no-address-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.no-address-content29, .no-address-input-dropdown1, .no-address-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.no-address-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.no-address-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-address-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.no-address-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-content33, .no-address-input10, .no-address-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.no-address-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.no-address-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.no-address-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.no-address-supporting-text8, .no-address-text66 {
  line-height: 24px;
  position: relative;
}

.no-address-text66 {
  font-weight: 500;
}

.no-address-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.no-address-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.no-address-content41, .no-address-form-content, .no-address-form-content-wrapper, .no-address-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-address-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-form-content, .no-address-form-content-wrapper {
  align-items: flex-start;
}

.no-address-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.no-address-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.no-address-write-a-short {
  margin-block: 0 14px;
}

.no-address-this-is-also {
  margin: 0;
}

.no-address-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-address-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.no-address-content43, .no-address-input-dropdown8, .no-address-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.no-address-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.no-address-wysiwyg-editor-icon, .no-address-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.no-address-wysiwyg-editor-icon2 {
  display: none;
}

.no-address-icons, .no-address-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.no-address-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.no-address-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.no-address-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-address-input16, .no-address-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.no-address-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-textarea-input-field {
  gap: 6px;
}

.no-address-content45, .no-address-file-upload-base1, .no-address-textarea-input-field, .no-address-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.no-address-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.no-address-content45, .no-address-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.no-address-content45 {
  gap: 12px;
}

.no-address-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.no-address-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.no-address-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.no-address-file-type-wrap1, .no-address-item-container, .no-address-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.no-address-item-info-container {
  flex-direction: row;
  position: relative;
}

.no-address-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.no-address-supporting-text13, .no-address-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.no-address-uploaded-file-name {
  font-weight: 500;
}

.no-address-supporting-text13 {
  color: #475467;
}

.no-address-background, .no-address-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.no-address-progress {
  background-color: #7e56d9;
}

.no-address-item-progress-info, .no-address-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.no-address-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.no-address-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.no-address-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.no-address-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.no-address-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.no-address-file-upload-item-base, .no-address-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.no-address-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.no-address-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.no-address-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.no-address-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.no-address-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.no-address-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.no-address-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.no-address-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.no-address-background1, .no-address-progress1 {
  border-radius: 9999px;
  position: relative;
}

.no-address-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.no-address-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.no-address-progress-bar-wrapper, .no-address-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.no-address-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.no-address-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.no-address-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.no-address-file-upload-item-base1, .no-address-progress-bar-container-parent, .no-address-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.no-address-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.no-address-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.no-address-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.no-address-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.no-address-file-type-wrap3, .no-address-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.no-address-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.no-address-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.no-address-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-file-upload-item-base2, .no-address-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.no-address-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.no-address-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.no-address-content-wrapper, .no-address-content44, .no-address-file-queue, .no-address-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.no-address-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.no-address-content-wrapper, .no-address-content44 {
  flex-direction: row;
  max-width: 100%;
}

.no-address-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.no-address-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.no-address-divider-icon4, .no-address-text73 {
  align-self: stretch;
  position: relative;
}

.no-address-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.no-address-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.no-address-button9, .no-address-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.no-address-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.no-address-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.no-address-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-button10, .no-address-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-address-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-text76 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-address-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.no-address-actions1, .no-address-button11, .no-address-content46, .no-address-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.no-address-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 65px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-actions1, .no-address-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.no-address-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.no-address-content46 {
  align-self: stretch;
  gap: 20px;
}

.no-address-main1, .no-address-section-footer, .no-address-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-address-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.no-address-main1, .no-address-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.no-address-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.no-address-main1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.no-address-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 24px;
}

.no-address-main-parent, .no-address-main-wrapper, .no-address-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.no-address-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.no-address-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  margin-top: -134px;
  padding: 0 0 137px;
  font-family: Inter;
  font-size: 16px;
}

.no-address-footer-text {
  line-height: 20px;
  position: relative;
}

.no-address-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.no-address-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.no-address-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.no-address-logo-wrapper1, .no-address-logomark, .no-address-logomark1 {
  flex-direction: row;
  display: flex;
}

.no-address-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.no-address-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.no-address-content47, .no-address-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.no-address-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.no-address-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.no-address-divider-icon5, .no-address-footer1 {
  align-self: stretch;
  margin-top: -134px;
  overflow: hidden;
}

.no-address-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.no-address-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.no-address-dashboard-frame-layout-setti, .no-address-dashboard-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.no-address-dashboard-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  min-height: 1480px;
  padding: 7px 0 0;
}

.no-address-dashboard-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .no-address-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .no-address-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .no-address-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .no-address-tabs2, .no-address-toggle-header-parent {
    flex-wrap: wrap;
  }

  .no-address-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .no-address-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 750px) {
  .no-address-frame-group {
    gap: 19px;
  }

  .no-address-frame-parent {
    gap: 35px;
  }

  .no-address-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .no-address-main {
    gap: 16px;
  }

  .no-address-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .no-address-actions {
    flex-wrap: wrap;
  }

  .no-address-input-dropdown {
    max-width: 100%;
  }

  .no-address-input-fields, .no-address-toggle-controls {
    flex-wrap: wrap;
  }

  .no-address-input-field1, .no-address-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .no-address-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .no-address-avatar-and-file-upload, .no-address-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .no-address-content41, .no-address-input14 {
    flex-wrap: wrap;
  }

  .no-address-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .no-address-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .no-address-file-upload-item-base, .no-address-file-upload-item-base1, .no-address-file-upload-item-base2, .no-address-frame-div, .no-address-item-progress-container, .no-address-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .no-address-file-upload {
    max-width: 100%;
  }

  .no-address-file-upload, .no-address-main-parent {
    min-width: 100%;
  }

  .no-address-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .no-address-container2 {
    gap: 16px;
  }

  .no-address-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .no-address-frame-parent {
    gap: 17px;
  }

  .no-address-account {
    gap: 23px;
  }

  .no-address-tabs1 {
    flex-wrap: wrap;
  }

  .no-address-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .no-address-content15 {
    gap: 16px;
  }

  .no-address-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .no-address-action {
    flex-wrap: wrap;
  }

  .no-address-content29, .no-address-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .no-address-content41 {
    padding-right: 58px;
  }

  .no-address-input15 {
    flex-wrap: wrap;
  }

  .no-address-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .no-address-item-status {
    margin-left: 0;
  }

  .no-address-content44 {
    gap: 16px;
  }

  .no-address-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .no-address-footer1 {
    gap: 16px;
  }
}

.no-address-found-new-button-link {
  align-items: center;
  display: flex;
}

.no-address-found-new-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.no-address-found-new-supporting-text, .no-address-found-new-title {
  align-self: stretch;
  position: relative;
}

.no-address-found-new-title {
  font-weight: 600;
  line-height: 30px;
}

.no-address-found-new-supporting-text {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.no-address-found-new-content, .no-address-found-new-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-address-found-new-text-and-supporting-text {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.no-address-found-new-content {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.no-address-found-new-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-address-found-new-text {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-address-found-new-buttonsbutton, .no-address-found-new-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-address-found-new-buttonsbutton {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-found-new-plus-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-address-found-new-text1 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-address-found-new-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-address-found-new-buttonsbutton1:hover {
  background-color: #6941c6;
}

.no-address-found-new-actions, .no-address-found-new-empty-state1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-address-found-new-actions {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 0 20px;
}

.no-address-found-new-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
}

.no-address-found-new-empty-state, .no-address-found-new-no-address-found-new {
  background-color: #fff;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.no-address-found-new-empty-state {
  box-sizing: border-box;
  text-align: center;
  color: #101828;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
  font-family: Inter;
  font-size: 20px;
}

.no-address-found-new-no-address-found-new {
  letter-spacing: normal;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1016px;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 550px) {
  .no-address-found-new-empty-state1 {
    gap: 16px;
  }

  .no-address-found-new-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-address-found-new-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.plan-and-billing-display-text-overlflow {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.plan-and-billing-display-Content-width {
  width: 70%;
}

.plan-and-billing-display-buttonsbutton-wrapper-width {
  width: 30%;
}

.plan-and-billing-display-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  padding: 0 29px 0 0;
  display: flex;
}

.plan-and-billing-display-x-close-icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-button-close-x1 {
  box-sizing: border-box;
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 40px;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 611px;
  overflow: hidden;
}

.plan-and-billing-display-featured-icon1, .plan-and-billing-display-frame-child5 {
  border-radius: 12px;
  position: relative;
}

.plan-and-billing-display-frame-child5 {
  background-color: #fff;
  width: 633.4px;
  max-width: 100%;
  height: 546px;
  display: none;
}

.plan-and-billing-display-featured-icon1 {
  width: 56px;
  height: 56px;
}

.plan-and-billing-display-supporting-text5, .plan-and-billing-display-title1 {
  align-self: stretch;
  position: relative;
}

.plan-and-billing-display-title1 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.plan-and-billing-display-supporting-text5 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.plan-and-billing-display-header1, .plan-and-billing-display-text-and-supporting-text3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.plan-and-billing-display-header1 {
  text-align: center;
  color: #101828;
  align-items: center;
  gap: 24px;
  font-size: 30px;
}

.plan-and-billing-display-placeholder-icon25 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-text76 {
  color: #fff;
  text-align: left;
  min-width: 71px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-buttonsbutton10, .plan-and-billing-display-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.plan-and-billing-display-buttonsbutton10 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 8px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-secondary-label {
  line-height: 20px;
  position: relative;
}

.plan-and-billing-display-placeholder-icon27 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-text77 {
  min-width: 102px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-buttonsbutton11, .plan-and-billing-display-row1 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.plan-and-billing-display-buttonsbutton11 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.plan-and-billing-display-row1 {
  align-items: flex-start;
  gap: 3px;
  padding: 0 14px;
}

.plan-and-billing-display-arrow-left-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-back-label {
  min-width: 91px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-buttonsbutton12 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-display-container9, .plan-and-billing-display-content22 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.plan-and-billing-display-content22 {
  gap: 32px;
  max-width: 360px;
}

.plan-and-billing-display-container9 {
  box-sizing: border-box;
  max-width: 1280px;
  padding: 0 32px;
}

.plan-and-billing-display-content21 {
  width: 100%;
  max-width: 361px;
}

.plan-and-billing-display-container7, .plan-and-billing-display-container8, .plan-and-billing-display-content21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-and-billing-display-container8 {
  align-self: stretch;
  padding: 0 48px;
}

.plan-and-billing-display-container7 {
  box-sizing: border-box;
  z-index: 1;
  border: 2px #000;
  flex: 1;
  max-width: 100%;
  padding: 0 32px;
}

.plan-and-billing-display-email-popup, .plan-and-billing-display-frame-section {
  background-color: #fff;
  max-width: 100%;
}

.plan-and-billing-display-frame-section {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 633.4px;
  padding: 94px 55px 94px 56px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.plan-and-billing-display-email-popup {
  letter-spacing: normal;
  width: 650px;
  height: 546px;
  line-height: normal;
  overflow: hidden;
}

.plan-and-billing-display-plan-and-billing-display-frame-layout-setti-child, .plan-and-billing-display-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.plan-and-billing-display-plan-and-billing-display-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.plan-and-billing-display-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.plan-and-billing-display-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.plan-and-billing-display-logo, .plan-and-billing-display-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.plan-and-billing-display-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.plan-and-billing-display-bar-chart-01-icon, .plan-and-billing-display-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.plan-and-billing-display-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.plan-and-billing-display-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.plan-and-billing-display-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.plan-and-billing-display-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.plan-and-billing-display-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-display-text2, .plan-and-billing-display-text3 {
  font-family: Inter;
  position: relative;
}

.plan-and-billing-display-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.plan-and-billing-display-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.plan-and-billing-display-badge1, .plan-and-billing-display-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.plan-and-billing-display-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.plan-and-billing-display-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-display-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-navigation, .plan-and-billing-display-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-display-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.plan-and-billing-display-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.plan-and-billing-display-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-display-search-lg-icon, .plan-and-billing-display-text6 {
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.plan-and-billing-display-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.plan-and-billing-display-content3, .plan-and-billing-display-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-and-billing-display-content3 {
  flex: 1;
  gap: 8px;
}

.plan-and-billing-display-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-frame-group, .plan-and-billing-display-frame-parent, .plan-and-billing-display-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.plan-and-billing-display-frame-group, .plan-and-billing-display-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.plan-and-billing-display-frame-group {
  flex: 1;
  gap: 38px;
}

.plan-and-billing-display-frame-parent {
  gap: 70px;
  width: 754px;
}

.plan-and-billing-display-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.plan-and-billing-display-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-display-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.plan-and-billing-display-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.plan-and-billing-display-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.plan-and-billing-display-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.plan-and-billing-display-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.plan-and-billing-display-plan-and-billing-display-frame-layout-setti-inner, .plan-and-billing-display-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-rectangle-parent {
  z-index: 2;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 0;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.plan-and-billing-display-plan-and-billing-display-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.plan-and-billing-display-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  margin-top: -134px;
  padding: 0 0 134px;
  display: flex;
}

.plan-and-billing-display-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-nav-item-button2, .plan-and-billing-display-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-display-nav-item-button3 {
  background-color: #f9fafb;
}

.plan-and-billing-display-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.plan-and-billing-display-navigation1, .plan-and-billing-display-navigation2, .plan-and-billing-display-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-navigation1 {
  padding: 32px 0 0;
}

.plan-and-billing-display-navigation3 {
  gap: 8px;
}

.plan-and-billing-display-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.plan-and-billing-display-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.plan-and-billing-display-content4, .plan-and-billing-display-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.plan-and-billing-display-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.plan-and-billing-display-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.plan-and-billing-display-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.plan-and-billing-display-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-badge3, .plan-and-billing-display-content6, .plan-and-billing-display-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.plan-and-billing-display-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.plan-and-billing-display-badge3, .plan-and-billing-display-nav-item-base3 {
  background-color: #f9fafb;
}

.plan-and-billing-display-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.plan-and-billing-display-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-display-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.plan-and-billing-display-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.plan-and-billing-display-badge4, .plan-and-billing-display-content8, .plan-and-billing-display-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-and-billing-display-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.plan-and-billing-display-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.plan-and-billing-display-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-content12, .plan-and-billing-display-content5, .plan-and-billing-display-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-display-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.plan-and-billing-display-content5, .plan-and-billing-display-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.plan-and-billing-display-navigation4 {
  color: #344054;
  gap: 4px;
}

.plan-and-billing-display-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.plan-and-billing-display-supporting-text, .plan-and-billing-display-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-display-title {
  font-weight: 600;
}

.plan-and-billing-display-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.plan-and-billing-display-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.plan-and-billing-display-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.plan-and-billing-display-account, .plan-and-billing-display-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.plan-and-billing-display-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.plan-and-billing-display-breadcrumb-button-base, .plan-and-billing-display-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  height: 1260px;
  overflow: hidden;
}

.plan-and-billing-display-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.plan-and-billing-display-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-text22 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.plan-and-billing-display-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-display-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.plan-and-billing-display-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-display-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.plan-and-billing-display-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.plan-and-billing-display-tabs {
  gap: 8px;
}

.plan-and-billing-display-breadcrumbs, .plan-and-billing-display-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-and-billing-display-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.plan-and-billing-display-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.plan-and-billing-display-container {
  padding: 0 32px;
}

.plan-and-billing-display-container, .plan-and-billing-display-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.plan-and-billing-display-main, .plan-and-billing-display-main-child, .plan-and-billing-display-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.plan-and-billing-display-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.plan-and-billing-display-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-display-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-breadcrumb-button-base6, .plan-and-billing-display-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.plan-and-billing-display-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.plan-and-billing-display-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.plan-and-billing-display-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-display-breadcrumbs1, .plan-and-billing-display-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.plan-and-billing-display-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.plan-and-billing-display-breadcrumbs1 {
  width: 278px;
  display: none;
}

.plan-and-billing-display-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.plan-and-billing-display-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.plan-and-billing-display-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.plan-and-billing-display-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.plan-and-billing-display-button, .plan-and-billing-display-button1, .plan-and-billing-display-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-display-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.plan-and-billing-display-button1, .plan-and-billing-display-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.plan-and-billing-display-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.plan-and-billing-display-actions, .plan-and-billing-display-button2, .plan-and-billing-display-button3 {
  flex-direction: row;
  align-items: center;
}

.plan-and-billing-display-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.plan-and-billing-display-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-input-with-label1, .plan-and-billing-display-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.plan-and-billing-display-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.plan-and-billing-display-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-display-content13, .plan-and-billing-display-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.plan-and-billing-display-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.plan-and-billing-display-content13, .plan-and-billing-display-divider-icon2, .plan-and-billing-display-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.plan-and-billing-display-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.plan-and-billing-display-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.plan-and-billing-display-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.plan-and-billing-display-badge-count, .plan-and-billing-display-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.plan-and-billing-display-badge10, .plan-and-billing-display-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.plan-and-billing-display-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.plan-and-billing-display-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.plan-and-billing-display-text39, .plan-and-billing-display-text40, .plan-and-billing-display-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-text40, .plan-and-billing-display-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.plan-and-billing-display-text43 {
  min-width: 83px;
}

.plan-and-billing-display-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.plan-and-billing-display-text45, .plan-and-billing-display-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-text46 {
  min-width: 24px;
}

.plan-and-billing-display-tab-button-base9, .plan-and-billing-display-tabs2 {
  flex-direction: row;
  display: flex;
}

.plan-and-billing-display-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.plan-and-billing-display-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.plan-and-billing-display-container1, .plan-and-billing-display-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.plan-and-billing-display-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-container1 {
  gap: 24px;
  padding: 0 32px;
}

.plan-and-billing-display-container1, .plan-and-billing-display-header-content, .plan-and-billing-display-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-header-section1 {
  flex-direction: column;
  flex: 1;
}

.plan-and-billing-display-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.plan-and-billing-display-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-display-button4, .plan-and-billing-display-button5, .plan-and-billing-display-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.plan-and-billing-display-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.plan-and-billing-display-button4, .plan-and-billing-display-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.plan-and-billing-display-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.plan-and-billing-display-supporting-text2, .plan-and-billing-display-toggle-title {
  align-self: stretch;
  position: relative;
}

.plan-and-billing-display-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.plan-and-billing-display-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.plan-and-billing-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.plan-and-billing-display-button6, .plan-and-billing-display-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.plan-and-billing-display-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  transition: left .3s;
  position: absolute;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.plan-and-billing-display-button6.left {
  left: 0;
}

.plan-and-billing-display-button6.right {
  left: 20px;
}

.plan-and-billing-display-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
  position: relative;
}

.plan-and-billing-display-supporting-text3 {
  line-height: 20px;
  position: relative;
}

.plan-and-billing-display-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-switch-label1 {
  letter-spacing: -.02px;
  z-index: 1;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-switch-label1.active, .plan-and-billing-display-switch-label.active {
  color: #6941c6;
  background-color: #0000;
  font-weight: bold;
}

.plan-and-billing-display-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.plan-and-billing-display-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.plan-and-billing-display-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-text49 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-button8, .plan-and-billing-display-toggle-controls, .plan-and-billing-display-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  width: max-content;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-toggle-controls, .plan-and-billing-display-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.plan-and-billing-display-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.plan-and-billing-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.plan-and-billing-display-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-display-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.plan-and-billing-display-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-display-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.plan-and-billing-display-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.plan-and-billing-display-input-field, .plan-and-billing-display-input2 {
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-display-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.plan-and-billing-display-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-display-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.plan-and-billing-display-content15, .plan-and-billing-display-content17, .plan-and-billing-display-input-fields, .plan-and-billing-display-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-display-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-content15, .plan-and-billing-display-input-fields {
  align-items: flex-start;
}

.plan-and-billing-display-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-display-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.plan-and-billing-display-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.plan-and-billing-display-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.plan-and-billing-display-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-content19, .plan-and-billing-display-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.plan-and-billing-display-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.plan-and-billing-display-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-hint-text2 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-display-content18, .plan-and-billing-display-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-display-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.plan-and-billing-display-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.plan-and-billing-display-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.plan-and-billing-display-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-display-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.plan-and-billing-display-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.plan-and-billing-display-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-display-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.plan-and-billing-display-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.plan-and-billing-display-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.plan-and-billing-display-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.plan-and-billing-display-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.plan-and-billing-display-cursor-icon, .plan-and-billing-display-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.plan-and-billing-display-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.plan-and-billing-display-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.plan-and-billing-display-content23, .plan-and-billing-display-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-display-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.plan-and-billing-display-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.plan-and-billing-display-avatar-and-file-upload, .plan-and-billing-display-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-display-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-display-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.plan-and-billing-display-supporting-text6, .plan-and-billing-display-text59 {
  line-height: 24px;
  position: relative;
}

.plan-and-billing-display-text59 {
  min-width: 68px;
  font-weight: 500;
  display: inline-block;
}

.plan-and-billing-display-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.plan-and-billing-display-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.plan-and-billing-display-content29, .plan-and-billing-display-input-dropdown1, .plan-and-billing-display-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.plan-and-billing-display-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-display-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-content33, .plan-and-billing-display-input10, .plan-and-billing-display-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.plan-and-billing-display-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.plan-and-billing-display-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.plan-and-billing-display-supporting-text8, .plan-and-billing-display-text66 {
  line-height: 24px;
  position: relative;
}

.plan-and-billing-display-text66 {
  font-weight: 500;
}

.plan-and-billing-display-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.plan-and-billing-display-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.plan-and-billing-display-content41, .plan-and-billing-display-form-content, .plan-and-billing-display-form-content-wrapper, .plan-and-billing-display-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-form-content, .plan-and-billing-display-form-content-wrapper {
  align-items: flex-start;
}

.plan-and-billing-display-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.plan-and-billing-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.plan-and-billing-display-write-a-short {
  margin-block: 0 14px;
}

.plan-and-billing-display-this-is-also {
  margin: 0;
}

.plan-and-billing-display-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.plan-and-billing-display-content43, .plan-and-billing-display-input-dropdown8, .plan-and-billing-display-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.plan-and-billing-display-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.plan-and-billing-display-wysiwyg-editor-icon, .plan-and-billing-display-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-wysiwyg-editor-icon2 {
  display: none;
}

.plan-and-billing-display-icons, .plan-and-billing-display-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.plan-and-billing-display-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.plan-and-billing-display-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-display-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-input16, .plan-and-billing-display-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.plan-and-billing-display-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-textarea-input-field {
  gap: 6px;
}

.plan-and-billing-display-content45, .plan-and-billing-display-file-upload-base1, .plan-and-billing-display-textarea-input-field, .plan-and-billing-display-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-display-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-display-content45, .plan-and-billing-display-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.plan-and-billing-display-content45 {
  gap: 12px;
}

.plan-and-billing-display-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.plan-and-billing-display-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.plan-and-billing-display-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.plan-and-billing-display-file-type-wrap1, .plan-and-billing-display-item-container, .plan-and-billing-display-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-item-info-container {
  flex-direction: row;
  position: relative;
}

.plan-and-billing-display-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.plan-and-billing-display-supporting-text13, .plan-and-billing-display-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-uploaded-file-name {
  font-weight: 500;
}

.plan-and-billing-display-supporting-text13 {
  color: #475467;
}

.plan-and-billing-display-background, .plan-and-billing-display-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.plan-and-billing-display-progress {
  background-color: #7e56d9;
}

.plan-and-billing-display-item-progress-info, .plan-and-billing-display-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.plan-and-billing-display-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.plan-and-billing-display-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.plan-and-billing-display-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.plan-and-billing-display-file-upload-item-base, .plan-and-billing-display-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.plan-and-billing-display-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.plan-and-billing-display-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.plan-and-billing-display-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.plan-and-billing-display-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.plan-and-billing-display-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.plan-and-billing-display-background1, .plan-and-billing-display-progress1 {
  border-radius: 9999px;
  position: relative;
}

.plan-and-billing-display-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.plan-and-billing-display-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.plan-and-billing-display-progress-bar-wrapper, .plan-and-billing-display-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.plan-and-billing-display-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.plan-and-billing-display-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.plan-and-billing-display-file-upload-item-base1, .plan-and-billing-display-progress-bar-container-parent, .plan-and-billing-display-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.plan-and-billing-display-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.plan-and-billing-display-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.plan-and-billing-display-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-file-type-wrap3, .plan-and-billing-display-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.plan-and-billing-display-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.plan-and-billing-display-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.plan-and-billing-display-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-file-upload-item-base2, .plan-and-billing-display-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.plan-and-billing-display-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.plan-and-billing-display-content-wrapper, .plan-and-billing-display-content44, .plan-and-billing-display-file-queue, .plan-and-billing-display-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-display-content-wrapper, .plan-and-billing-display-content44 {
  flex-direction: row;
  max-width: 100%;
}

.plan-and-billing-display-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.plan-and-billing-display-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.plan-and-billing-display-divider-icon4, .plan-and-billing-display-text73 {
  align-self: stretch;
  position: relative;
}

.plan-and-billing-display-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.plan-and-billing-display-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.plan-and-billing-display-button9, .plan-and-billing-display-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.plan-and-billing-display-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.plan-and-billing-display-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.plan-and-billing-display-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-button10, .plan-and-billing-display-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.plan-and-billing-display-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-text76 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.plan-and-billing-display-actions1, .plan-and-billing-display-button11, .plan-and-billing-display-content46, .plan-and-billing-display-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.plan-and-billing-display-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 65px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-actions1, .plan-and-billing-display-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.plan-and-billing-display-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.plan-and-billing-display-content46 {
  align-self: stretch;
  gap: 20px;
}

.plan-and-billing-display-main1, .plan-and-billing-display-section-footer, .plan-and-billing-display-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.plan-and-billing-display-main1, .plan-and-billing-display-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.plan-and-billing-display-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.plan-and-billing-display-main1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.plan-and-billing-display-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 24px;
}

.plan-and-billing-display-main-parent, .plan-and-billing-display-main-wrapper, .plan-and-billing-display-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-display-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.plan-and-billing-display-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  margin-top: -134px;
  padding: 0 0 137px;
  font-family: Inter;
  font-size: 16px;
}

.plan-and-billing-display-footer-text {
  line-height: 20px;
  position: relative;
}

.plan-and-billing-display-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.plan-and-billing-display-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.plan-and-billing-display-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.plan-and-billing-display-logo-wrapper1, .plan-and-billing-display-logomark, .plan-and-billing-display-logomark1 {
  flex-direction: row;
  display: flex;
}

.plan-and-billing-display-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.plan-and-billing-display-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.plan-and-billing-display-content47, .plan-and-billing-display-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.plan-and-billing-display-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.plan-and-billing-display-divider-icon5, .plan-and-billing-display-footer1 {
  align-self: stretch;
  margin-top: -134px;
  overflow: hidden;
}

.plan-and-billing-display-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.plan-and-billing-display-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.plan-and-billing-display-plan-and-billing-display-frame-layout-setti, .plan-and-billing-display-plan-and-billing-display-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-plan-and-billing-display-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  min-height: 1480px;
  padding: 7px 0 0;
}

.plan-and-billing-display-plan-and-billing-display-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-content-display-div {
  border: none;
  border-radius: 10px;
  width: 40%;
  height: 300px;
  box-shadow: 0 0 10px #80808080;
}

.plan-and-billing-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.plan-and-billing-display-toggle-title1 {
  color: #7e56d9;
  margin: 25px auto;
  font-weight: 600;
  line-height: 28px;
  text-decoration: underline;
}

.plan-and-billing-display-supporting-text2a {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  margin: auto;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-eye-lg-icon {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  top: 120px;
  left: 150px;
  overflow: hidden;
}

.plan-and-billing-display-pencil-lg-icon {
  color: #000;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  top: 120px;
  left: 160px;
  overflow: hidden;
}

.plan-and-billing-display-CheckboxGroupItem {
  background: #fff;
  border: 2px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 768px;
  height: max-content;
  padding: 16px;
  display: inline-flex;
  position: relative;
}

.plan-and-billing-display-CheckboxGroupItem:hover {
  cursor: pointer;
  border-color: #6941c6;
  box-shadow: 0 4px 8px #0003;
}

.plan-and-billing-display-CheckboxGroupItem1 {
  background: #fff;
  border: 2px solid #7f56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 768px;
  height: max-content;
  padding: 16px;
  display: inline-flex;
  position: relative;
}

.plan-and-billing-display-Content {
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  height: max-content;
  display: flex;
}

.plan-and-billing-display-Input {
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  display: flex;
}

.plan-and-billing-display-CheckboxBase {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 3px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-display-CheckboxBase input[type="checkbox"] {
  accent-color: #7f56d9;
}

.plan-and-billing-display-Check {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  padding: 3.5px 2.33px 4.08px;
  display: inline-flex;
}

.plan-and-billing-display-Icon {
  border: 2px solid #fff;
  width: 9.33px;
  height: 6.42px;
}

.plan-and-billing-display-TextAndSupportingText {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  height: max-content;
  display: inline-flex;
}

.plan-and-billing-display-TextAndSubtext {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: inline-flex;
}

.plan-and-billing-display-Text-1 {
  color: #344054;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.plan-and-billing-display-Subtext {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.plan-and-billing-display-SupportingText {
  color: #475467;
  word-wrap: break-word;
  align-self: stretch;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.plan-and-billing-display-Actions {
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  height: 20px;
  display: inline-flex;
  position: relative;
}

.plan-and-billing-display-ButtonsButton {
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.plan-and-billing-display-Text-2 {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.plan-and-billing-display-Text-3 {
  color: #6941c6;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.plan-and-billing-display-buttonsbutton-wrapper, .plan-and-billing-display-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-display-buttonsbutton-wrapper {
  cursor: pointer;
  justify-content: flex-end;
  align-self: stretch;
  position: absolute;
  top: 32px;
  right: 35px;
}

.plan-and-billing-display-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-display-buttonsbutton19:hover {
  background-color: #eaecf0;
  border-color: #6941c6;
}

.plan-and-billing-display-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.plan-and-billing-display-text107 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-display-text107a {
  color: #6941c6;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-table-content {
  box-sizing: border-box;
  scrollbar-width: thin;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 607px;
  padding: 0 1px 0 0;
  display: flex;
  overflow: hidden auto;
}

.plan-and-billing-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 24px 11px;
  display: flex;
}

.plan-and-billing-table-header-order {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding-left: 10px;
  display: flex;
}

.plan-and-billing-table-header-cell4-a {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 107px;
  padding: 13px 27px 11px 9px;
  display: flex;
}

.plan-and-billing-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.plan-and-billing-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 26px 24px 22px;
  display: flex;
}

.plan-and-billing-text36 {
  color: #344054;
  text-align: center;
  text-wrap: nowrap;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-table-cell40, .plan-and-billing-table-cell40-a {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding: 26px 24px 22px 26px;
  display: flex;
}

.plan-and-billing-content2 {
  text-align: left;
  color: #475467;
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 10px;
  padding: 24px 32px;
  font-size: 16px;
  transition: all .3s;
  display: flex;
}

.plan-and-billing-check-items {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.plan-and-billing-check-item-text {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.plan-and-billing-check-icon {
  background-color: #e0e0e0;
  border-radius: 50%;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-text-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 208px;
  display: flex;
}

.plan-and-billing-item-description {
  color: #3c3c3c;
  align-self: stretch;
  font-size: 15px;
  line-height: 24px;
  position: relative;
}

.plan-and-billing-span {
  color: #2d2d2d;
  font-weight: 800;
}

.plan-and-billing-business-page {
  color: #475467;
  font-size: 16px;
}

.plan-and-billing-check-item-text5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  transition: max-height .3s, opacity .3s;
  display: flex;
}

.plan-and-billing-check-icon5 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-display-ButtonsButton {
  transition: color .3s;
}

.plan-and-billing-display-ButtonsButton:hover {
  color: #6a1b9a;
}

@media screen and (width <= 1275px) {
  .plan-and-billing-display-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .plan-and-billing-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .plan-and-billing-display-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .plan-and-billing-display-tabs2, .plan-and-billing-display-toggle-header-parent {
    flex-wrap: wrap;
  }

  .plan-and-billing-display-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .plan-and-billing-display-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 925px) {
  .plan-and-billing-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }
}

@media screen and (width <= 750px) {
  .plan-and-billing-display-frame-group {
    gap: 19px;
  }

  .plan-and-billing-display-frame-parent {
    gap: 35px;
  }

  .plan-and-billing-display-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .plan-and-billing-display-main {
    gap: 16px;
  }

  .plan-and-billing-display-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .plan-and-billing-display-actions {
    flex-wrap: wrap;
  }

  .plan-and-billing-display-input-dropdown {
    max-width: 100%;
  }

  .plan-and-billing-display-input-fields, .plan-and-billing-display-toggle-controls {
    flex-wrap: wrap;
  }

  .plan-and-billing-display-input-field1, .plan-and-billing-display-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .plan-and-billing-display-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .plan-and-billing-display-avatar-and-file-upload, .plan-and-billing-display-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .plan-and-billing-display-content41, .plan-and-billing-display-input14 {
    flex-wrap: wrap;
  }

  .plan-and-billing-display-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .plan-and-billing-display-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .plan-and-billing-display-file-upload-item-base, .plan-and-billing-display-file-upload-item-base1, .plan-and-billing-display-file-upload-item-base2, .plan-and-billing-display-frame-div, .plan-and-billing-display-item-progress-container, .plan-and-billing-display-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .plan-and-billing-display-file-upload {
    max-width: 100%;
  }

  .plan-and-billing-display-file-upload, .plan-and-billing-display-main-parent {
    min-width: 100%;
  }

  .plan-and-billing-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .plan-and-billing-display-container2 {
    gap: 16px;
  }

  .plan-and-billing-display-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .plan-and-billing-text-and-supporting-text2 {
    min-width: 100%;
  }
}

@media screen and (width <= 700px) {
  .plan-and-billing-text-and-supporting-text2 {
    min-width: 100%;
  }

  .plan-and-billing-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }
}

@media screen and (width <= 450px) {
  .plan-and-billing-display-frame-parent {
    gap: 17px;
  }

  .plan-and-billing-display-account {
    gap: 23px;
  }

  .plan-and-billing-display-tabs1 {
    flex-wrap: wrap;
  }

  .plan-and-billing-display-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .plan-and-billing-display-content15 {
    gap: 16px;
  }

  .plan-and-billing-display-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .plan-and-billing-display-action {
    flex-wrap: wrap;
  }

  .plan-and-billing-display-content29, .plan-and-billing-display-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .plan-and-billing-display-content41 {
    padding-right: 58px;
  }

  .plan-and-billing-display-input15 {
    flex-wrap: wrap;
  }

  .plan-and-billing-display-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .plan-and-billing-display-item-status {
    margin-left: 0;
  }

  .plan-and-billing-display-content44 {
    gap: 16px;
  }

  .plan-and-billing-display-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .plan-and-billing-display-footer1 {
    gap: 16px;
  }
}

@media screen and (width <= 616px) {
  .plan-and-billing-display-row1 {
    flex-wrap: wrap;
  }

  .plan-and-billing-display-email-popup {
    height: auto;
    min-height: 546px;
  }
}

.no-plan-found-message-badge-label, .no-plan-found-message-text58 {
  color: inherit;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
  position: relative;
}

.no-plan-found-message-badge-label {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
}

.no-plan-found-message-badge2, .no-plan-found-message-text-and-badge2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-plan-found-message-badge2 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.no-plan-found-message-text-and-badge2 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.no-plan-found-message-supporting-text14 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.no-plan-found-message-text-and-supporting-text3 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 436px;
  max-width: 100%;
  display: flex;
}

.no-plan-found-message-placeholder-icon20 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-plan-found-message-text59 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.no-plan-found-message-text-padding13 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 14px;
  display: flex;
}

.no-plan-found-message-button9 {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.no-plan-found-message-button10, .no-plan-found-message-button9, .no-plan-found-message-text-padding14 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.no-plan-found-message-text-padding14 {
  padding: 0 13px;
  display: flex;
}

.no-plan-found-message-button10 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-plan-found-message-upload-cloud-02-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.no-plan-found-message-text61 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.no-plan-found-message-button11, .no-plan-found-message-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-plan-found-message-button11 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-plan-found-message-text62 {
  color: #fff;
  text-align: left;
  min-width: 73px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.no-plan-found-message-actions4, .no-plan-found-message-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.no-plan-found-message-button12 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-plan-found-message-actions4 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.no-plan-found-message-dots-vertical-icon12 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-plan-found-message-content12, .no-plan-found-message-dropdown12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.no-plan-found-message-content12 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
}

.no-plan-found-message-card-header2, .no-plan-found-message-content12, .no-plan-found-message-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
}

.no-plan-found-message-divider-icon2 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.no-plan-found-message-card-header2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.no-plan-found-message-filter-label {
  color: #344054;
  text-align: left;
  min-width: 53px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.no-plan-found-message-button-group-base9 {
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border: 0;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.no-plan-found-message-button-group-base9:hover {
  background-color: #e0e0e0;
}

.no-plan-found-message-text63 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-plan-found-message-button-group-base10 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.no-plan-found-message-text64 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.no-plan-found-message-button-group-base11, .no-plan-found-message-button-group-base12, .no-plan-found-message-button-group-base13, .no-plan-found-message-button-group-base14, .no-plan-found-message-button-group-base15, .no-plan-found-message-button-group-base16 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.no-plan-found-message-button-group-base12, .no-plan-found-message-button-group-base13, .no-plan-found-message-button-group-base14, .no-plan-found-message-button-group-base15, .no-plan-found-message-button-group-base16 {
  z-index: 5;
}

.no-plan-found-message-button-group-base13, .no-plan-found-message-button-group-base14, .no-plan-found-message-button-group-base15, .no-plan-found-message-button-group-base16 {
  z-index: 4;
}

.no-plan-found-message-button-group-base14, .no-plan-found-message-button-group-base15, .no-plan-found-message-button-group-base16 {
  z-index: 3;
}

.no-plan-found-message-button-group-base15, .no-plan-found-message-button-group-base16 {
  z-index: 2;
}

.no-plan-found-message-button-group-base16 {
  z-index: 1;
}

.no-plan-found-message-text70 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.no-plan-found-message-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-plan-found-message-label1 {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.no-plan-found-message-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-plan-found-message-supporting-text15, .no-plan-found-message-text71 {
  line-height: 24px;
  position: relative;
}

.no-plan-found-message-text71 {
  color: inherit;
  min-width: 82px;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
}

.no-plan-found-message-supporting-text15 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.no-plan-found-message-content14, .no-plan-found-message-input-with-label1, .no-plan-found-message-input1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-plan-found-message-content14 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.no-plan-found-message-input-with-label1, .no-plan-found-message-input1 {
  align-self: stretch;
}

.no-plan-found-message-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.no-plan-found-message-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.no-plan-found-message-hint-text1 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.no-plan-found-message-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.no-plan-found-message-text72 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.no-plan-found-message-actions5, .no-plan-found-message-button13 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.no-plan-found-message-button13 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-plan-found-message-actions5 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.no-plan-found-message-card-header-parent, .no-plan-found-message-content13, .no-plan-found-message-filters-bar1 {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.no-plan-found-message-content13 {
  box-sizing: border-box;
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.no-plan-found-message-card-header-parent, .no-plan-found-message-filters-bar1 {
  flex-direction: column;
  justify-content: flex-start;
}

.no-plan-found-message-filters-bar1 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  font-size: 14px;
}

.no-plan-found-message-card-header-parent {
  text-align: left;
  color: #101828;
  font-family: Inter;
  font-size: 26px;
}

.no-plan-found-message-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.no-plan-found-message-empty-title, .no-plan-found-message-supporting-text16 {
  align-self: stretch;
  position: relative;
}

.no-plan-found-message-empty-title {
  font-weight: 600;
  line-height: 24px;
}

.no-plan-found-message-supporting-text16 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.no-plan-found-message-content15, .no-plan-found-message-text-and-supporting-text4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-plan-found-message-text-and-supporting-text4 {
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.no-plan-found-message-content15 {
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.no-plan-found-message-placeholder-icon27 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-plan-found-message-text73 {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-plan-found-message-buttonsbutton4 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-plan-found-message-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-plan-found-message-actions6, .no-plan-found-message-buttonsbutton5 {
  flex-direction: row;
  display: flex;
}

.no-plan-found-message-buttonsbutton5 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-plan-found-message-actions6 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 20px;
}

.no-plan-found-message-empty-state2, .no-plan-found-message-empty-state3 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.no-plan-found-message-empty-state3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
}

.no-plan-found-message-empty-state2 {
  text-align: center;
  color: #101828;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 16px;
}

.no-plan-found-message-search-results {
  box-sizing: border-box;
  letter-spacing: normal;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 67px;
  width: 1016px;
  max-width: 100%;
  padding: 0 0 2px;
  line-height: normal;
  display: flex;
  overflow: hidden;
}

@media screen and (width <= 900px) {
  .no-plan-found-message-content13, .no-plan-found-message-text-and-badge2 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 675px) {
  .no-plan-found-message-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 166px;
  }

  .no-plan-found-message-text-and-supporting-text3 {
    min-width: 100%;
  }

  .no-plan-found-message-search-results {
    gap: 33px;
  }
}

@media screen and (width <= 450px) {
  .no-plan-found-message-text58 {
    font-size: 21px;
    line-height: 22px;
  }

  .no-plan-found-message-content14, .no-plan-found-message-text-and-badge2 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .no-plan-found-message-input-dropdown1 {
    max-width: 100%;
  }

  .no-plan-found-message-actions5 {
    flex-wrap: wrap;
  }

  .no-plan-found-message-search-results {
    gap: 17px;
  }
}

.skeleton-plan-table-loader {
  grid-gap: 15px;
  grid-template-rows: repeat(1, 1fr);
  width: 768px;
  display: grid;
}

.skeleton-plan-table-item {
  background-color: #f0f0f0;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  height: 120px;
  padding: 16px;
  animation: 1s linear infinite shimmer;
  display: flex;
  position: relative;
  overflow: hidden;
}

.skeleton-plan-header {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
  display: flex;
}

.skeleton-plan-title {
  background-color: #d0d0d0;
  border-radius: 4px;
  width: 120px;
  height: 16px;
  animation: 1.2s linear infinite shimmer;
}

.skeleton-plan-price {
  background-color: #d0d0d0;
  border-radius: 4px;
  width: 80px;
  height: 14px;
  animation: 1.4s linear infinite shimmer;
}

.skeleton-plan-features {
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
  display: flex;
}

.skeleton-feature-line {
  background-color: #d5d5d5;
  border-radius: 3px;
  height: 12px;
  animation: 1.6s linear infinite shimmer;
}

.skeleton-feature-line:first-child {
  width: 85%;
}

.skeleton-feature-line:last-child {
  width: 65%;
}

.skeleton-plan-actions {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.skeleton-details-link {
  background-color: #d0d0d0;
  border-radius: 3px;
  width: 70px;
  height: 12px;
  animation: 1.8s linear infinite shimmer;
}

.skeleton-button {
  background-color: #d0d0d0;
  border-radius: 6px;
  width: 120px;
  height: 32px;
  animation: 2s linear infinite shimmer;
}

.plan-and-billing-success-text-overlflow {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.plan-and-billing-success-Content-width {
  width: 70%;
}

.plan-and-billing-success-buttonsbutton-wrapper-width {
  width: 30%;
}

.plan-and-billing-success-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  max-height: 85vh;
  padding: 0 29px 0 0;
  display: flex;
  overflow-y: scroll;
}

.plan-and-billing-success-x-close-icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-button-close-x1 {
  box-sizing: border-box;
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 40px;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 611px;
  overflow: hidden;
}

.plan-and-billing-success-featured-icon1, .plan-and-billing-success-frame-child5 {
  border-radius: 12px;
  position: relative;
}

.plan-and-billing-success-frame-child5 {
  background-color: #fff;
  width: 633.4px;
  max-width: 100%;
  height: 546px;
  display: none;
}

.plan-and-billing-success-featured-icon1 {
  width: 56px;
  height: 56px;
}

.plan-and-billing-success-supporting-text5, .plan-and-billing-success-title1 {
  align-self: stretch;
  position: relative;
}

.plan-and-billing-success-title1 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.plan-and-billing-success-supporting-text5 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.plan-and-billing-success-header1, .plan-and-billing-success-text-and-supporting-text3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.plan-and-billing-success-header1 {
  text-align: center;
  color: #101828;
  align-items: center;
  gap: 24px;
  font-size: 30px;
}

.plan-and-billing-success-placeholder-icon25 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-text76 {
  color: #fff;
  text-align: left;
  min-width: 71px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-buttonsbutton10, .plan-and-billing-success-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.plan-and-billing-success-buttonsbutton10 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 8px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-secondary-label {
  line-height: 20px;
  position: relative;
}

.plan-and-billing-success-placeholder-icon27 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-text77 {
  min-width: 102px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-buttonsbutton11, .plan-and-billing-success-row1 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.plan-and-billing-success-buttonsbutton11 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.plan-and-billing-success-row1 {
  align-items: flex-start;
  gap: 3px;
  padding: 0 14px;
}

.plan-and-billing-success-arrow-left-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-back-label {
  min-width: 91px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-buttonsbutton12 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-success-container9, .plan-and-billing-success-content22 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.plan-and-billing-success-content22 {
  gap: 32px;
  max-width: 360px;
}

.plan-and-billing-success-container9 {
  box-sizing: border-box;
  max-width: 1280px;
  padding: 0 32px;
}

.plan-and-billing-success-content21 {
  width: 100%;
  max-width: 361px;
}

.plan-and-billing-success-container7, .plan-and-billing-success-container8, .plan-and-billing-success-content21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-and-billing-success-container8 {
  align-self: stretch;
  padding: 0 48px;
}

.plan-and-billing-success-container7 {
  box-sizing: border-box;
  z-index: 1;
  border: 2px #000;
  flex: 1;
  max-width: 100%;
  padding: 0 32px;
}

.plan-and-billing-success-email-popup, .plan-and-billing-success-frame-section {
  background-color: #fff;
  max-width: 100%;
}

.plan-and-billing-success-frame-section {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 633.4px;
  padding: 94px 55px 94px 56px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.plan-and-billing-success-email-popup {
  letter-spacing: normal;
  width: 650px;
  height: 546px;
  line-height: normal;
  overflow: hidden;
}

.plan-and-billing-success-plan-and-billing-success-frame-layout-setti-child, .plan-and-billing-success-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.plan-and-billing-success-plan-and-billing-success-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.plan-and-billing-success-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.plan-and-billing-success-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.plan-and-billing-success-logo, .plan-and-billing-success-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.plan-and-billing-success-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.plan-and-billing-success-bar-chart-01-icon, .plan-and-billing-success-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.plan-and-billing-success-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.plan-and-billing-success-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.plan-and-billing-success-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.plan-and-billing-success-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.plan-and-billing-success-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-success-text2, .plan-and-billing-success-text3 {
  font-family: Inter;
  position: relative;
}

.plan-and-billing-success-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.plan-and-billing-success-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.plan-and-billing-success-badge1, .plan-and-billing-success-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.plan-and-billing-success-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.plan-and-billing-success-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-success-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-navigation, .plan-and-billing-success-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-success-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.plan-and-billing-success-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.plan-and-billing-success-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-success-search-lg-icon, .plan-and-billing-success-text6 {
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.plan-and-billing-success-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.plan-and-billing-success-content3, .plan-and-billing-success-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-and-billing-success-content3 {
  flex: 1;
  gap: 8px;
}

.plan-and-billing-success-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-frame-group, .plan-and-billing-success-frame-parent, .plan-and-billing-success-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.plan-and-billing-success-frame-group, .plan-and-billing-success-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.plan-and-billing-success-frame-group {
  flex: 1;
  gap: 38px;
}

.plan-and-billing-success-frame-parent {
  gap: 70px;
  width: 754px;
}

.plan-and-billing-success-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.plan-and-billing-success-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-success-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.plan-and-billing-success-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.plan-and-billing-success-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.plan-and-billing-success-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.plan-and-billing-success-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.plan-and-billing-success-plan-and-billing-success-frame-layout-setti-inner, .plan-and-billing-success-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-rectangle-parent {
  z-index: 2;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 0;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.plan-and-billing-success-plan-and-billing-success-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.plan-and-billing-success-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  margin-top: -134px;
  padding: 0 0 134px;
  display: flex;
}

.plan-and-billing-success-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-nav-item-button2, .plan-and-billing-success-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-success-nav-item-button3 {
  background-color: #f9fafb;
}

.plan-and-billing-success-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.plan-and-billing-success-navigation1, .plan-and-billing-success-navigation2, .plan-and-billing-success-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-navigation1 {
  padding: 32px 0 0;
}

.plan-and-billing-success-navigation3 {
  gap: 8px;
}

.plan-and-billing-success-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.plan-and-billing-success-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.plan-and-billing-success-content4, .plan-and-billing-success-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.plan-and-billing-success-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.plan-and-billing-success-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.plan-and-billing-success-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.plan-and-billing-success-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-badge3, .plan-and-billing-success-content6, .plan-and-billing-success-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.plan-and-billing-success-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.plan-and-billing-success-badge3, .plan-and-billing-success-nav-item-base3 {
  background-color: #f9fafb;
}

.plan-and-billing-success-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.plan-and-billing-success-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-success-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.plan-and-billing-success-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.plan-and-billing-success-badge4, .plan-and-billing-success-content8, .plan-and-billing-success-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-and-billing-success-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.plan-and-billing-success-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.plan-and-billing-success-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-content12, .plan-and-billing-success-content5, .plan-and-billing-success-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-success-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.plan-and-billing-success-content5, .plan-and-billing-success-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.plan-and-billing-success-navigation4 {
  color: #344054;
  gap: 4px;
}

.plan-and-billing-success-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.plan-and-billing-success-supporting-text, .plan-and-billing-success-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-success-title {
  font-weight: 600;
}

.plan-and-billing-success-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.plan-and-billing-success-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.plan-and-billing-success-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.plan-and-billing-success-account, .plan-and-billing-success-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.plan-and-billing-success-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.plan-and-billing-success-breadcrumb-button-base, .plan-and-billing-success-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  height: 1260px;
  overflow: hidden;
}

.plan-and-billing-success-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.plan-and-billing-success-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-text22 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.plan-and-billing-success-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-success-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.plan-and-billing-success-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-success-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.plan-and-billing-success-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.plan-and-billing-success-tabs {
  gap: 8px;
}

.plan-and-billing-success-breadcrumbs, .plan-and-billing-success-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-and-billing-success-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.plan-and-billing-success-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.plan-and-billing-success-container {
  padding: 0 32px;
}

.plan-and-billing-success-container, .plan-and-billing-success-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.plan-and-billing-success-main, .plan-and-billing-success-main-child, .plan-and-billing-success-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.plan-and-billing-success-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.plan-and-billing-success-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-success-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-breadcrumb-button-base6, .plan-and-billing-success-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.plan-and-billing-success-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.plan-and-billing-success-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.plan-and-billing-success-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-success-breadcrumbs1, .plan-and-billing-success-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.plan-and-billing-success-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.plan-and-billing-success-breadcrumbs1 {
  width: 278px;
  display: none;
}

.plan-and-billing-success-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.plan-and-billing-success-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.plan-and-billing-success-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.plan-and-billing-success-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.plan-and-billing-success-button, .plan-and-billing-success-button1, .plan-and-billing-success-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-success-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.plan-and-billing-success-button1, .plan-and-billing-success-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.plan-and-billing-success-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.plan-and-billing-success-actions, .plan-and-billing-success-button2, .plan-and-billing-success-button3 {
  flex-direction: row;
  align-items: center;
}

.plan-and-billing-success-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.plan-and-billing-success-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-input-with-label1, .plan-and-billing-success-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.plan-and-billing-success-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.plan-and-billing-success-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-success-content13, .plan-and-billing-success-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.plan-and-billing-success-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.plan-and-billing-success-content13, .plan-and-billing-success-divider-icon2, .plan-and-billing-success-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.plan-and-billing-success-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.plan-and-billing-success-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.plan-and-billing-success-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.plan-and-billing-success-badge-count, .plan-and-billing-success-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.plan-and-billing-success-badge10, .plan-and-billing-success-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.plan-and-billing-success-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.plan-and-billing-success-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.plan-and-billing-success-text39, .plan-and-billing-success-text40, .plan-and-billing-success-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-text40, .plan-and-billing-success-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.plan-and-billing-success-text43 {
  min-width: 83px;
}

.plan-and-billing-success-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.plan-and-billing-success-text45, .plan-and-billing-success-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-text46 {
  min-width: 24px;
}

.plan-and-billing-success-tab-button-base9, .plan-and-billing-success-tabs2 {
  flex-direction: row;
  display: flex;
}

.plan-and-billing-success-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.plan-and-billing-success-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.plan-and-billing-success-container1, .plan-and-billing-success-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.plan-and-billing-success-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-container1 {
  gap: 24px;
  padding: 0 32px;
}

.plan-and-billing-success-container1, .plan-and-billing-success-header-content, .plan-and-billing-success-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-header-section1 {
  flex-direction: column;
  flex: 1;
}

.plan-and-billing-success-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.plan-and-billing-success-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-success-button4, .plan-and-billing-success-button5, .plan-and-billing-success-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.plan-and-billing-success-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.plan-and-billing-success-button4, .plan-and-billing-success-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.plan-and-billing-success-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.plan-and-billing-success-supporting-text2, .plan-and-billing-success-toggle-title {
  align-self: stretch;
  position: relative;
}

.plan-and-billing-success-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.plan-and-billing-success-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.plan-and-billing-success-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.plan-and-billing-success-button6, .plan-and-billing-success-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.plan-and-billing-success-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  transition: left .3s;
  position: absolute;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.plan-and-billing-success-button6.left {
  left: 0;
}

.plan-and-billing-success-button6.right {
  left: 20px;
}

.plan-and-billing-success-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
  position: relative;
}

.plan-and-billing-success-supporting-text3, .plan-and-billing-success-switch-label, .plan-and-billing-success-switch-label1 {
  line-height: 20px;
  position: relative;
}

.plan-and-billing-success-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  display: inline-block;
}

.plan-and-billing-success-switch-label1 {
  letter-spacing: -.02px;
  z-index: 1;
  font-weight: 500;
  display: inline-block;
}

.plan-and-billing-success-switch-label1.active, .plan-and-billing-success-switch-label.active {
  color: #6941c6;
  background-color: #0000;
  font-weight: bold;
}

.plan-and-billing-success-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.plan-and-billing-success-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.plan-and-billing-success-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-text49 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-button8, .plan-and-billing-success-toggle-controls, .plan-and-billing-success-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-toggle-controls, .plan-and-billing-success-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.plan-and-billing-success-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.plan-and-billing-success-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.plan-and-billing-success-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-success-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.plan-and-billing-success-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-success-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.plan-and-billing-success-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.plan-and-billing-success-input-field, .plan-and-billing-success-input2 {
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-success-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.plan-and-billing-success-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-success-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.plan-and-billing-success-content15, .plan-and-billing-success-content17, .plan-and-billing-success-input-fields, .plan-and-billing-success-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-success-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-content15, .plan-and-billing-success-input-fields {
  align-items: flex-start;
}

.plan-and-billing-success-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-success-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.plan-and-billing-success-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.plan-and-billing-success-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.plan-and-billing-success-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-content19, .plan-and-billing-success-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.plan-and-billing-success-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.plan-and-billing-success-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-hint-text2 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-success-content18, .plan-and-billing-success-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-success-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.plan-and-billing-success-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.plan-and-billing-success-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.plan-and-billing-success-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-success-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.plan-and-billing-success-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.plan-and-billing-success-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-success-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.plan-and-billing-success-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.plan-and-billing-success-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.plan-and-billing-success-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.plan-and-billing-success-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.plan-and-billing-success-cursor-icon, .plan-and-billing-success-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.plan-and-billing-success-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.plan-and-billing-success-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.plan-and-billing-success-content23, .plan-and-billing-success-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-success-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.plan-and-billing-success-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.plan-and-billing-success-avatar-and-file-upload, .plan-and-billing-success-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-success-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-success-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.plan-and-billing-success-supporting-text6, .plan-and-billing-success-text59 {
  line-height: 24px;
  position: relative;
}

.plan-and-billing-success-text59 {
  min-width: 68px;
  font-weight: 500;
  display: inline-block;
}

.plan-and-billing-success-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.plan-and-billing-success-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.plan-and-billing-success-content29, .plan-and-billing-success-input-dropdown1, .plan-and-billing-success-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.plan-and-billing-success-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-success-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-content33, .plan-and-billing-success-input10, .plan-and-billing-success-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.plan-and-billing-success-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.plan-and-billing-success-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.plan-and-billing-success-supporting-text8, .plan-and-billing-success-text66 {
  line-height: 24px;
  position: relative;
}

.plan-and-billing-success-text66 {
  font-weight: 500;
}

.plan-and-billing-success-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.plan-and-billing-success-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.plan-and-billing-success-content41, .plan-and-billing-success-form-content, .plan-and-billing-success-form-content-wrapper, .plan-and-billing-success-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-form-content, .plan-and-billing-success-form-content-wrapper {
  align-items: flex-start;
}

.plan-and-billing-success-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.plan-and-billing-success-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.plan-and-billing-success-write-a-short {
  margin-block: 0 14px;
}

.plan-and-billing-success-this-is-also {
  margin: 0;
}

.plan-and-billing-success-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.plan-and-billing-success-content43, .plan-and-billing-success-input-dropdown8, .plan-and-billing-success-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.plan-and-billing-success-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.plan-and-billing-success-wysiwyg-editor-icon, .plan-and-billing-success-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-wysiwyg-editor-icon2 {
  display: none;
}

.plan-and-billing-success-icons, .plan-and-billing-success-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.plan-and-billing-success-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.plan-and-billing-success-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-success-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-input16, .plan-and-billing-success-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.plan-and-billing-success-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-textarea-input-field {
  gap: 6px;
}

.plan-and-billing-success-content45, .plan-and-billing-success-file-upload-base1, .plan-and-billing-success-textarea-input-field, .plan-and-billing-success-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-success-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-success-content45, .plan-and-billing-success-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.plan-and-billing-success-content45 {
  gap: 12px;
}

.plan-and-billing-success-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.plan-and-billing-success-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.plan-and-billing-success-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.plan-and-billing-success-file-type-wrap1, .plan-and-billing-success-item-container, .plan-and-billing-success-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-item-info-container {
  flex-direction: row;
  position: relative;
}

.plan-and-billing-success-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.plan-and-billing-success-supporting-text13, .plan-and-billing-success-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-uploaded-file-name {
  font-weight: 500;
}

.plan-and-billing-success-supporting-text13 {
  color: #475467;
}

.plan-and-billing-success-background, .plan-and-billing-success-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.plan-and-billing-success-progress {
  background-color: #7e56d9;
}

.plan-and-billing-success-item-progress-info, .plan-and-billing-success-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.plan-and-billing-success-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.plan-and-billing-success-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.plan-and-billing-success-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.plan-and-billing-success-file-upload-item-base, .plan-and-billing-success-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.plan-and-billing-success-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.plan-and-billing-success-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.plan-and-billing-success-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.plan-and-billing-success-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.plan-and-billing-success-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.plan-and-billing-success-background1, .plan-and-billing-success-progress1 {
  border-radius: 9999px;
  position: relative;
}

.plan-and-billing-success-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.plan-and-billing-success-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.plan-and-billing-success-progress-bar-wrapper, .plan-and-billing-success-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.plan-and-billing-success-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.plan-and-billing-success-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.plan-and-billing-success-file-upload-item-base1, .plan-and-billing-success-progress-bar-container-parent, .plan-and-billing-success-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.plan-and-billing-success-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.plan-and-billing-success-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.plan-and-billing-success-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-file-type-wrap3, .plan-and-billing-success-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.plan-and-billing-success-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.plan-and-billing-success-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.plan-and-billing-success-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-file-upload-item-base2, .plan-and-billing-success-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.plan-and-billing-success-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.plan-and-billing-success-content-wrapper, .plan-and-billing-success-content44, .plan-and-billing-success-file-queue, .plan-and-billing-success-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-success-content-wrapper, .plan-and-billing-success-content44 {
  flex-direction: row;
  max-width: 100%;
}

.plan-and-billing-success-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.plan-and-billing-success-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.plan-and-billing-success-divider-icon4, .plan-and-billing-success-text73 {
  align-self: stretch;
  position: relative;
}

.plan-and-billing-success-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.plan-and-billing-success-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.plan-and-billing-success-button9, .plan-and-billing-success-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.plan-and-billing-success-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.plan-and-billing-success-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.plan-and-billing-success-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-button10, .plan-and-billing-success-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.plan-and-billing-success-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-text76 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.plan-and-billing-success-actions1, .plan-and-billing-success-button11, .plan-and-billing-success-content46, .plan-and-billing-success-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.plan-and-billing-success-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 65px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-actions1, .plan-and-billing-success-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.plan-and-billing-success-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.plan-and-billing-success-content46 {
  align-self: stretch;
  gap: 20px;
}

.plan-and-billing-success-main1, .plan-and-billing-success-section-footer, .plan-and-billing-success-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.plan-and-billing-success-main1, .plan-and-billing-success-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.plan-and-billing-success-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.plan-and-billing-success-main1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.plan-and-billing-success-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 24px;
}

.plan-and-billing-success-main-parent, .plan-and-billing-success-main-wrapper, .plan-and-billing-success-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-success-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.plan-and-billing-success-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  margin-top: -134px;
  padding: 0 0 137px;
  font-family: Inter;
  font-size: 16px;
}

.plan-and-billing-success-footer-text {
  line-height: 20px;
  position: relative;
}

.plan-and-billing-success-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.plan-and-billing-success-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.plan-and-billing-success-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.plan-and-billing-success-logo-wrapper1, .plan-and-billing-success-logomark, .plan-and-billing-success-logomark1 {
  flex-direction: row;
  display: flex;
}

.plan-and-billing-success-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.plan-and-billing-success-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.plan-and-billing-success-content47, .plan-and-billing-success-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.plan-and-billing-success-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.plan-and-billing-success-divider-icon5, .plan-and-billing-success-footer1 {
  align-self: stretch;
  margin-top: -134px;
  overflow: hidden;
}

.plan-and-billing-success-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.plan-and-billing-success-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.plan-and-billing-success-plan-and-billing-success-frame-layout-setti, .plan-and-billing-success-plan-and-billing-success-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-plan-and-billing-success-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  min-height: 1480px;
  padding: 7px 0 0;
}

.plan-and-billing-success-plan-and-billing-success-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-content-display-div {
  border: none;
  border-radius: 10px;
  width: 40%;
  height: 300px;
  box-shadow: 0 0 10px #80808080;
}

.plan-and-billing-success-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.plan-and-billing-success-toggle-title1 {
  color: #7e56d9;
  margin: 25px auto;
  font-weight: 600;
  line-height: 28px;
  text-decoration: underline;
}

.plan-and-billing-success-supporting-text2a {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  margin: auto;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-eye-lg-icon {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  top: 120px;
  left: 150px;
  overflow: hidden;
}

.plan-and-billing-success-pencil-lg-icon {
  color: #000;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  top: 120px;
  left: 160px;
  overflow: hidden;
}

.plan-and-billing-success-CheckboxGroupItem {
  background: #fff;
  border: 2px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 768px;
  height: 114px;
  padding: 16px 16px 0;
  display: inline-flex;
}

.plan-and-billing-success-CheckboxGroupItem1 {
  background: #fff;
  border: 2px solid #7f56d9;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 768px;
  height: 114px;
  padding: 16px 16px 0;
  display: inline-flex;
}

.plan-and-billing-success-Content {
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  height: 50px;
  display: flex;
}

.plan-and-billing-success-Input {
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  display: flex;
}

.plan-and-billing-success-CheckboxBase {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 3px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-success-CheckboxBase input[type="checkbox"] {
  accent-color: #7f56d9;
}

.plan-and-billing-success-Check {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  padding: 3.5px 2.33px 4.08px;
  display: inline-flex;
}

.plan-and-billing-success-Icon {
  border: 2px solid #fff;
  width: 9.33px;
  height: 6.42px;
}

.plan-and-billing-success-TextAndSupportingText {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: inline-flex;
}

.plan-and-billing-success-TextAndSubtext {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: inline-flex;
}

.plan-and-billing-success-Text-1 {
  color: #344054;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.plan-and-billing-success-Subtext {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.plan-and-billing-success-SupportingText {
  color: #475467;
  word-wrap: break-word;
  align-self: stretch;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.plan-and-billing-success-Actions {
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  height: 20px;
  display: inline-flex;
  position: relative;
  top: 14px;
}

.plan-and-billing-success-ButtonsButton {
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.plan-and-billing-success-Text-2 {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.plan-and-billing-success-Text-3 {
  color: #6941c6;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.plan-and-billing-success-buttonsbutton-wrapper, .plan-and-billing-success-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-success-buttonsbutton-wrapper {
  cursor: pointer;
  justify-content: flex-end;
  align-self: stretch;
  margin-top: 20px;
}

.plan-and-billing-success-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-success-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-success-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.plan-and-billing-success-text107 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-success-text107a {
  color: #6941c6;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

@media screen and (width <= 1275px) {
  .plan-and-billing-success-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .plan-and-billing-success-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .plan-and-billing-success-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .plan-and-billing-success-tabs2, .plan-and-billing-success-toggle-header-parent {
    flex-wrap: wrap;
  }

  .plan-and-billing-success-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .plan-and-billing-success-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 925px) {
  .plan-and-billing-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }
}

@media screen and (width <= 750px) {
  .plan-and-billing-success-frame-group {
    gap: 19px;
  }

  .plan-and-billing-success-frame-parent {
    gap: 35px;
  }

  .plan-and-billing-success-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .plan-and-billing-success-main {
    gap: 16px;
  }

  .plan-and-billing-success-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .plan-and-billing-success-actions {
    flex-wrap: wrap;
  }

  .plan-and-billing-success-input-dropdown {
    max-width: 100%;
  }

  .plan-and-billing-success-input-fields, .plan-and-billing-success-toggle-controls {
    flex-wrap: wrap;
  }

  .plan-and-billing-success-input-field1, .plan-and-billing-success-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .plan-and-billing-success-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .plan-and-billing-success-avatar-and-file-upload, .plan-and-billing-success-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .plan-and-billing-success-content41, .plan-and-billing-success-input14 {
    flex-wrap: wrap;
  }

  .plan-and-billing-success-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .plan-and-billing-success-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .plan-and-billing-success-file-upload-item-base, .plan-and-billing-success-file-upload-item-base1, .plan-and-billing-success-file-upload-item-base2, .plan-and-billing-success-frame-div, .plan-and-billing-success-item-progress-container, .plan-and-billing-success-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .plan-and-billing-success-file-upload {
    max-width: 100%;
  }

  .plan-and-billing-success-file-upload, .plan-and-billing-success-main-parent {
    min-width: 100%;
  }

  .plan-and-billing-success-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .plan-and-billing-success-container2 {
    gap: 16px;
  }

  .plan-and-billing-success-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .plan-and-billing-text-and-supporting-text2 {
    min-width: 100%;
  }
}

@media screen and (width <= 700px) {
  .plan-and-billing-text-and-supporting-text2 {
    min-width: 100%;
  }

  .plan-and-billing-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }
}

@media screen and (width <= 450px) {
  .plan-and-billing-success-frame-parent {
    gap: 17px;
  }

  .plan-and-billing-success-account {
    gap: 23px;
  }

  .plan-and-billing-success-tabs1 {
    flex-wrap: wrap;
  }

  .plan-and-billing-success-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .plan-and-billing-success-content15 {
    gap: 16px;
  }

  .plan-and-billing-success-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .plan-and-billing-success-action {
    flex-wrap: wrap;
  }

  .plan-and-billing-success-content29, .plan-and-billing-success-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .plan-and-billing-success-content41 {
    padding-right: 58px;
  }

  .plan-and-billing-success-input15 {
    flex-wrap: wrap;
  }

  .plan-and-billing-success-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .plan-and-billing-success-item-status {
    margin-left: 0;
  }

  .plan-and-billing-success-content44 {
    gap: 16px;
  }

  .plan-and-billing-success-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .plan-and-billing-success-footer1 {
    gap: 16px;
  }
}

@media screen and (width <= 616px) {
  .plan-and-billing-success-row1 {
    flex-wrap: wrap;
  }

  .plan-and-billing-success-email-popup {
    height: auto;
    min-height: 546px;
  }
}

.Plan-billing-success-component-x-close-icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.Plan-billing-success-component-button-close-x1 {
  box-sizing: border-box;
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 40px;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 611px;
  overflow: hidden;
}

.Plan-billing-success-component-featured-icon1, .Plan-billing-success-component-frame-child5 {
  border-radius: 12px;
  position: relative;
}

.Plan-billing-success-component-frame-child5 {
  background-color: #fff;
  width: 633.4px;
  max-width: 100%;
  height: 546px;
  display: none;
}

.Plan-billing-success-component-featured-icon1 {
  width: 56px;
  height: 56px;
}

.Plan-billing-success-component-supporting-text5, .Plan-billing-success-component-title1 {
  align-self: stretch;
  position: relative;
}

.Plan-billing-success-component-title1 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.Plan-billing-success-component-supporting-text5 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.Plan-billing-success-component-header1, .Plan-billing-success-component-text-and-supporting-text3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.Plan-billing-success-component-header1 {
  text-align: center;
  color: #101828;
  align-items: center;
  gap: 24px;
  font-size: 30px;
}

.Plan-billing-success-component-placeholder-icon25 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.Plan-billing-success-component-text76 {
  color: #fff;
  text-align: left;
  min-width: 71px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.Plan-billing-success-component-buttonsbutton10, .Plan-billing-success-component-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.Plan-billing-success-component-buttonsbutton10 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 8px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.Plan-billing-success-component-secondary-label {
  line-height: 20px;
  position: relative;
}

.Plan-billing-success-component-placeholder-icon27 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.Plan-billing-success-component-text77 {
  min-width: 102px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.Plan-billing-success-component-buttonsbutton11, .Plan-billing-success-component-row1 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.Plan-billing-success-component-buttonsbutton11 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.Plan-billing-success-component-row1 {
  align-items: flex-start;
  gap: 3px;
  padding: 0 14px;
}

.Plan-billing-success-component-arrow-left-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.Plan-billing-success-component-back-label {
  min-width: 91px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.Plan-billing-success-component-buttonsbutton12 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.Plan-billing-success-component-container9, .Plan-billing-success-component-content22 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.Plan-billing-success-component-content22 {
  gap: 32px;
  max-width: 360px;
}

.Plan-billing-success-component-container9 {
  box-sizing: border-box;
  max-width: 1280px;
}

.Plan-billing-success-component-content21 {
  width: 100%;
  max-width: 361px;
}

.Plan-billing-success-component-container7, .Plan-billing-success-component-container8, .Plan-billing-success-component-content21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.Plan-billing-success-component-container8 {
  align-self: stretch;
  padding: 0 48px;
}

.Plan-billing-success-component-container7 {
  box-sizing: border-box;
  z-index: 1;
  flex: 1;
  max-width: 100%;
}

.Plan-billing-success-component-email-popup, .Plan-billing-success-component-frame-section {
  background-color: #fff;
  max-width: 100%;
}

.Plan-billing-success-component-frame-section {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 633.4px;
  padding: 34px 55px 94px 100px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  position: absolute;
}

.Plan-billing-success-component-email-popup {
  letter-spacing: normal;
  width: 650px;
  height: 546px;
  line-height: normal;
  overflow: hidden;
}

.Plan-billing-success-component-span {
  color: #6941c6;
}

@media screen and (width <= 616px) {
  .Plan-billing-success-component-row1 {
    flex-wrap: wrap;
  }

  .Plan-billing-success-component-email-popup {
    height: auto;
    min-height: 546px;
  }
}

.team-display-text-overlflow {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.team-display-Content-width {
  width: 80%;
}

.team-display-buttonsbutton-wrapper-width {
  width: 20%;
}

.team-display-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  max-height: 95vh;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.team-display-x-close-icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.team-display-button-close-x1 {
  box-sizing: border-box;
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 40px;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 611px;
  overflow: hidden;
}

.team-display-featured-icon1, .team-display-frame-child5 {
  border-radius: 12px;
  position: relative;
}

.team-display-frame-child5 {
  background-color: #fff;
  width: 633.4px;
  max-width: 100%;
  height: 546px;
  display: none;
}

.team-display-featured-icon1 {
  width: 56px;
  height: 56px;
}

.team-display-supporting-text5, .team-display-title1 {
  align-self: stretch;
  position: relative;
}

.team-display-title1 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.team-display-supporting-text5 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.team-display-header1, .team-display-text-and-supporting-text3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.team-display-header1 {
  text-align: center;
  color: #101828;
  align-items: center;
  gap: 24px;
  font-size: 30px;
}

.team-display-placeholder-icon25 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.team-display-text76 {
  color: #fff;
  text-align: left;
  min-width: 71px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.team-display-buttonsbutton10, .team-display-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.team-display-buttonsbutton10 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 8px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-secondary-label {
  line-height: 20px;
  position: relative;
}

.team-display-placeholder-icon27 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.team-display-text77 {
  min-width: 102px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-buttonsbutton11, .team-display-row1 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.team-display-buttonsbutton11 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.team-display-row1 {
  align-items: flex-start;
  gap: 3px;
  padding: 0 14px;
}

.team-display-arrow-left-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.team-display-back-label {
  min-width: 91px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-buttonsbutton12 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.team-display-container9, .team-display-content22 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.team-display-content22 {
  gap: 32px;
  max-width: 360px;
}

.team-display-container9 {
  box-sizing: border-box;
  max-width: 1280px;
  padding: 0 32px;
}

.team-display-content21 {
  width: 100%;
  max-width: 361px;
}

.team-display-container7, .team-display-container8, .team-display-content21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-display-container8 {
  align-self: stretch;
  padding: 0 48px;
}

.team-display-container7 {
  box-sizing: border-box;
  z-index: 1;
  border: 2px #000;
  flex: 1;
  max-width: 100%;
  padding: 0 32px;
}

.team-display-email-popup, .team-display-frame-section {
  background-color: #fff;
  max-width: 100%;
}

.team-display-frame-section {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 633.4px;
  padding: 94px 55px 94px 56px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.team-display-email-popup {
  letter-spacing: normal;
  width: 650px;
  height: 546px;
  line-height: normal;
  overflow: hidden;
}

.team-display-team-display-frame-layout-setti-child, .team-display-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.team-display-team-display-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.team-display-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.team-display-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.team-display-logo, .team-display-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-display-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.team-display-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.team-display-bar-chart-01-icon, .team-display-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.team-display-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.team-display-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.team-display-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.team-display-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.team-display-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.team-display-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.team-display-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.team-display-text2, .team-display-text3 {
  font-family: Inter;
  position: relative;
}

.team-display-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.team-display-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.team-display-badge1, .team-display-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.team-display-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.team-display-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.team-display-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.team-display-navigation, .team-display-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.team-display-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.team-display-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.team-display-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.team-display-search-lg-icon, .team-display-text6 {
  position: relative;
  overflow: hidden;
}

.team-display-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.team-display-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.team-display-content3, .team-display-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-display-content3 {
  flex: 1;
  gap: 8px;
}

.team-display-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-frame-group, .team-display-frame-parent, .team-display-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-display-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.team-display-frame-group, .team-display-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.team-display-frame-group {
  flex: 1;
  gap: 38px;
}

.team-display-frame-parent {
  gap: 70px;
  width: 754px;
}

.team-display-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.team-display-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.team-display-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.team-display-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.team-display-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.team-display-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.team-display-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.team-display-team-display-frame-layout-setti-inner, .team-display-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.team-display-rectangle-parent {
  z-index: 2;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 0;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.team-display-team-display-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.team-display-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.team-display-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  margin-top: -134px;
  padding: 0 0 134px;
  display: flex;
}

.team-display-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.team-display-nav-item-button2, .team-display-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.team-display-nav-item-button3 {
  background-color: #f9fafb;
}

.team-display-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.team-display-navigation1, .team-display-navigation2, .team-display-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-display-navigation1 {
  padding: 32px 0 0;
}

.team-display-navigation3 {
  gap: 8px;
}

.team-display-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.team-display-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.team-display-content4, .team-display-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.team-display-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.team-display-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.team-display-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.team-display-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.team-display-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.team-display-badge3, .team-display-content6, .team-display-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.team-display-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.team-display-badge3, .team-display-nav-item-base3 {
  background-color: #f9fafb;
}

.team-display-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.team-display-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.team-display-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.team-display-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.team-display-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.team-display-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.team-display-badge4, .team-display-content8, .team-display-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-display-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.team-display-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.team-display-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.team-display-content12, .team-display-content5, .team-display-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.team-display-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.team-display-content5, .team-display-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.team-display-navigation4 {
  color: #344054;
  gap: 4px;
}

.team-display-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.team-display-supporting-text, .team-display-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.team-display-title {
  font-weight: 600;
}

.team-display-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.team-display-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.team-display-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.team-display-account, .team-display-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.team-display-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.team-display-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.team-display-breadcrumb-button-base, .team-display-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-display-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  height: 1260px;
  overflow: hidden;
}

.team-display-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.team-display-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.team-display-text22 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.team-display-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.team-display-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.team-display-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.team-display-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.team-display-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.team-display-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.team-display-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.team-display-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.team-display-tabs {
  gap: 8px;
}

.team-display-breadcrumbs, .team-display-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.team-display-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.team-display-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.team-display-container {
  padding: 0 32px;
}

.team-display-container, .team-display-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.team-display-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.team-display-main, .team-display-main-child, .team-display-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.team-display-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.team-display-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.team-display-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-breadcrumb-button-base6, .team-display-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-display-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.team-display-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.team-display-breadcrumbs1, .team-display-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.team-display-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.team-display-breadcrumbs1 {
  width: 278px;
  display: none;
}

.team-display-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.team-display-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.team-display-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.team-display-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.team-display-plus-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.team-display-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.team-display-button, .team-display-button1, .team-display-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.team-display-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.team-display-button1, .team-display-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.team-display-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.team-display-actions, .team-display-button2, .team-display-button3 {
  flex-direction: row;
  align-items: center;
}

.team-display-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.team-display-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.team-display-input-with-label1, .team-display-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.team-display-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.team-display-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.team-display-content13, .team-display-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-display-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.team-display-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.team-display-content13, .team-display-divider-icon2, .team-display-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.team-display-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.team-display-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.team-display-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.team-display-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.team-display-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.team-display-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.team-display-badge-count, .team-display-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.team-display-badge10, .team-display-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.team-display-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.team-display-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.team-display-text39, .team-display-text40, .team-display-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-text40, .team-display-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.team-display-text43 {
  min-width: 83px;
}

.team-display-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.team-display-text45, .team-display-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-text46 {
  min-width: 24px;
}

.team-display-tab-button-base9, .team-display-tabs2 {
  flex-direction: row;
  display: flex;
}

.team-display-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.team-display-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.team-display-container1, .team-display-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.team-display-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.team-display-container1 {
  gap: 24px;
}

.team-display-container1, .team-display-header-content, .team-display-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.team-display-header-section1 {
  flex-direction: column;
  flex: 1;
}

.team-display-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.team-display-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.team-display-button4, .team-display-button5, .team-display-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.team-display-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.team-display-button4, .team-display-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.team-display-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.team-display-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.team-display-supporting-text2, .team-display-toggle-title {
  align-self: stretch;
  position: relative;
}

.team-display-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.team-display-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.team-display-supporting-text4 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  left: 10px;
  overflow: hidden;
}

.team-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.team-display-toggle-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  width: max-content;
  display: flex;
}

.team-display-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.team-display-button6, .team-display-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.team-display-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  position: relative;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.team-display-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
}

.team-display-supporting-text3, .team-display-switch-label {
  line-height: 20px;
  position: relative;
}

.team-display-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  display: inline-block;
}

.team-display-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.team-display-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.team-display-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  position: relative;
  left: 50px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-text49 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-button8, .team-display-toggle-controls, .team-display-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-display-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  padding: 8px 19px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-button8:hover {
  background-color: #6941c6;
}

.team-display-toggle-controls, .team-display-toggle-header-parent {
  color: #344054;
  gap: 35px;
  max-width: 100%;
  font-size: 14px;
}

.team-display-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.team-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.team-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.team-display-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.team-display-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.team-display-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.team-display-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.team-display-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.team-display-input-field, .team-display-input2 {
  justify-content: flex-start;
  display: flex;
}

.team-display-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.team-display-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.team-display-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  font-family: Inter;
  font-size: 16px;
}

.team-display-content15, .team-display-content17, .team-display-input-fields, .team-display-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.team-display-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-content15, .team-display-input-fields {
  align-items: flex-start;
}

.team-display-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.team-display-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.team-display-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.team-display-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.team-display-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.team-display-content19, .team-display-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.team-display-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.team-display-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-hint-text2 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.team-display-content18, .team-display-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-display-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.team-display-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.team-display-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.team-display-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.team-display-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.team-display-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.team-display-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.team-display-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.team-display-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.team-display-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.team-display-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.team-display-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.team-display-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.team-display-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.team-display-cursor-icon, .team-display-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.team-display-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.team-display-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.team-display-content23, .team-display-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.team-display-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.team-display-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.team-display-avatar-and-file-upload, .team-display-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.team-display-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.team-display-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.team-display-supporting-text6, .team-display-text59 {
  line-height: 24px;
  position: relative;
}

.team-display-text59 {
  min-width: 68px;
  font-weight: 500;
  display: inline-block;
}

.team-display-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.team-display-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.team-display-content29, .team-display-input-dropdown1, .team-display-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.team-display-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.team-display-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.team-display-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.team-display-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-content33, .team-display-input10, .team-display-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.team-display-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.team-display-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.team-display-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.team-display-supporting-text8, .team-display-text66 {
  line-height: 24px;
  position: relative;
}

.team-display-text66 {
  font-weight: 500;
}

.team-display-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.team-display-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.team-display-content41, .team-display-form-content, .team-display-form-content-wrapper, .team-display-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.team-display-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-form-content, .team-display-form-content-wrapper {
  align-items: flex-start;
}

.team-display-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.team-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
  position: relative;
}

.team-display-write-a-short {
  margin-block: 0 14px;
}

.team-display-this-is-also {
  margin: 0;
}

.team-display-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.team-display-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.team-display-content43, .team-display-input-dropdown8, .team-display-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.team-display-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.team-display-wysiwyg-editor-icon, .team-display-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.team-display-wysiwyg-editor-icon2 {
  display: none;
}

.team-display-icons, .team-display-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.team-display-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.team-display-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.team-display-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.team-display-input16, .team-display-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.team-display-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-textarea-input-field {
  gap: 6px;
}

.team-display-content45, .team-display-file-upload-base1, .team-display-textarea-input-field, .team-display-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.team-display-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.team-display-content45, .team-display-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.team-display-content45 {
  gap: 12px;
}

.team-display-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.team-display-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.team-display-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.team-display-file-type-wrap1, .team-display-item-container, .team-display-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-display-item-info-container {
  flex-direction: row;
  position: relative;
}

.team-display-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.team-display-supporting-text13, .team-display-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.team-display-uploaded-file-name {
  font-weight: 500;
}

.team-display-supporting-text13 {
  color: #475467;
}

.team-display-background, .team-display-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.team-display-progress {
  background-color: #7e56d9;
}

.team-display-item-progress-info, .team-display-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.team-display-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.team-display-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.team-display-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.team-display-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.team-display-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.team-display-file-upload-item-base, .team-display-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.team-display-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.team-display-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.team-display-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.team-display-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.team-display-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.team-display-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.team-display-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.team-display-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.team-display-background1, .team-display-progress1 {
  border-radius: 9999px;
  position: relative;
}

.team-display-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.team-display-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.team-display-progress-bar-wrapper, .team-display-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.team-display-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.team-display-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.team-display-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.team-display-file-upload-item-base1, .team-display-progress-bar-container-parent, .team-display-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.team-display-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.team-display-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.team-display-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.team-display-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.team-display-file-type-wrap3, .team-display-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.team-display-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.team-display-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.team-display-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-file-upload-item-base2, .team-display-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.team-display-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.team-display-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.team-display-content-wrapper, .team-display-content44, .team-display-file-queue, .team-display-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-display-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.team-display-content-wrapper, .team-display-content44 {
  flex-direction: row;
  max-width: 100%;
}

.team-display-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.team-display-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.team-display-divider-icon4, .team-display-text73 {
  align-self: stretch;
  position: relative;
}

.team-display-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.team-display-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.team-display-button9, .team-display-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.team-display-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.team-display-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.team-display-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-button10, .team-display-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.team-display-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-text76 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.team-display-actions1, .team-display-button11, .team-display-content46, .team-display-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.team-display-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 65px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-actions1, .team-display-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.team-display-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.team-display-content46 {
  align-self: stretch;
  gap: 20px;
}

.team-display-main1, .team-display-section-footer, .team-display-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.team-display-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.team-display-main1, .team-display-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.team-display-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.team-display-main1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.team-display-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 24px;
}

.team-display-main-parent, .team-display-main-wrapper, .team-display-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.team-display-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.team-display-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  margin-top: -134px;
  padding: 0 0 137px;
  font-family: Inter;
  font-size: 16px;
}

.team-display-footer-text {
  line-height: 20px;
  position: relative;
}

.team-display-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-display-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.team-display-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.team-display-logo-wrapper1, .team-display-logomark, .team-display-logomark1 {
  flex-direction: row;
  display: flex;
}

.team-display-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.team-display-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.team-display-content47, .team-display-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-display-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.team-display-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.team-display-divider-icon5, .team-display-footer1 {
  align-self: stretch;
  margin-top: -134px;
  overflow: hidden;
}

.team-display-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.team-display-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.team-display-team-display-frame-layout-setti, .team-display-team-display-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-display-team-display-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  min-height: 1480px;
  padding: 7px 0 0;
}

.team-display-team-display-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

.team-display-content-display-div {
  border: none;
  border-radius: 10px;
  width: 40%;
  height: 300px;
  box-shadow: 0 0 10px #80808080;
}

.team-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.team-display-toggle-title1 {
  color: #7e56d9;
  margin: 25px auto;
  font-weight: 600;
  line-height: 28px;
  text-decoration: underline;
}

.team-display-supporting-text2a {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  margin: auto;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.team-display-eye-lg-icon {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  top: 120px;
  left: 150px;
  overflow: hidden;
}

.team-display-pencil-lg-icon {
  color: #000;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  top: 120px;
  left: 160px;
  overflow: hidden;
}

.team-display-CheckboxGroupItem {
  background: #fff;
  border: 2px solid #7f56d9;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 768px;
  height: 107px;
  padding: 16px;
  display: inline-flex;
}

.team-display-Content {
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  height: 50px;
  display: flex;
}

.team-display-Input {
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  display: flex;
}

.team-display-CheckboxBase {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 3px;
  display: flex;
  overflow: hidden;
}

.team-display-CheckboxBase input[type="checkbox"] {
  accent-color: #7f56d9;
}

.team-display-Check {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  padding: 3.5px 2.33px 4.08px;
  display: inline-flex;
}

.team-display-Icon {
  border: 2px solid #fff;
  width: 9.33px;
  height: 6.42px;
}

.team-display-TextAndSupportingText {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: inline-flex;
  overflow: hidden;
}

.team-display-TextAndSubtext {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: inline-flex;
}

.team-display-Text-1 {
  color: #344054;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.team-display-Subtext {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.team-display-SupportingText {
  color: #475467;
  word-wrap: break-word;
  align-self: stretch;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.team-display-Actions {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 133px;
  height: 20px;
  display: inline-flex;
}

.team-display-ButtonsButton {
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.team-display-Text-2 {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.team-display-Text-3 {
  color: #6941c6;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.team-display-buttonsbutton-wrapper, .team-display-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.team-display-buttonsbutton-wrapper {
  cursor: pointer;
  justify-content: flex-end;
  align-self: stretch;
  margin-top: 20px;
}

.team-display-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-display-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.team-display-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.team-display-text107 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-section-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.team-display-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.team-display-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.team-display-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.team-display-content17 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.team-display-dropdowns {
  box-sizing: border-box;
  flex-direction: row;
  flex: .5;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.team-display-button-group-base1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.team-display-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-display-button-group {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

@media screen and (width <= 1275px) {
  .team-display-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .team-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .team-display-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .team-display-tabs2, .team-display-toggle-header-parent {
    flex-wrap: wrap;
  }

  .team-display-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .team-display-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 750px) {
  .team-display-frame-group {
    gap: 19px;
  }

  .team-display-frame-parent {
    gap: 35px;
  }

  .team-display-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .team-display-main {
    gap: 16px;
  }

  .team-display-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .team-display-actions {
    flex-wrap: wrap;
  }

  .team-display-input-dropdown {
    max-width: 100%;
  }

  .team-display-input-fields, .team-display-toggle-controls {
    flex-wrap: wrap;
  }

  .team-display-input-field1, .team-display-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .team-display-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .team-display-avatar-and-file-upload, .team-display-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .team-display-content41, .team-display-input14 {
    flex-wrap: wrap;
  }

  .team-display-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .team-display-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .team-display-file-upload-item-base, .team-display-file-upload-item-base1, .team-display-file-upload-item-base2, .team-display-frame-div, .team-display-item-progress-container, .team-display-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .team-display-file-upload {
    max-width: 100%;
  }

  .team-display-file-upload, .team-display-main-parent {
    min-width: 100%;
  }

  .team-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .team-display-container2 {
    gap: 16px;
  }

  .team-display-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .team-display-frame-parent {
    gap: 17px;
  }

  .team-display-account {
    gap: 23px;
  }

  .team-display-tabs1 {
    flex-wrap: wrap;
  }

  .team-display-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .team-display-content15 {
    gap: 16px;
  }

  .team-display-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .team-display-action {
    flex-wrap: wrap;
  }

  .team-display-content29, .team-display-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .team-display-content41 {
    padding-right: 58px;
  }

  .team-display-input15 {
    flex-wrap: wrap;
  }

  .team-display-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .team-display-item-status {
    margin-left: 0;
  }

  .team-display-content44 {
    gap: 16px;
  }

  .team-display-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .team-display-footer1 {
    gap: 16px;
  }
}

@media screen and (width <= 616px) {
  .team-display-row1 {
    flex-wrap: wrap;
  }

  .team-display-email-popup {
    height: auto;
    min-height: 546px;
  }
}

.no-access-team-button-link {
  align-items: center;
  display: flex;
}

.no-access-team-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.no-access-team-supporting-text, .no-access-team-title {
  align-self: stretch;
  position: relative;
}

.no-access-team-title {
  font-weight: 600;
  line-height: 30px;
}

.no-access-team-supporting-text {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.no-access-team-content, .no-access-team-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-access-team-text-and-supporting-text {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.no-access-team-content {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.no-access-team-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-access-team-text {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-access-team-buttonsbutton, .no-access-team-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-access-team-buttonsbutton {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-access-team-plus-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-access-team-text1 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-access-team-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-access-team-buttonsbutton1:hover {
  background-color: #6941c6;
}

.no-access-team-actions, .no-access-team-empty-state1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-access-team-actions {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 0 20px;
}

.no-access-team-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
}

.no-access-team-empty-state, .no-access-team-no-access-team {
  background-color: #fff;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.no-access-team-empty-state {
  box-sizing: border-box;
  text-align: center;
  color: #101828;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
  font-family: Inter;
  font-size: 20px;
}

.no-access-team-no-access-team {
  letter-spacing: normal;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1016px;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 550px) {
  .no-access-team-empty-state1 {
    gap: 16px;
  }

  .no-access-team-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-access-team-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.team-display-main-container {
  flex-direction: column;
  display: flex;
}

.team-display-tab {
  width: max-content;
}

.team-display-text32, .team-display-text31, .team-display-text29 {
  width: max-content;
  font-size: 14px;
  font-weight: 550;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-member-table-display-form-content-wrapper-Active {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  display: flex;
}

.team-member-table-display-form-content-Active {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.team-member-table-display-toggle-header-parent-Active {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.team-member-table-display-toggle-header-Active {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.team-member-table-display-toggle-title-Active {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.team-member-table-display-divider-container-Active {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.team-member-table-display-divider-icon3-Active {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-Active {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.team-member-table-card-header1-Active {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.team-member-table-content4-Active {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.team-member-table-text-and-supporting-text2-Active {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.team-member-table-text-and-badge1-Active {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.team-member-table-table-header-title-Active {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.team-member-table-dropdown-Active {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-member-table-dots-vertical-icon-Active {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.team-member-table-divider-icon-Active {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-content-Active {
  box-sizing: border-box;
  scrollbar-width: thin;
  flex-direction: column;
  align-items: flex-start;
  width: 884px;
  max-width: 100%;
  min-height: 100px;
  max-height: 480px;
  padding: 0 1px 0 0;
  display: flex;
  overflow: hidden auto;
}

.team-member-table-table-row-Active {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.team-member-table-table-header-cell1-Active {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 13px 24px 11px;
  display: flex;
}

.team-member-table-table-cell10-Active {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 4px 20px 3.5px;
  display: flex;
}

.team-member-table-checkbox-wrapper-Active {
  width: 28px;
  height: 20px;
  margin: 0;
}

.team-member-table-table-header-Active {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.team-member-table-column-title-Active {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.team-member-table-arrow-down-icon1-Active {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-header-cell2-Active {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  padding: 13px 27px 11px 11px;
  display: flex;
}

.team-member-table-table-cell20-Active {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  padding: 13px 0 12px 10px;
  display: flex;
  overflow: hidden;
}

.team-member-table-help-icon-Active {
  width: 16px;
  height: 16px;
  position: relative;
}

.team-member-table-table-header-cell3-Active {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 160px;
  padding: 13px 27px 11px;
  display: flex;
}

.team-member-table-table-cell30-Active {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 160px;
  padding: 14px 23px 11px;
  display: flex;
}

.team-member-table-table-header-cell4-Active {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.team-member-table-table-cell40-Active {
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 16.5px 50px 5px 11px;
  display: flex;
  position: relative;
}

.team-member-table-table-header2-Active {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.team-member-table-action-column-title-Active {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.team-member-table-arrow-down-icon2-Active {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.team-member-table-cell-content-Active {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-member-table-avatar-Active {
  background-image: url("avatar@3x.614c6518.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35px;
  height: 35px;
  display: flex;
}

.team-member-table-cell-title-Active {
  text-align: left;
  color: #101828;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-member-table-supporting-text4-Active {
  color: #344054;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.team-member-table-dropdown1-Active {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 140px;
  display: flex;
  overflow: hidden;
}

.three-dots-member-filter-dropdown-avatar-online-indicator6, .three-dots-member-filter-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.three-dots-member-filter-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.three-dots-member-filter-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.three-dots-member-filter-dropdown-avatar22 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.three-dots-member-filter-dropdown-supporting-text84, .three-dots-member-filter-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.three-dots-member-filter-dropdown-text246 {
  font-weight: 600;
}

.three-dots-member-filter-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.three-dots-member-filter-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.three-dots-member-filter-dropdown-avatar-label-group, .three-dots-member-filter-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.three-dots-member-filter-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.three-dots-member-filter-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #f9fafb;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.three-dots-member-filter-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.three-dots-member-filter-dropdown-text247 {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.three-dots-member-filter-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.three-dots-member-filter-dropdown-content48, .three-dots-member-filter-dropdown-dropdown-list-item, .three-dots-member-filter-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.three-dots-member-filter-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 5px;
}

.three-dots-member-filter-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.three-dots-member-filter-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-member-filter-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.three-dots-member-filter-dropdown-dropdown-list-item10, .three-dots-member-filter-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.three-dots-member-filter-dropdown-dropdown-list-item10 {
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.three-dots-member-filter-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-member-filter-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.three-dots-member-filter-dropdown-dropdown-list-item11, .three-dots-member-filter-dropdown-dropdown-list-item12, .three-dots-member-filter-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.three-dots-member-filter-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-member-filter-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.three-dots-member-filter-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-member-filter-dropdown-dropdown-list-item12, .three-dots-member-filter-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.three-dots-member-filter-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.three-dots-member-filter-dropdown-menu-items, .three-dots-member-filter-dropdown-three-dots-member-filter-all-options-fixed {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  color: #344054 !important;
}

.three-dots-member-filter-dropdown-menu-items {
  align-self: stretch;
}

.three-dots-member-filter-dropdown-three-dots-member-filter-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  width: max-content;
  line-height: normal;
  position: absolute;
  top: 10px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.three-dots-member-filter-dropdown-three-dots-member-filter-all-options-fixed-inactive {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 1000;
  text-align: left;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: absolute;
  top: 10px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  color: #344054 !important;
}

.team-member-table-display-form-content-wrapper-Invited {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  display: flex;
}

.team-member-table-display-form-content-Invited {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.team-member-table-display-toggle-header-parent-Invited {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.team-member-table-display-toggle-header-Invited {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.team-member-table-display-toggle-title-Invited {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.team-member-table-display-divider-container-Invited {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.team-member-table-display-divider-icon3-Invited {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-Invited {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.team-member-table-card-header1-Invited {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.team-member-table-content4-Invited {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.team-member-table-text-and-supporting-text2-Invited {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.team-member-table-text-and-badge1-Invited {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.team-member-table-table-header-title-Invited {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.team-member-table-dropdown-Invited {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-member-table-dots-vertical-icon-Invited {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.team-member-table-divider-icon-Invited {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-content-Invited {
  box-sizing: border-box;
  scrollbar-width: thin;
  flex-direction: column;
  align-items: flex-start;
  width: 920px;
  max-width: 100%;
  min-height: 100px;
  max-height: 480px;
  padding: 0 1px 0 0;
  display: flex;
  overflow: hidden auto;
}

.team-member-table-table-row-Invited {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.team-member-table-table-header-cell1-Invited {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 13px 24px 11px;
  display: flex;
}

.team-member-table-table-cell10-Invited {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 5.5px 20px 5px;
  display: flex;
}

.team-member-table-checkbox-wrapper-Invited {
  width: 28px;
  height: 20px;
  margin: 0;
}

.team-member-table-table-header-Invited {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.team-member-table-column-title-Invited {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.team-member-table-arrow-down-icon1-Invited {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-header-cell2-Invited {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  padding: 13px 27px 11px;
  display: flex;
}

.team-member-table-table-cell20-Invited {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  padding: 13px 27px 12px;
  display: flex;
  overflow: hidden;
}

.team-member-table-help-icon-Invited {
  width: 16px;
  height: 16px;
  position: relative;
}

.team-member-table-table-header-cell3-Invited {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  padding: 13px 27px 11px;
  display: flex;
}

.team-member-table-table-cell30-Invited {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  padding: 13px 31px 12px;
  display: flex;
}

.team-member-table-table-header-cell4-Invited {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.team-member-table-table-cell40-Invited {
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 15.5px 50px 6px 11px;
  display: flex;
  position: relative;
}

.team-member-table-table-header2-Invited {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.team-member-table-action-column-title-Invited {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.team-member-table-arrow-down-icon2-Invited {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.team-member-table-cell-content-Invited {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-member-table-avatar-Invited {
  background-image: url("user01.7c16f2cc.svg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #344054;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35px;
  height: 35px;
  display: flex;
}

.team-member-table-cell-title-Invited {
  text-align: left;
  color: #101828;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-member-table-supporting-text4-Invited {
  color: #344054;
  text-wrap: nowrap;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.team-member-table-dropdown1-Invited {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 140px;
  display: flex;
  overflow: hidden;
}

.team-member-table-display-form-content-wrapper-Inactive {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  display: flex;
}

.team-member-table-display-form-content-Inactive {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.team-member-table-display-toggle-header-parent-Inactive {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.team-member-table-display-toggle-header-Inactive {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.team-member-table-display-toggle-title-Inactive {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.team-member-table-display-divider-container-Inactive {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.team-member-table-display-divider-icon3-Inactive {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-Inactive {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.team-member-table-card-header1-Inactive {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.team-member-table-content4-Inactive {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.team-member-table-text-and-supporting-text2-Inactive {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.team-member-table-text-and-badge1-Inactive {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.team-member-table-table-header-title-Inactive {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.team-member-table-dropdown-Inactive {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-member-table-dots-vertical-icon-Inactive {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.team-member-table-divider-icon-Inactive {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-content-Inactive {
  box-sizing: border-box;
  scrollbar-width: thin;
  flex-direction: column;
  align-items: flex-start;
  width: 758px;
  max-width: 100%;
  min-height: 100px;
  max-height: 480px;
  padding: 0 1px 0 0;
  display: flex;
  overflow: hidden auto;
}

.team-member-table-table-row-Inactive {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.team-member-table-table-header-cell1-Inactive {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 280px;
  padding: 13px 24px 11px;
  display: flex;
}

.team-member-table-table-cell10-Inactive {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 280px;
  padding: 5.5px 20px 4.5px;
  display: flex;
}

.team-member-table-checkbox-wrapper-Inactive {
  width: 28px;
  height: 20px;
  margin: 0;
}

.team-member-table-table-header-Inactive {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.team-member-table-column-title-Inactive {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.team-member-table-arrow-down-icon1-Inactive {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-header-cell2-Inactive {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  padding: 13px 27px 11px;
  display: flex;
}

.team-member-table-table-cell20-Inactive {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  padding: 14px 27px;
  display: flex;
  overflow: hidden;
}

.team-member-table-help-icon-Inactive {
  width: 16px;
  height: 16px;
  position: relative;
}

.team-member-table-table-header-cell3-Inactive {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 220px;
  padding: 13px 27px 11px;
  display: flex;
}

.team-member-table-table-cell30-Inactive {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 220px;
  padding: 13px 27px 11px;
  display: flex;
}

.team-member-table-table-header-cell4-Inactive {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  padding: 13px 27px 11px;
  display: flex;
}

.team-member-table-table-cell40-Inactive {
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 180px;
  padding: 16px 91px 8px 11px;
  display: flex;
  position: relative;
}

.team-member-table-table-header2-Inactive {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.team-member-table-action-column-title-Inactive {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.team-member-table-arrow-down-icon2-Inactive {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.team-member-table-cell-content-Inactive {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-member-table-avatar-Inactive {
  background-image: url("user01.7c16f2cc.svg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #344054;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35px;
  height: 35px;
  display: flex;
}

.team-member-table-cell-title-Inactive {
  text-align: left;
  color: #101828;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-member-table-supporting-text4-Inactive {
  color: #344054;
  text-wrap: nowrap;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.team-member-table-dropdown1-Inactive {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 170px;
  display: flex;
}

.easy-filter-badge-container {
  width: var(--counter-width, 20px);
  min-width: var(--counter-width, 20px);
  height: 20px;
  transform: var(--counter-scale, scale(1));
  background-color: #fef3f2;
  border: 1px solid #fecdca;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  transition: all .3s ease-in-out;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.easy-filter-badge-container.animating {
  transform: scale(1.1);
}

.easy-filter-badge-counter {
  text-align: center;
  color: #b42318;
  word-wrap: break-word;
  white-space: nowrap;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s ease-in-out;
}

.easy-filter-badge-container-success {
  width: var(--counter-width, 20px);
  min-width: var(--counter-width, 20px);
  height: 20px;
  transform: var(--counter-scale, scale(1));
  background-color: #f4eeff;
  border: 1px solid #b09ce3;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  transition: all .3s ease-in-out;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.easy-filter-badge-container-success.animating {
  transform: scale(1.1);
}

.easy-filter-badge-counter-success {
  text-align: center;
  color: #7e56d9;
  word-wrap: break-word;
  white-space: nowrap;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s ease-in-out;
}

.pulse-overlay {
  opacity: .2;
  pointer-events: none;
  border-radius: 9999px;
  animation: .4s ease-out pulse;
  position: absolute;
  inset: 0;
}

.pulse-overlay.default {
  background-color: #b42318;
}

.pulse-overlay.success {
  background-color: #7e56d9;
}

@media (width <= 768px) {
  .easy-filter-badge-counter, .easy-filter-badge-counter-success {
    font-size: 10px;
  }

  .easy-filter-badge-container, .easy-filter-badge-container-success {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.team-member-table-display-form-content-wrapper-unapplied {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  display: flex;
}

.team-member-table-display-form-content-unapplied {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.team-member-table-display-toggle-header-parent-unapplied {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.team-member-table-display-toggle-header-unapplied {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.team-member-table-display-toggle-title-unapplied {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.team-member-table-display-divider-container-unapplied {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.team-member-table-display-divider-icon3-unapplied {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-unapplied {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.team-member-table-card-header1-unapplied {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.team-member-table-content4-unapplied {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.team-member-table-text-and-supporting-text2-unapplied {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.team-member-table-text-and-badge1-unapplied {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.team-member-table-table-header-title-unapplied {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.team-member-table-dropdown-unapplied {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-member-table-dots-vertical-icon-unapplied {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.team-member-table-divider-icon-unapplied {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-content-unapplied {
  box-sizing: border-box;
  scrollbar-width: thin;
  flex-direction: column;
  align-items: flex-start;
  width: 884px;
  max-width: 100%;
  min-height: 100px;
  max-height: 480px;
  padding: 0 1px 0 0;
  display: flex;
  overflow: hidden auto;
}

.team-member-table-table-row-unapplied {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.team-member-table-table-header-cell1-unapplied {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 13px 24px 11px;
  display: flex;
}

.team-member-table-table-cell10-unapplied {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 4px 20px 3.5px;
  display: flex;
}

.team-member-table-checkbox-wrapper-unapplied {
  width: 28px;
  height: 20px;
  margin: 0;
}

.team-member-table-table-header-unapplied {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.team-member-table-column-title-unapplied {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.team-member-table-arrow-down-icon1-unapplied {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-header-cell2-unapplied {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  padding: 13px 27px 11px 11px;
  display: flex;
}

.team-member-table-table-cell20-unapplied {
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  padding: 13px 0 12px 10px;
  display: flex;
  overflow: hidden;
}

.team-member-table-help-icon-unapplied {
  width: 16px;
  height: 16px;
  position: relative;
}

.team-member-table-table-header-cell3-unapplied {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 160px;
  padding: 13px 27px 11px;
  display: flex;
}

.team-member-table-table-cell30-unapplied {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 160px;
  padding: 14px 23px 11px;
  display: flex;
}

.team-member-table-table-header-cell4-unapplied {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.team-member-table-table-cell40-unapplied {
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 16.5px 50px 5px 11px;
  display: flex;
  position: relative;
}

.team-member-table-table-header2-unapplied {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.team-member-table-action-column-title-unapplied {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.team-member-table-arrow-down-icon2-unapplied {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.team-member-table-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.team-member-table-cell-content-unapplied {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-member-table-table-data-custom-main-container {
  scrollbar-width: thin;
  flex-direction: column;
  width: 100%;
  height: 420px;
  max-height: 420px;
  display: flex;
  overflow-y: auto;
}

.team-member-table-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.team-member-table-avatar-unapplied {
  background-image: url("avatar@3x.614c6518.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35px;
  height: 35px;
  display: flex;
}

.team-member-table-text36 {
  color: #344054;
  text-wrap: nowrap;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.team-member-table-cell-title-unapplied {
  text-align: left;
  color: #101828;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.team-member-table-supporting-text4-unapplied {
  color: #344054;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.team-member-table-dropdown1-unapplied {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 140px;
  display: flex;
  overflow: hidden;
}

.team-member-role-dropdown {
  color: #333;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 4px;
  font-size: 12px;
}

.team-member-role-dropdown:focus {
  border: 1px solid #7e56d9;
  outline: none;
  box-shadow: 0 0 4px #7e56d980;
}

.team-member-table-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.team-member-table-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.team-member-table-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.team-member-table-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.team-member-table-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.team-member-table-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.team-member-table-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.team-member-table-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-team-featured-icon2 {
  border-radius: 8px;
  padding-top: 3px;
  position: relative;
}

.add-team-supporting-text91, .add-team-title9 {
  white-space: nowrap;
  align-self: stretch;
  position: relative;
}

.add-team-title9 {
  color: inherit;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.add-team-supporting-text91 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.add-team-content71, .add-team-text-and-supporting-text26 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.add-team-content71 {
  flex-direction: row;
  gap: 16px;
  position: absolute;
  top: 24px;
  left: 24px;
  margin: 0 !important;
}

.add-team-button-close-x6, .add-team-slide-out-menu-header {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.add-team-button-close-x6 {
  z-index: 1;
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 8px 0;
  position: absolute;
  top: 27px;
  right: 26px;
  overflow: hidden;
  margin: 0 !important;
}

.add-team-slide-out-menu-header {
  text-align: left;
  color: #101828;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  height: 78px;
  padding: 0 24px;
  font-family: Inter;
  font-size: 20px;
  position: relative;
}

.add-team-label9 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-team-content72 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 194px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-team-help-icon2 {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.add-team-input6 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-team-input6:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.add-team-input6:hover {
  border-color: #7e56d9;
}

.add-team-input6a {
  box-sizing: border-box;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"%3E%3Cpath fill=\"gray\" d=\"M10 12l-6-6h12z\"/%3E%3C/svg%3E");
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: none;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.add-team-input6a:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.add-team-input6a:hover {
  border-color: #7e56d9;
}

.add-team-hint-text6 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-team-input-field {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-team-label10 {
  min-width: 94px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-team-mail-01-icon, .add-team-text274 {
  position: relative;
  overflow: hidden;
}

.add-team-mail-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.add-team-text274 {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 80%;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.add-team-content73 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.add-team-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.add-team-form, .add-team-input-field1, .add-team-input7 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-team-input7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 50%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-team-input7:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.add-team-input7:hover {
  border-color: #7e56d9;
}

.add-team-email-domain {
  color: #475467;
  width: 50%;
  padding: 9px 0 0 8px;
  line-height: 20px;
  position: relative;
}

.add-team-email-card {
  flex-direction: row;
  display: flex;
}

.add-team-form, .add-team-input-field1 {
  flex-direction: column;
}

.add-team-input-field1 {
  align-items: flex-start;
  gap: 6px;
}

.add-team-form {
  align-items: flex-end;
}

.add-team-label11, .add-team-label12 {
  min-width: 108px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-team-label12 {
  min-width: 69px;
}

.add-team-section2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.add-team-divider12, .add-team-section-container {
  align-self: stretch;
  max-width: 100%;
}

.add-team-section-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.add-team-divider12 {
  background-color: #eaecf0;
  flex: 1;
  position: relative;
}

.add-team-divider-wrapper, .add-team-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-team-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  height: 1px;
  padding: 0 24px;
}

.add-team-slide-out-menu-header-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  gap: 24px;
  font-family: Inter;
  font-size: 14px;
}

.add-team-placeholder-icon91 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-team-text275 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-team-buttonsbutton49, .add-team-text-padding51 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-team-buttonsbutton49 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-team-buttonsbutton49:hover {
  background-color: #f9fafb;
}

.add-team-text276 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-team-actions19, .add-team-buttonsbutton50 {
  flex-direction: row;
  display: flex;
}

.add-team-buttonsbutton50 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-team-buttonsbutton50:hover {
  background-color: #6941c6;
}

.add-team-actions19 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.add-team-content76, .add-team-footer2 {
  align-self: stretch;
  align-items: center;
  display: flex;
}

.add-team-content76 {
  flex-direction: row;
  justify-content: flex-end;
  padding: 16px 24px;
}

.add-team-footer2 {
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
}

.add-team-panel {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 24px -4px #10182814, 0 8px 8px -4px #10182808;
}

.add-team-slide-out-menu {
  letter-spacing: normal;
  box-sizing: border-box;
  z-index: 3;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 100%;
  line-height: normal;
  transition: transform .3s ease-in-out;
  display: flex;
}

.add-team-slide-out-menu.open {
  transform: translateX(0);
}

.team-invite-modal-overlay {
  z-index: 9999;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  animation: .3s ease-out fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.team-invite-modal-content {
  background: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 5px 15px #0003;
}

@media screen and (width <= 400px) {
  .add-team-panel {
    gap: 216px;
  }
}

@media screen and (width <= 1275px) {
  .admin-business-display-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .admin-business-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .admin-business-display-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .admin-business-display-download-items, .admin-business-display-tabs2, .admin-business-display-toggle-header-parent {
    flex-wrap: wrap;
  }

  .admin-business-display-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .admin-business-display-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 750px) {
  .admin-business-display-file-upload-item-base {
    flex-wrap: wrap;
  }

  .admin-business-display-frame-group {
    gap: 19px;
  }

  .admin-business-display-frame-parent {
    gap: 35px;
  }

  .admin-business-display-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .admin-business-display-main {
    gap: 16px;
  }

  .admin-business-display-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-business-display-actions {
    flex-wrap: wrap;
  }

  .admin-business-display-input-dropdown {
    max-width: 100%;
  }

  .admin-business-display-input-fields, .admin-business-display-toggle-controls {
    flex-wrap: wrap;
  }

  .admin-business-display-input-field1, .admin-business-display-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .admin-business-display-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .admin-business-display-avatar-and-file-upload, .admin-business-display-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .admin-business-display-content41, .admin-business-display-input14 {
    flex-wrap: wrap;
  }

  .admin-business-display-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .admin-business-display-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .admin-business-display-file-upload-item-base, .admin-business-display-file-upload-item-base1, .admin-business-display-file-upload-item-base2, .admin-business-display-frame-div, .admin-business-display-item-progress-container, .admin-business-display-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .admin-business-display-file-upload {
    max-width: 100%;
  }

  .admin-business-display-file-upload, .admin-business-display-main-parent {
    min-width: 100%;
  }

  .admin-business-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .admin-business-display-container2 {
    gap: 16px;
  }

  .admin-business-display-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .admin-business-display-frame-parent {
    gap: 17px;
  }

  .admin-business-display-account {
    gap: 23px;
  }

  .admin-business-display-tabs1 {
    flex-wrap: wrap;
  }

  .admin-business-display-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .admin-business-display-content15 {
    gap: 16px;
  }

  .admin-business-display-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .admin-business-display-action {
    flex-wrap: wrap;
  }

  .admin-business-display-content29, .admin-business-display-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .admin-business-display-content41 {
    padding-right: 58px;
  }

  .admin-business-display-input15 {
    flex-wrap: wrap;
  }

  .admin-business-display-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-business-display-item-status {
    margin-left: 0;
  }

  .admin-business-display-content44 {
    gap: 16px;
  }

  .admin-business-display-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .admin-business-display-footer1 {
    gap: 16px;
  }
}

.no-business-found-button-link {
  align-items: center;
  display: flex;
}

.no-business-found-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.no-business-found-supporting-text, .no-business-found-title {
  align-self: stretch;
  position: relative;
}

.no-business-found-title {
  font-weight: 600;
  line-height: 30px;
}

.no-business-found-supporting-text {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.no-business-found-content, .no-business-found-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-business-found-text-and-supporting-text {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.no-business-found-content {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.no-business-found-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-business-found-text {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-business-found-buttonsbutton, .no-business-found-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-business-found-buttonsbutton {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-business-found-plus-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-business-found-text1 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-business-found-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-business-found-buttonsbutton1:hover {
  background-color: #6941c6;
}

.no-business-found-actions, .no-business-found-empty-state1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-business-found-actions {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 0 20px;
}

.no-business-found-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
}

.no-business-found-empty-state, .no-business-found-no-business-found {
  background-color: #fff;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.no-business-found-empty-state {
  box-sizing: border-box;
  text-align: center;
  color: #101828;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
  font-family: Inter;
  font-size: 20px;
}

.no-business-found-no-business-found {
  letter-spacing: normal;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1016px;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 550px) {
  .no-business-found-empty-state1 {
    gap: 16px;
  }

  .no-business-found-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-business-found-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.help-desk-component-display-text-overlflow {
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}

.help-desk-component-display-Content-width {
  width: 70%;
}

.help-desk-component-display-buttonsbutton-wrapper-width {
  width: 30%;
}

.help-desk-component-display-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  max-height: 85vh;
  padding: 0 29px 0 0;
  display: flex;
  overflow-y: scroll;
}

.help-desk-component-display-x-close-icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-button-close-x1 {
  box-sizing: border-box;
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 40px;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 611px;
  overflow: hidden;
}

.help-desk-component-display-featured-icon1, .help-desk-component-display-frame-child5 {
  border-radius: 12px;
  position: relative;
}

.help-desk-component-display-frame-child5 {
  background-color: #fff;
  width: 633.4px;
  max-width: 100%;
  height: 546px;
  display: none;
}

.help-desk-component-display-featured-icon1 {
  width: 56px;
  height: 56px;
}

.help-desk-component-display-supporting-text5, .help-desk-component-display-title1 {
  align-self: stretch;
  position: relative;
}

.help-desk-component-display-title1 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.help-desk-component-display-supporting-text5 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.help-desk-component-display-header1, .help-desk-component-display-text-and-supporting-text3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.help-desk-component-display-header1 {
  text-align: center;
  color: #101828;
  align-items: center;
  gap: 24px;
  font-size: 30px;
}

.help-desk-component-display-placeholder-icon25 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-text76 {
  color: #fff;
  text-align: left;
  min-width: 71px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-buttonsbutton10, .help-desk-component-display-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.help-desk-component-display-buttonsbutton10 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 8px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-secondary-label {
  line-height: 20px;
  position: relative;
}

.help-desk-component-display-placeholder-icon27 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-text77 {
  min-width: 102px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-buttonsbutton11, .help-desk-component-display-row1 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.help-desk-component-display-buttonsbutton11 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.help-desk-component-display-row1 {
  align-items: flex-start;
  gap: 3px;
  padding: 0 14px;
}

.help-desk-component-display-arrow-left-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-back-label {
  min-width: 91px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-buttonsbutton12 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.help-desk-component-display-container9, .help-desk-component-display-content22 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.help-desk-component-display-content22 {
  gap: 32px;
  max-width: 360px;
}

.help-desk-component-display-container9 {
  box-sizing: border-box;
  max-width: 1280px;
  padding: 0 32px;
}

.help-desk-component-display-content21 {
  width: 100%;
  max-width: 361px;
}

.help-desk-component-display-container7, .help-desk-component-display-container8, .help-desk-component-display-content21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.help-desk-component-display-container8 {
  align-self: stretch;
  padding: 0 48px;
}

.help-desk-component-display-container7 {
  box-sizing: border-box;
  z-index: 1;
  border: 2px #000;
  flex: 1;
  max-width: 100%;
  padding: 0 32px;
}

.help-desk-component-display-email-popup, .help-desk-component-display-frame-section {
  background-color: #fff;
  max-width: 100%;
}

.help-desk-component-display-frame-section {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 633.4px;
  padding: 94px 55px 94px 56px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.help-desk-component-display-email-popup {
  letter-spacing: normal;
  width: 650px;
  height: 546px;
  line-height: normal;
  overflow: hidden;
}

.help-desk-component-display-help-desk-component-display-frame-layout-setti-child, .help-desk-component-display-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.help-desk-component-display-help-desk-component-display-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.help-desk-component-display-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.help-desk-component-display-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.help-desk-component-display-logo, .help-desk-component-display-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.help-desk-component-display-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.help-desk-component-display-bar-chart-01-icon, .help-desk-component-display-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.help-desk-component-display-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.help-desk-component-display-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.help-desk-component-display-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.help-desk-component-display-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.help-desk-component-display-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.help-desk-component-display-text2, .help-desk-component-display-text3 {
  font-family: Inter;
  position: relative;
}

.help-desk-component-display-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.help-desk-component-display-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.help-desk-component-display-badge1, .help-desk-component-display-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.help-desk-component-display-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.help-desk-component-display-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.help-desk-component-display-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-navigation, .help-desk-component-display-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.help-desk-component-display-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.help-desk-component-display-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.help-desk-component-display-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.help-desk-component-display-search-lg-icon, .help-desk-component-display-text6 {
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.help-desk-component-display-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.help-desk-component-display-content3, .help-desk-component-display-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.help-desk-component-display-content3 {
  flex: 1;
  gap: 8px;
}

.help-desk-component-display-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-frame-group, .help-desk-component-display-frame-parent, .help-desk-component-display-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.help-desk-component-display-frame-group, .help-desk-component-display-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.help-desk-component-display-frame-group {
  flex: 1;
  gap: 38px;
}

.help-desk-component-display-frame-parent {
  gap: 70px;
  width: 754px;
}

.help-desk-component-display-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.help-desk-component-display-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.help-desk-component-display-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.help-desk-component-display-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.help-desk-component-display-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.help-desk-component-display-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.help-desk-component-display-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.help-desk-component-display-help-desk-component-display-frame-layout-setti-inner, .help-desk-component-display-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-rectangle-parent {
  z-index: 2;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 0;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.help-desk-component-display-help-desk-component-display-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.help-desk-component-display-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  margin-top: -134px;
  padding: 0 0 134px;
  display: flex;
}

.help-desk-component-display-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-nav-item-button2, .help-desk-component-display-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.help-desk-component-display-nav-item-button3 {
  background-color: #f9fafb;
}

.help-desk-component-display-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.help-desk-component-display-navigation1, .help-desk-component-display-navigation2, .help-desk-component-display-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-navigation1 {
  padding: 32px 0 0;
}

.help-desk-component-display-navigation3 {
  gap: 8px;
}

.help-desk-component-display-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.help-desk-component-display-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.help-desk-component-display-content4, .help-desk-component-display-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.help-desk-component-display-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.help-desk-component-display-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.help-desk-component-display-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.help-desk-component-display-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-badge3, .help-desk-component-display-content6, .help-desk-component-display-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.help-desk-component-display-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.help-desk-component-display-badge3, .help-desk-component-display-nav-item-base3 {
  background-color: #f9fafb;
}

.help-desk-component-display-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.help-desk-component-display-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.help-desk-component-display-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.help-desk-component-display-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.help-desk-component-display-badge4, .help-desk-component-display-content8, .help-desk-component-display-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.help-desk-component-display-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.help-desk-component-display-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.help-desk-component-display-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-content12, .help-desk-component-display-content5, .help-desk-component-display-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.help-desk-component-display-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.help-desk-component-display-content5, .help-desk-component-display-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.help-desk-component-display-navigation4 {
  color: #344054;
  gap: 4px;
}

.help-desk-component-display-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.help-desk-component-display-supporting-text, .help-desk-component-display-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.help-desk-component-display-title {
  font-weight: 600;
}

.help-desk-component-display-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.help-desk-component-display-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.help-desk-component-display-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.help-desk-component-display-account, .help-desk-component-display-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.help-desk-component-display-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.help-desk-component-display-breadcrumb-button-base, .help-desk-component-display-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  height: 1260px;
  overflow: hidden;
}

.help-desk-component-display-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.help-desk-component-display-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-text22 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.help-desk-component-display-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.help-desk-component-display-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.help-desk-component-display-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.help-desk-component-display-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.help-desk-component-display-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.help-desk-component-display-tabs {
  gap: 8px;
}

.help-desk-component-display-breadcrumbs, .help-desk-component-display-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.help-desk-component-display-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.help-desk-component-display-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.help-desk-component-display-container {
  padding: 0 32px;
}

.help-desk-component-display-container, .help-desk-component-display-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.help-desk-component-display-main, .help-desk-component-display-main-child, .help-desk-component-display-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.help-desk-component-display-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.help-desk-component-display-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.help-desk-component-display-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-breadcrumb-button-base6, .help-desk-component-display-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.help-desk-component-display-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.help-desk-component-display-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.help-desk-component-display-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.help-desk-component-display-breadcrumbs1, .help-desk-component-display-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.help-desk-component-display-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.help-desk-component-display-breadcrumbs1 {
  width: 278px;
  display: none;
}

.help-desk-component-display-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.help-desk-component-display-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.help-desk-component-display-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.help-desk-component-display-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.help-desk-component-display-button, .help-desk-component-display-button1, .help-desk-component-display-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.help-desk-component-display-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.help-desk-component-display-button1, .help-desk-component-display-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.help-desk-component-display-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.help-desk-component-display-actions, .help-desk-component-display-button2, .help-desk-component-display-button3 {
  flex-direction: row;
  align-items: center;
}

.help-desk-component-display-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.help-desk-component-display-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-input-with-label1, .help-desk-component-display-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.help-desk-component-display-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.help-desk-component-display-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.help-desk-component-display-content13, .help-desk-component-display-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.help-desk-component-display-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.help-desk-component-display-content13, .help-desk-component-display-divider-icon2, .help-desk-component-display-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.help-desk-component-display-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.help-desk-component-display-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.help-desk-component-display-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.help-desk-component-display-badge-count, .help-desk-component-display-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.help-desk-component-display-badge10, .help-desk-component-display-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.help-desk-component-display-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.help-desk-component-display-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.help-desk-component-display-text39, .help-desk-component-display-text40, .help-desk-component-display-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-text40, .help-desk-component-display-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.help-desk-component-display-text43 {
  min-width: 83px;
}

.help-desk-component-display-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.help-desk-component-display-text45, .help-desk-component-display-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-text46 {
  min-width: 24px;
}

.help-desk-component-display-tab-button-base9, .help-desk-component-display-tabs2 {
  flex-direction: row;
  display: flex;
}

.help-desk-component-display-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.help-desk-component-display-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.help-desk-component-display-container1, .help-desk-component-display-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.help-desk-component-display-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-container1 {
  gap: 24px;
  padding: 0 32px;
}

.help-desk-component-display-container1, .help-desk-component-display-header-content, .help-desk-component-display-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-header-section1 {
  flex-direction: column;
  flex: 1;
}

.help-desk-component-display-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.help-desk-component-display-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.help-desk-component-display-button4, .help-desk-component-display-button5, .help-desk-component-display-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.help-desk-component-display-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.help-desk-component-display-button4, .help-desk-component-display-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.help-desk-component-display-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.help-desk-component-display-supporting-text2, .help-desk-component-display-toggle-title {
  align-self: stretch;
  position: relative;
}

.help-desk-component-display-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.help-desk-component-display-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.help-desk-component-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.help-desk-component-display-button6, .help-desk-component-display-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.help-desk-component-display-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  transition: left .3s;
  position: absolute;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.help-desk-component-display-button6.left {
  left: 0;
}

.help-desk-component-display-button6.right {
  left: 20px;
}

.help-desk-component-display-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
  position: relative;
}

.help-desk-component-display-supporting-text3 {
  line-height: 20px;
  position: relative;
}

.help-desk-component-display-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-switch-label1 {
  letter-spacing: -.02px;
  z-index: 1;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-switch-label1.active, .help-desk-component-display-switch-label.active {
  color: #6941c6;
  background-color: #0000;
  font-weight: bold;
}

.help-desk-component-display-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.help-desk-component-display-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.help-desk-component-display-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-text49 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-button8, .help-desk-component-display-toggle-controls, .help-desk-component-display-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  width: max-content;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-toggle-controls, .help-desk-component-display-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.help-desk-component-display-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.help-desk-component-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.help-desk-component-display-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.help-desk-component-display-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.help-desk-component-display-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.help-desk-component-display-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.help-desk-component-display-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.help-desk-component-display-input-field, .help-desk-component-display-input2 {
  justify-content: flex-start;
  display: flex;
}

.help-desk-component-display-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.help-desk-component-display-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.help-desk-component-display-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.help-desk-component-display-content15, .help-desk-component-display-content17, .help-desk-component-display-input-fields, .help-desk-component-display-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.help-desk-component-display-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-content15, .help-desk-component-display-input-fields {
  align-items: flex-start;
}

.help-desk-component-display-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.help-desk-component-display-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.help-desk-component-display-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.help-desk-component-display-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.help-desk-component-display-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-content19, .help-desk-component-display-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.help-desk-component-display-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.help-desk-component-display-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-hint-text2 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.help-desk-component-display-content18, .help-desk-component-display-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.help-desk-component-display-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.help-desk-component-display-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.help-desk-component-display-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.help-desk-component-display-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.help-desk-component-display-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.help-desk-component-display-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.help-desk-component-display-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.help-desk-component-display-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.help-desk-component-display-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.help-desk-component-display-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.help-desk-component-display-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.help-desk-component-display-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.help-desk-component-display-cursor-icon, .help-desk-component-display-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.help-desk-component-display-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.help-desk-component-display-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.help-desk-component-display-content23, .help-desk-component-display-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.help-desk-component-display-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.help-desk-component-display-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.help-desk-component-display-avatar-and-file-upload, .help-desk-component-display-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.help-desk-component-display-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.help-desk-component-display-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.help-desk-component-display-supporting-text6, .help-desk-component-display-text59 {
  line-height: 24px;
  position: relative;
}

.help-desk-component-display-text59 {
  min-width: 68px;
  font-weight: 500;
  display: inline-block;
}

.help-desk-component-display-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.help-desk-component-display-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.help-desk-component-display-content29, .help-desk-component-display-input-dropdown1, .help-desk-component-display-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.help-desk-component-display-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.help-desk-component-display-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-content33, .help-desk-component-display-input10, .help-desk-component-display-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.help-desk-component-display-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.help-desk-component-display-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.help-desk-component-display-supporting-text8, .help-desk-component-display-text66 {
  line-height: 24px;
  position: relative;
}

.help-desk-component-display-text66 {
  font-weight: 500;
}

.help-desk-component-display-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.help-desk-component-display-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.help-desk-component-display-content41, .help-desk-component-display-form-content, .help-desk-component-display-form-content-wrapper, .help-desk-component-display-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-form-content, .help-desk-component-display-form-content-wrapper {
  align-items: flex-start;
}

.help-desk-component-display-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.help-desk-component-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.help-desk-component-display-write-a-short {
  margin-block: 0 14px;
}

.help-desk-component-display-this-is-also {
  margin: 0;
}

.help-desk-component-display-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.help-desk-component-display-content43, .help-desk-component-display-input-dropdown8, .help-desk-component-display-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.help-desk-component-display-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.help-desk-component-display-wysiwyg-editor-icon, .help-desk-component-display-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-wysiwyg-editor-icon2 {
  display: none;
}

.help-desk-component-display-icons, .help-desk-component-display-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.help-desk-component-display-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.help-desk-component-display-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.help-desk-component-display-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-input16, .help-desk-component-display-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.help-desk-component-display-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-textarea-input-field {
  gap: 6px;
}

.help-desk-component-display-content45, .help-desk-component-display-file-upload-base1, .help-desk-component-display-textarea-input-field, .help-desk-component-display-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.help-desk-component-display-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.help-desk-component-display-content45, .help-desk-component-display-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.help-desk-component-display-content45 {
  gap: 12px;
}

.help-desk-component-display-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.help-desk-component-display-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.help-desk-component-display-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.help-desk-component-display-file-type-wrap1, .help-desk-component-display-item-container, .help-desk-component-display-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-item-info-container {
  flex-direction: row;
  position: relative;
}

.help-desk-component-display-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.help-desk-component-display-supporting-text13, .help-desk-component-display-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-uploaded-file-name {
  font-weight: 500;
}

.help-desk-component-display-supporting-text13 {
  color: #475467;
}

.help-desk-component-display-background, .help-desk-component-display-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.help-desk-component-display-progress {
  background-color: #7e56d9;
}

.help-desk-component-display-item-progress-info, .help-desk-component-display-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.help-desk-component-display-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.help-desk-component-display-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.help-desk-component-display-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.help-desk-component-display-file-upload-item-base, .help-desk-component-display-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.help-desk-component-display-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.help-desk-component-display-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.help-desk-component-display-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.help-desk-component-display-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.help-desk-component-display-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.help-desk-component-display-background1, .help-desk-component-display-progress1 {
  border-radius: 9999px;
  position: relative;
}

.help-desk-component-display-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.help-desk-component-display-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.help-desk-component-display-progress-bar-wrapper, .help-desk-component-display-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.help-desk-component-display-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.help-desk-component-display-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.help-desk-component-display-file-upload-item-base1, .help-desk-component-display-progress-bar-container-parent, .help-desk-component-display-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.help-desk-component-display-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.help-desk-component-display-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.help-desk-component-display-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-file-type-wrap3, .help-desk-component-display-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.help-desk-component-display-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.help-desk-component-display-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.help-desk-component-display-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-file-upload-item-base2, .help-desk-component-display-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.help-desk-component-display-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.help-desk-component-display-content-wrapper, .help-desk-component-display-content44, .help-desk-component-display-file-queue, .help-desk-component-display-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.help-desk-component-display-content-wrapper, .help-desk-component-display-content44 {
  flex-direction: row;
  max-width: 100%;
}

.help-desk-component-display-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.help-desk-component-display-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.help-desk-component-display-divider-icon4, .help-desk-component-display-text73 {
  align-self: stretch;
  position: relative;
}

.help-desk-component-display-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.help-desk-component-display-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.help-desk-component-display-button9, .help-desk-component-display-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.help-desk-component-display-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.help-desk-component-display-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.help-desk-component-display-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-button10, .help-desk-component-display-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.help-desk-component-display-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-text76 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.help-desk-component-display-actions1, .help-desk-component-display-button11, .help-desk-component-display-content46, .help-desk-component-display-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.help-desk-component-display-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 65px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-actions1, .help-desk-component-display-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.help-desk-component-display-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.help-desk-component-display-content46 {
  align-self: stretch;
  gap: 20px;
}

.help-desk-component-display-main1, .help-desk-component-display-section-footer, .help-desk-component-display-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.help-desk-component-display-main1, .help-desk-component-display-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.help-desk-component-display-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.help-desk-component-display-main1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.help-desk-component-display-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 24px;
}

.help-desk-component-display-main-parent, .help-desk-component-display-main-wrapper, .help-desk-component-display-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.help-desk-component-display-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.help-desk-component-display-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  margin-top: -134px;
  padding: 0 0 137px;
  font-family: Inter;
  font-size: 16px;
}

.help-desk-component-display-footer-text {
  line-height: 20px;
  position: relative;
}

.help-desk-component-display-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.help-desk-component-display-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.help-desk-component-display-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.help-desk-component-display-logo-wrapper1, .help-desk-component-display-logomark, .help-desk-component-display-logomark1 {
  flex-direction: row;
  display: flex;
}

.help-desk-component-display-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.help-desk-component-display-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.help-desk-component-display-content47, .help-desk-component-display-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.help-desk-component-display-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.help-desk-component-display-divider-icon5, .help-desk-component-display-footer1 {
  align-self: stretch;
  margin-top: -134px;
  overflow: hidden;
}

.help-desk-component-display-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.help-desk-component-display-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.help-desk-component-display-help-desk-component-display-frame-layout-setti, .help-desk-component-display-help-desk-component-display-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-help-desk-component-display-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  min-height: 1480px;
  padding: 7px 0 0;
}

.help-desk-component-display-help-desk-component-display-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-content-display-div {
  border: none;
  border-radius: 10px;
  width: 40%;
  height: 300px;
  box-shadow: 0 0 10px #80808080;
}

.help-desk-component-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.help-desk-component-display-toggle-title1 {
  color: #7e56d9;
  margin: 25px auto;
  font-weight: 600;
  line-height: 28px;
  text-decoration: underline;
}

.help-desk-component-display-supporting-text2a {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  margin: auto;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.help-desk-component-display-eye-lg-icon {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  top: 120px;
  left: 150px;
  overflow: hidden;
}

.help-desk-component-display-pencil-lg-icon {
  color: #000;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  top: 120px;
  left: 160px;
  overflow: hidden;
}

.help-desk-component-display-CheckboxGroupItem {
  background: #fff;
  border: 2px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 768px;
  height: max-content;
  padding: 16px;
  display: inline-flex;
  position: relative;
}

.help-desk-component-display-CheckboxGroupItem:hover {
  cursor: pointer;
  border-color: #6941c6;
  box-shadow: 0 4px 8px #0003;
}

.help-desk-component-display-CheckboxGroupItem1 {
  background: #fff;
  border: 2px solid #7f56d9;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 768px;
  height: max-content;
  padding: 16px;
  display: inline-flex;
  position: relative;
}

.help-desk-component-display-Content {
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  height: max-content;
  display: flex;
}

.help-desk-component-display-Input {
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  display: flex;
}

.help-desk-component-display-CheckboxBase {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 3px;
  display: flex;
  overflow: hidden;
}

.help-desk-component-display-CheckboxBase input[type="checkbox"] {
  accent-color: #7f56d9;
}

.help-desk-component-display-Check {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  padding: 3.5px 2.33px 4.08px;
  display: inline-flex;
}

.help-desk-component-display-Icon {
  border: 2px solid #fff;
  width: 9.33px;
  height: 6.42px;
}

.help-desk-component-display-TextAndSupportingText {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  height: max-content;
  display: inline-flex;
}

.help-desk-component-display-TextAndSubtext {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: inline-flex;
}

.help-desk-component-display-Text-1 {
  color: #344054;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.help-desk-component-display-Subtext {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.help-desk-component-display-SupportingText {
  color: #475467;
  align-self: stretch;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.help-desk-component-display-Actions {
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  height: 20px;
  display: inline-flex;
  position: relative;
}

.help-desk-component-display-ButtonsButton {
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.help-desk-component-display-Text-2 {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.help-desk-component-display-Text-3 {
  color: #6941c6;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.help-desk-component-display-buttonsbutton-wrapper, .help-desk-component-display-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-display-buttonsbutton-wrapper {
  cursor: pointer;
  justify-content: flex-end;
  align-self: stretch;
  position: absolute;
  top: 32px;
  right: 35px;
}

.help-desk-component-display-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.help-desk-component-display-buttonsbutton19:hover {
  background-color: #eaecf0;
  border-color: #6941c6;
}

.help-desk-component-display-arrow-narrow-left-icon {
  width: 24px;
  height: 24px;
  min-height: 24px;
  display: inline;
  position: relative;
}

.help-desk-component-display-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.help-desk-component-display-text107 {
  color: #101828;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-display-text107a {
  color: #6941c6;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-table {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.help-desk-component-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.help-desk-component-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.help-desk-component-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.help-desk-component-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.help-desk-component-table-header-title {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.help-desk-component-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.help-desk-component-divider-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.help-desk-component-table-content {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: 1014px;
  max-width: 100%;
  height: 607px;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.help-desk-component-table-row {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.help-desk-component-table-header-cell1 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  padding: 13px 24px 11px;
  display: flex;
}

.help-desk-component-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.help-desk-component-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.help-desk-component-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.help-desk-component-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.help-desk-component-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 186px;
  padding: 13px 27px 11px;
  display: flex;
}

.help-desk-component-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.help-desk-component-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 169px;
  padding: 13px 27px 11px 14px;
  display: flex;
}

.help-desk-component-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 97px;
  padding: 13px 27px 11px;
  display: flex;
}

.help-desk-component-table-header-cell4-a {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 107px;
  padding: 13px 27px 11px 9px;
  display: flex;
}

.help-desk-component-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.help-desk-component-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.help-desk-component-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.help-desk-component-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.help-desk-component-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  padding: 26px 24px 22px;
  display: flex;
}

.help-desk-component-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.help-desk-component-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 30px 0 0 26px;
  display: flex;
  overflow: hidden;
}

.help-desk-component-dropdown1 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: max-content;
  padding-left: 10px;
  display: flex;
}

.help-desk-component-cell-title {
  text-align: left;
  color: #101828;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-supporting-text4 {
  text-align: left;
  color: #475467;
  min-width: 97px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 186px;
  padding: 26px 24px 24px 19px;
  display: flex;
}

.help-desk-component-table-cell50 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 186px;
  padding: 26px 24px 20px 19px;
  display: flex;
}

.help-desk-component-location-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-top: -3px;
  padding-bottom: 3px;
  display: flex;
}

.help-desk-component-text36 {
  color: #344054;
  text-align: center;
  text-wrap: nowrap;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.help-desk-component-table-cell30 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 169px;
  padding: 26px 50px 24px 26px;
  display: flex;
}

.help-desk-component-text47 {
  color: #475467;
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.help-desk-component-table-cell40, .help-desk-component-table-cell40-a {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding: 26px 24px 22px 26px;
  display: flex;
}

.help-desk-component-content2 {
  text-align: left;
  color: #475467;
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 10px;
  padding: 24px 32px;
  font-size: 16px;
  transition: all .3s;
  display: flex;
}

.help-desk-component-check-items {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.help-desk-component-check-item-text {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.help-desk-component-check-icon {
  background-color: #e0e0e0;
  border-radius: 50%;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.help-desk-component-text-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 208px;
  display: flex;
}

.help-desk-component-item-description {
  color: #3c3c3c;
  align-self: stretch;
  font-size: 15px;
  line-height: 24px;
  position: relative;
}

.help-desk-component-span {
  color: #2d2d2d;
  font-weight: 800;
}

.help-desk-component-business-page {
  color: #475467;
  font-size: 16px;
}

.help-desk-component-check-item-text5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  transition: max-height .3s, opacity .3s;
  display: flex;
}

.help-desk-component-check-icon5 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.accordion-content {
  opacity: 0;
  max-height: 0;
  transition: max-height .5s, opacity .5s;
  overflow: hidden;
}

.accordion-content.active {
  opacity: 1;
  max-height: 500px;
}

.help-desk-component-display-ButtonsButton {
  transition: color .3s;
}

.help-desk-component-display-ButtonsButton:hover {
  color: #6a1b9a;
}

@media screen and (width <= 1275px) {
  .help-desk-component-display-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .help-desk-component-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .help-desk-component-display-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .help-desk-component-display-tabs2, .help-desk-component-display-toggle-header-parent {
    flex-wrap: wrap;
  }

  .help-desk-component-display-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .help-desk-component-display-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 925px) {
  .help-desk-component-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }
}

@media screen and (width <= 750px) {
  .help-desk-component-display-frame-group {
    gap: 19px;
  }

  .help-desk-component-display-frame-parent {
    gap: 35px;
  }

  .help-desk-component-display-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .help-desk-component-display-main {
    gap: 16px;
  }

  .help-desk-component-display-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .help-desk-component-display-actions {
    flex-wrap: wrap;
  }

  .help-desk-component-display-input-dropdown {
    max-width: 100%;
  }

  .help-desk-component-display-input-fields, .help-desk-component-display-toggle-controls {
    flex-wrap: wrap;
  }

  .help-desk-component-display-input-field1, .help-desk-component-display-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .help-desk-component-display-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .help-desk-component-display-avatar-and-file-upload, .help-desk-component-display-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .help-desk-component-display-content41, .help-desk-component-display-input14 {
    flex-wrap: wrap;
  }

  .help-desk-component-display-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .help-desk-component-display-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .help-desk-component-display-file-upload-item-base, .help-desk-component-display-file-upload-item-base1, .help-desk-component-display-file-upload-item-base2, .help-desk-component-display-frame-div, .help-desk-component-display-item-progress-container, .help-desk-component-display-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .help-desk-component-display-file-upload {
    max-width: 100%;
  }

  .help-desk-component-display-file-upload, .help-desk-component-display-main-parent {
    min-width: 100%;
  }

  .help-desk-component-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .help-desk-component-display-container2 {
    gap: 16px;
  }

  .help-desk-component-display-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .help-desk-component-text-and-supporting-text2 {
    min-width: 100%;
  }
}

@media screen and (width <= 700px) {
  .help-desk-component-text-and-supporting-text2 {
    min-width: 100%;
  }

  .help-desk-component-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }
}

@media screen and (width <= 450px) {
  .help-desk-component-display-frame-parent {
    gap: 17px;
  }

  .help-desk-component-display-account {
    gap: 23px;
  }

  .help-desk-component-display-tabs1 {
    flex-wrap: wrap;
  }

  .help-desk-component-display-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .help-desk-component-display-content15 {
    gap: 16px;
  }

  .help-desk-component-display-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .help-desk-component-display-action {
    flex-wrap: wrap;
  }

  .help-desk-component-display-content29, .help-desk-component-display-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .help-desk-component-display-content41 {
    padding-right: 58px;
  }

  .help-desk-component-display-input15 {
    flex-wrap: wrap;
  }

  .help-desk-component-display-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .help-desk-component-display-item-status {
    margin-left: 0;
  }

  .help-desk-component-display-content44 {
    gap: 16px;
  }

  .help-desk-component-display-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .help-desk-component-display-footer1 {
    gap: 16px;
  }
}

@media screen and (width <= 616px) {
  .help-desk-component-display-row1 {
    flex-wrap: wrap;
  }

  .help-desk-component-display-email-popup {
    height: auto;
    min-height: 546px;
  }
}

.plan-and-billing-failed-text-overlflow {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.plan-and-billing-failed-Content-width {
  width: 70%;
}

.plan-and-billing-failed-buttonsbutton-wrapper-width {
  width: 30%;
}

.plan-and-billing-failed-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  max-height: 85vh;
  padding: 0 29px 0 0;
  display: flex;
  overflow-y: scroll;
}

.plan-and-billing-failed-x-close-icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-button-close-x1 {
  box-sizing: border-box;
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 40px;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 611px;
  overflow: hidden;
}

.plan-and-billing-failed-featured-icon1, .plan-and-billing-failed-frame-child5 {
  border-radius: 12px;
  position: relative;
}

.plan-and-billing-failed-frame-child5 {
  background-color: #fff;
  width: 633.4px;
  max-width: 100%;
  height: 546px;
  display: none;
}

.plan-and-billing-failed-featured-icon1 {
  width: 56px;
  height: 56px;
}

.plan-and-billing-failed-supporting-text5, .plan-and-billing-failed-title1 {
  align-self: stretch;
  position: relative;
}

.plan-and-billing-failed-title1 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.plan-and-billing-failed-supporting-text5 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.plan-and-billing-failed-header1, .plan-and-billing-failed-text-and-supporting-text3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.plan-and-billing-failed-header1 {
  text-align: center;
  color: #101828;
  align-items: center;
  gap: 24px;
  font-size: 30px;
}

.plan-and-billing-failed-placeholder-icon25 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-text76 {
  color: #fff;
  text-align: left;
  min-width: 71px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-buttonsbutton10, .plan-and-billing-failed-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.plan-and-billing-failed-buttonsbutton10 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 8px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-secondary-label {
  line-height: 20px;
  position: relative;
}

.plan-and-billing-failed-placeholder-icon27 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-text77 {
  min-width: 102px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-buttonsbutton11, .plan-and-billing-failed-row1 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.plan-and-billing-failed-buttonsbutton11 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.plan-and-billing-failed-row1 {
  align-items: flex-start;
  gap: 3px;
  padding: 0 14px;
}

.plan-and-billing-failed-arrow-left-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-back-label {
  min-width: 91px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-buttonsbutton12 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-failed-container9, .plan-and-billing-failed-content22 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.plan-and-billing-failed-content22 {
  gap: 32px;
  max-width: 360px;
}

.plan-and-billing-failed-container9 {
  box-sizing: border-box;
  max-width: 1280px;
  padding: 0 32px;
}

.plan-and-billing-failed-content21 {
  width: 100%;
  max-width: 361px;
}

.plan-and-billing-failed-container7, .plan-and-billing-failed-container8, .plan-and-billing-failed-content21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-and-billing-failed-container8 {
  align-self: stretch;
  padding: 0 48px;
}

.plan-and-billing-failed-container7 {
  box-sizing: border-box;
  z-index: 1;
  border: 2px #000;
  flex: 1;
  max-width: 100%;
  padding: 0 32px;
}

.plan-and-billing-failed-email-popup, .plan-and-billing-failed-frame-section {
  background-color: #fff;
  max-width: 100%;
}

.plan-and-billing-failed-frame-section {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 633.4px;
  padding: 94px 55px 94px 56px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.plan-and-billing-failed-email-popup {
  letter-spacing: normal;
  width: 650px;
  height: 546px;
  line-height: normal;
  overflow: hidden;
}

.plan-and-billing-failed-plan-and-billing-failed-frame-layout-setti-child, .plan-and-billing-failed-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.plan-and-billing-failed-plan-and-billing-failed-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.plan-and-billing-failed-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.plan-and-billing-failed-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.plan-and-billing-failed-logo, .plan-and-billing-failed-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.plan-and-billing-failed-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.plan-and-billing-failed-bar-chart-01-icon, .plan-and-billing-failed-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.plan-and-billing-failed-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.plan-and-billing-failed-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.plan-and-billing-failed-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.plan-and-billing-failed-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.plan-and-billing-failed-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-failed-text2, .plan-and-billing-failed-text3 {
  font-family: Inter;
  position: relative;
}

.plan-and-billing-failed-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.plan-and-billing-failed-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.plan-and-billing-failed-badge1, .plan-and-billing-failed-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.plan-and-billing-failed-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.plan-and-billing-failed-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-failed-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-navigation, .plan-and-billing-failed-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-failed-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.plan-and-billing-failed-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.plan-and-billing-failed-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-failed-search-lg-icon, .plan-and-billing-failed-text6 {
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.plan-and-billing-failed-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.plan-and-billing-failed-content3, .plan-and-billing-failed-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-and-billing-failed-content3 {
  flex: 1;
  gap: 8px;
}

.plan-and-billing-failed-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-frame-group, .plan-and-billing-failed-frame-parent, .plan-and-billing-failed-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.plan-and-billing-failed-frame-group, .plan-and-billing-failed-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.plan-and-billing-failed-frame-group {
  flex: 1;
  gap: 38px;
}

.plan-and-billing-failed-frame-parent {
  gap: 70px;
  width: 754px;
}

.plan-and-billing-failed-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.plan-and-billing-failed-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-failed-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.plan-and-billing-failed-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.plan-and-billing-failed-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.plan-and-billing-failed-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.plan-and-billing-failed-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.plan-and-billing-failed-plan-and-billing-failed-frame-layout-setti-inner, .plan-and-billing-failed-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-rectangle-parent {
  z-index: 2;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 0;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.plan-and-billing-failed-plan-and-billing-failed-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.plan-and-billing-failed-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  margin-top: -134px;
  padding: 0 0 134px;
  display: flex;
}

.plan-and-billing-failed-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-nav-item-button2, .plan-and-billing-failed-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-failed-nav-item-button3 {
  background-color: #f9fafb;
}

.plan-and-billing-failed-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.plan-and-billing-failed-navigation1, .plan-and-billing-failed-navigation2, .plan-and-billing-failed-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-navigation1 {
  padding: 32px 0 0;
}

.plan-and-billing-failed-navigation3 {
  gap: 8px;
}

.plan-and-billing-failed-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.plan-and-billing-failed-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.plan-and-billing-failed-content4, .plan-and-billing-failed-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.plan-and-billing-failed-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.plan-and-billing-failed-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.plan-and-billing-failed-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.plan-and-billing-failed-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-badge3, .plan-and-billing-failed-content6, .plan-and-billing-failed-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.plan-and-billing-failed-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.plan-and-billing-failed-badge3, .plan-and-billing-failed-nav-item-base3 {
  background-color: #f9fafb;
}

.plan-and-billing-failed-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.plan-and-billing-failed-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-failed-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.plan-and-billing-failed-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.plan-and-billing-failed-badge4, .plan-and-billing-failed-content8, .plan-and-billing-failed-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-and-billing-failed-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.plan-and-billing-failed-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.plan-and-billing-failed-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-content12, .plan-and-billing-failed-content5, .plan-and-billing-failed-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-failed-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.plan-and-billing-failed-content5, .plan-and-billing-failed-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.plan-and-billing-failed-navigation4 {
  color: #344054;
  gap: 4px;
}

.plan-and-billing-failed-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.plan-and-billing-failed-supporting-text, .plan-and-billing-failed-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-failed-title {
  font-weight: 600;
}

.plan-and-billing-failed-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.plan-and-billing-failed-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.plan-and-billing-failed-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.plan-and-billing-failed-account, .plan-and-billing-failed-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.plan-and-billing-failed-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.plan-and-billing-failed-breadcrumb-button-base, .plan-and-billing-failed-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  height: 1260px;
  overflow: hidden;
}

.plan-and-billing-failed-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.plan-and-billing-failed-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-text22 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.plan-and-billing-failed-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-failed-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.plan-and-billing-failed-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-failed-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.plan-and-billing-failed-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.plan-and-billing-failed-tabs {
  gap: 8px;
}

.plan-and-billing-failed-breadcrumbs, .plan-and-billing-failed-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.plan-and-billing-failed-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.plan-and-billing-failed-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.plan-and-billing-failed-container {
  padding: 0 32px;
}

.plan-and-billing-failed-container, .plan-and-billing-failed-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.plan-and-billing-failed-main, .plan-and-billing-failed-main-child, .plan-and-billing-failed-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.plan-and-billing-failed-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.plan-and-billing-failed-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-failed-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-breadcrumb-button-base6, .plan-and-billing-failed-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.plan-and-billing-failed-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.plan-and-billing-failed-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.plan-and-billing-failed-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-failed-breadcrumbs1, .plan-and-billing-failed-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.plan-and-billing-failed-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.plan-and-billing-failed-breadcrumbs1 {
  width: 278px;
  display: none;
}

.plan-and-billing-failed-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.plan-and-billing-failed-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.plan-and-billing-failed-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.plan-and-billing-failed-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.plan-and-billing-failed-button, .plan-and-billing-failed-button1, .plan-and-billing-failed-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-failed-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.plan-and-billing-failed-button1, .plan-and-billing-failed-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.plan-and-billing-failed-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.plan-and-billing-failed-actions, .plan-and-billing-failed-button2, .plan-and-billing-failed-button3 {
  flex-direction: row;
  align-items: center;
}

.plan-and-billing-failed-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.plan-and-billing-failed-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-input-with-label1, .plan-and-billing-failed-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.plan-and-billing-failed-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.plan-and-billing-failed-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-failed-content13, .plan-and-billing-failed-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.plan-and-billing-failed-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.plan-and-billing-failed-content13, .plan-and-billing-failed-divider-icon2, .plan-and-billing-failed-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.plan-and-billing-failed-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.plan-and-billing-failed-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.plan-and-billing-failed-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.plan-and-billing-failed-badge-count, .plan-and-billing-failed-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.plan-and-billing-failed-badge10, .plan-and-billing-failed-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.plan-and-billing-failed-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.plan-and-billing-failed-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.plan-and-billing-failed-text39, .plan-and-billing-failed-text40, .plan-and-billing-failed-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-text40, .plan-and-billing-failed-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.plan-and-billing-failed-text43 {
  min-width: 83px;
}

.plan-and-billing-failed-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.plan-and-billing-failed-text45, .plan-and-billing-failed-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-text46 {
  min-width: 24px;
}

.plan-and-billing-failed-tab-button-base9, .plan-and-billing-failed-tabs2 {
  flex-direction: row;
  display: flex;
}

.plan-and-billing-failed-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.plan-and-billing-failed-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.plan-and-billing-failed-container1, .plan-and-billing-failed-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.plan-and-billing-failed-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-container1 {
  gap: 24px;
  padding: 0 32px;
}

.plan-and-billing-failed-container1, .plan-and-billing-failed-header-content, .plan-and-billing-failed-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-header-section1 {
  flex-direction: column;
  flex: 1;
}

.plan-and-billing-failed-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.plan-and-billing-failed-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-failed-button4, .plan-and-billing-failed-button5, .plan-and-billing-failed-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.plan-and-billing-failed-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.plan-and-billing-failed-button4, .plan-and-billing-failed-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.plan-and-billing-failed-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.plan-and-billing-failed-supporting-text2, .plan-and-billing-failed-toggle-title {
  align-self: stretch;
  position: relative;
}

.plan-and-billing-failed-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.plan-and-billing-failed-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.plan-and-billing-failed-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.plan-and-billing-failed-button6, .plan-and-billing-failed-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.plan-and-billing-failed-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  transition: left .3s;
  position: absolute;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.plan-and-billing-failed-button6.left {
  left: 0;
}

.plan-and-billing-failed-button6.right {
  left: 20px;
}

.plan-and-billing-failed-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
  position: relative;
}

.plan-and-billing-failed-supporting-text3, .plan-and-billing-failed-switch-label, .plan-and-billing-failed-switch-label1 {
  line-height: 20px;
  position: relative;
}

.plan-and-billing-failed-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  display: inline-block;
}

.plan-and-billing-failed-switch-label1 {
  letter-spacing: -.02px;
  z-index: 1;
  font-weight: 500;
  display: inline-block;
}

.plan-and-billing-failed-switch-label1.active, .plan-and-billing-failed-switch-label.active {
  color: #6941c6;
  background-color: #0000;
  font-weight: bold;
}

.plan-and-billing-failed-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.plan-and-billing-failed-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.plan-and-billing-failed-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-text49 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-button8, .plan-and-billing-failed-toggle-controls, .plan-and-billing-failed-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-toggle-controls, .plan-and-billing-failed-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.plan-and-billing-failed-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.plan-and-billing-failed-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.plan-and-billing-failed-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-failed-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.plan-and-billing-failed-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-failed-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.plan-and-billing-failed-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.plan-and-billing-failed-input-field, .plan-and-billing-failed-input2 {
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-failed-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.plan-and-billing-failed-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-failed-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.plan-and-billing-failed-content15, .plan-and-billing-failed-content17, .plan-and-billing-failed-input-fields, .plan-and-billing-failed-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-failed-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-content15, .plan-and-billing-failed-input-fields {
  align-items: flex-start;
}

.plan-and-billing-failed-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-failed-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.plan-and-billing-failed-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.plan-and-billing-failed-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.plan-and-billing-failed-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-content19, .plan-and-billing-failed-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.plan-and-billing-failed-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.plan-and-billing-failed-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-hint-text2 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-failed-content18, .plan-and-billing-failed-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-failed-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.plan-and-billing-failed-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.plan-and-billing-failed-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.plan-and-billing-failed-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.plan-and-billing-failed-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.plan-and-billing-failed-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.plan-and-billing-failed-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-failed-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.plan-and-billing-failed-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.plan-and-billing-failed-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.plan-and-billing-failed-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.plan-and-billing-failed-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.plan-and-billing-failed-cursor-icon, .plan-and-billing-failed-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.plan-and-billing-failed-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.plan-and-billing-failed-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.plan-and-billing-failed-content23, .plan-and-billing-failed-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-failed-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.plan-and-billing-failed-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.plan-and-billing-failed-avatar-and-file-upload, .plan-and-billing-failed-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-failed-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-failed-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.plan-and-billing-failed-supporting-text6, .plan-and-billing-failed-text59 {
  line-height: 24px;
  position: relative;
}

.plan-and-billing-failed-text59 {
  min-width: 68px;
  font-weight: 500;
  display: inline-block;
}

.plan-and-billing-failed-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.plan-and-billing-failed-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.plan-and-billing-failed-content29, .plan-and-billing-failed-input-dropdown1, .plan-and-billing-failed-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.plan-and-billing-failed-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-failed-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-content33, .plan-and-billing-failed-input10, .plan-and-billing-failed-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.plan-and-billing-failed-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.plan-and-billing-failed-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.plan-and-billing-failed-supporting-text8, .plan-and-billing-failed-text66 {
  line-height: 24px;
  position: relative;
}

.plan-and-billing-failed-text66 {
  font-weight: 500;
}

.plan-and-billing-failed-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.plan-and-billing-failed-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.plan-and-billing-failed-content41, .plan-and-billing-failed-form-content, .plan-and-billing-failed-form-content-wrapper, .plan-and-billing-failed-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-form-content, .plan-and-billing-failed-form-content-wrapper {
  align-items: flex-start;
}

.plan-and-billing-failed-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.plan-and-billing-failed-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.plan-and-billing-failed-write-a-short {
  margin-block: 0 14px;
}

.plan-and-billing-failed-this-is-also {
  margin: 0;
}

.plan-and-billing-failed-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.plan-and-billing-failed-content43, .plan-and-billing-failed-input-dropdown8, .plan-and-billing-failed-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.plan-and-billing-failed-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.plan-and-billing-failed-wysiwyg-editor-icon, .plan-and-billing-failed-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-wysiwyg-editor-icon2 {
  display: none;
}

.plan-and-billing-failed-icons, .plan-and-billing-failed-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.plan-and-billing-failed-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.plan-and-billing-failed-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.plan-and-billing-failed-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-input16, .plan-and-billing-failed-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.plan-and-billing-failed-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-textarea-input-field {
  gap: 6px;
}

.plan-and-billing-failed-content45, .plan-and-billing-failed-file-upload-base1, .plan-and-billing-failed-textarea-input-field, .plan-and-billing-failed-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.plan-and-billing-failed-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-failed-content45, .plan-and-billing-failed-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.plan-and-billing-failed-content45 {
  gap: 12px;
}

.plan-and-billing-failed-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.plan-and-billing-failed-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.plan-and-billing-failed-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.plan-and-billing-failed-file-type-wrap1, .plan-and-billing-failed-item-container, .plan-and-billing-failed-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-item-info-container {
  flex-direction: row;
  position: relative;
}

.plan-and-billing-failed-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.plan-and-billing-failed-supporting-text13, .plan-and-billing-failed-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-uploaded-file-name {
  font-weight: 500;
}

.plan-and-billing-failed-supporting-text13 {
  color: #475467;
}

.plan-and-billing-failed-background, .plan-and-billing-failed-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.plan-and-billing-failed-progress {
  background-color: #7e56d9;
}

.plan-and-billing-failed-item-progress-info, .plan-and-billing-failed-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.plan-and-billing-failed-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.plan-and-billing-failed-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.plan-and-billing-failed-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.plan-and-billing-failed-file-upload-item-base, .plan-and-billing-failed-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.plan-and-billing-failed-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.plan-and-billing-failed-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.plan-and-billing-failed-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.plan-and-billing-failed-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.plan-and-billing-failed-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.plan-and-billing-failed-background1, .plan-and-billing-failed-progress1 {
  border-radius: 9999px;
  position: relative;
}

.plan-and-billing-failed-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.plan-and-billing-failed-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.plan-and-billing-failed-progress-bar-wrapper, .plan-and-billing-failed-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.plan-and-billing-failed-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.plan-and-billing-failed-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.plan-and-billing-failed-file-upload-item-base1, .plan-and-billing-failed-progress-bar-container-parent, .plan-and-billing-failed-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.plan-and-billing-failed-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.plan-and-billing-failed-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.plan-and-billing-failed-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-file-type-wrap3, .plan-and-billing-failed-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.plan-and-billing-failed-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.plan-and-billing-failed-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.plan-and-billing-failed-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-file-upload-item-base2, .plan-and-billing-failed-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.plan-and-billing-failed-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.plan-and-billing-failed-content-wrapper, .plan-and-billing-failed-content44, .plan-and-billing-failed-file-queue, .plan-and-billing-failed-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.plan-and-billing-failed-content-wrapper, .plan-and-billing-failed-content44 {
  flex-direction: row;
  max-width: 100%;
}

.plan-and-billing-failed-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.plan-and-billing-failed-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.plan-and-billing-failed-divider-icon4, .plan-and-billing-failed-text73 {
  align-self: stretch;
  position: relative;
}

.plan-and-billing-failed-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.plan-and-billing-failed-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.plan-and-billing-failed-button9, .plan-and-billing-failed-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.plan-and-billing-failed-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.plan-and-billing-failed-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.plan-and-billing-failed-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-button10, .plan-and-billing-failed-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.plan-and-billing-failed-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-text76 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.plan-and-billing-failed-actions1, .plan-and-billing-failed-button11, .plan-and-billing-failed-content46, .plan-and-billing-failed-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.plan-and-billing-failed-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 65px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-actions1, .plan-and-billing-failed-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.plan-and-billing-failed-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.plan-and-billing-failed-content46 {
  align-self: stretch;
  gap: 20px;
}

.plan-and-billing-failed-main1, .plan-and-billing-failed-section-footer, .plan-and-billing-failed-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.plan-and-billing-failed-main1, .plan-and-billing-failed-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.plan-and-billing-failed-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.plan-and-billing-failed-main1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.plan-and-billing-failed-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 24px;
}

.plan-and-billing-failed-main-parent, .plan-and-billing-failed-main-wrapper, .plan-and-billing-failed-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-failed-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.plan-and-billing-failed-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  margin-top: -134px;
  padding: 0 0 137px;
  font-family: Inter;
  font-size: 16px;
}

.plan-and-billing-failed-footer-text {
  line-height: 20px;
  position: relative;
}

.plan-and-billing-failed-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.plan-and-billing-failed-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.plan-and-billing-failed-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.plan-and-billing-failed-logo-wrapper1, .plan-and-billing-failed-logomark, .plan-and-billing-failed-logomark1 {
  flex-direction: row;
  display: flex;
}

.plan-and-billing-failed-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.plan-and-billing-failed-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.plan-and-billing-failed-content47, .plan-and-billing-failed-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.plan-and-billing-failed-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.plan-and-billing-failed-divider-icon5, .plan-and-billing-failed-footer1 {
  align-self: stretch;
  margin-top: -134px;
  overflow: hidden;
}

.plan-and-billing-failed-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.plan-and-billing-failed-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.plan-and-billing-failed-plan-and-billing-failed-frame-layout-setti, .plan-and-billing-failed-plan-and-billing-failed-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-plan-and-billing-failed-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  min-height: 1480px;
  padding: 7px 0 0;
}

.plan-and-billing-failed-plan-and-billing-failed-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-content-display-div {
  border: none;
  border-radius: 10px;
  width: 40%;
  height: 300px;
  box-shadow: 0 0 10px #80808080;
}

.plan-and-billing-failed-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.plan-and-billing-failed-toggle-title1 {
  color: #7e56d9;
  margin: 25px auto;
  font-weight: 600;
  line-height: 28px;
  text-decoration: underline;
}

.plan-and-billing-failed-supporting-text2a {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  margin: auto;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-eye-lg-icon {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  top: 120px;
  left: 150px;
  overflow: hidden;
}

.plan-and-billing-failed-pencil-lg-icon {
  color: #000;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  top: 120px;
  left: 160px;
  overflow: hidden;
}

.plan-and-billing-failed-CheckboxGroupItem {
  background: #fff;
  border: 2px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 768px;
  height: 114px;
  padding: 16px 16px 0;
  display: inline-flex;
}

.plan-and-billing-failed-CheckboxGroupItem1 {
  background: #fff;
  border: 2px solid #7f56d9;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 768px;
  height: 114px;
  padding: 16px 16px 0;
  display: inline-flex;
}

.plan-and-billing-failed-Content {
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  height: 50px;
  display: flex;
}

.plan-and-billing-failed-Input {
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  display: flex;
}

.plan-and-billing-failed-CheckboxBase {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 3px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-failed-CheckboxBase input[type="checkbox"] {
  accent-color: #7f56d9;
}

.plan-and-billing-failed-Check {
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  padding: 3.5px 2.33px 4.08px;
  display: inline-flex;
}

.plan-and-billing-failed-Icon {
  border: 2px solid #fff;
  width: 9.33px;
  height: 6.42px;
}

.plan-and-billing-failed-TextAndSupportingText {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: inline-flex;
}

.plan-and-billing-failed-TextAndSubtext {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: inline-flex;
}

.plan-and-billing-failed-Text-1 {
  color: #344054;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.plan-and-billing-failed-Subtext {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.plan-and-billing-failed-SupportingText {
  color: #475467;
  word-wrap: break-word;
  align-self: stretch;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.plan-and-billing-failed-Actions {
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  height: 20px;
  display: inline-flex;
  position: relative;
  top: 14px;
}

.plan-and-billing-failed-ButtonsButton {
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.plan-and-billing-failed-Text-2 {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.plan-and-billing-failed-Text-3 {
  color: #6941c6;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.plan-and-billing-failed-buttonsbutton-wrapper, .plan-and-billing-failed-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-failed-buttonsbutton-wrapper {
  cursor: pointer;
  justify-content: flex-end;
  align-self: stretch;
  margin-top: 20px;
}

.plan-and-billing-failed-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.plan-and-billing-failed-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-failed-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.plan-and-billing-failed-text107 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-failed-text107a {
  color: #6941c6;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-table {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.plan-and-billing-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.plan-and-billing-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.plan-and-billing-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.plan-and-billing-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.plan-and-billing-table-header-title {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-divider-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-table-row {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.plan-and-billing-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.plan-and-billing-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.plan-and-billing-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.plan-and-billing-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 186px;
  padding: 13px 27px 11px;
  display: flex;
}

.plan-and-billing-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.plan-and-billing-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 169px;
  padding: 13px 27px 11px;
  display: flex;
}

.plan-and-billing-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100px;
  padding: 13px 27px 11px;
  display: flex;
}

.plan-and-billing-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.plan-and-billing-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.plan-and-billing-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.plan-and-billing-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.plan-and-billing-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 30px 0 0 26px;
  display: flex;
  overflow: hidden;
}

.plan-and-billing-dropdown1 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: max-content;
  padding-left: 10px;
  display: flex;
}

.plan-and-billing-cell-title {
  text-align: left;
  color: #101828;
  min-width: 75px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-supporting-text4 {
  text-align: left;
  color: #475467;
  min-width: 97px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 186px;
  padding: 26px 24px 24px 19px;
  display: flex;
}

.plan-and-billing-table-cell50 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 186px;
  padding: 26px 24px 20px 19px;
  display: flex;
}

.plan-and-billing-location-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-top: -3px;
  padding-bottom: 3px;
  display: flex;
}

.plan-and-billing-text36 {
  color: #344054;
  text-align: center;
  min-width: 93px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-table-cell30 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 169px;
  padding: 26px 50px 24px 26px;
  display: flex;
}

.plan-and-billing-text47 {
  color: #475467;
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.plan-and-billing-table-cell40 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding: 26px 24px 22px 26px;
  display: flex;
}

@media screen and (width <= 1275px) {
  .plan-and-billing-failed-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .plan-and-billing-failed-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .plan-and-billing-failed-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .plan-and-billing-failed-tabs2, .plan-and-billing-failed-toggle-header-parent {
    flex-wrap: wrap;
  }

  .plan-and-billing-failed-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .plan-and-billing-failed-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 925px) {
  .plan-and-billing-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }
}

@media screen and (width <= 750px) {
  .plan-and-billing-failed-frame-group {
    gap: 19px;
  }

  .plan-and-billing-failed-frame-parent {
    gap: 35px;
  }

  .plan-and-billing-failed-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .plan-and-billing-failed-main {
    gap: 16px;
  }

  .plan-and-billing-failed-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .plan-and-billing-failed-actions {
    flex-wrap: wrap;
  }

  .plan-and-billing-failed-input-dropdown {
    max-width: 100%;
  }

  .plan-and-billing-failed-input-fields, .plan-and-billing-failed-toggle-controls {
    flex-wrap: wrap;
  }

  .plan-and-billing-failed-input-field1, .plan-and-billing-failed-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .plan-and-billing-failed-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .plan-and-billing-failed-avatar-and-file-upload, .plan-and-billing-failed-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .plan-and-billing-failed-content41, .plan-and-billing-failed-input14 {
    flex-wrap: wrap;
  }

  .plan-and-billing-failed-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .plan-and-billing-failed-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .plan-and-billing-failed-file-upload-item-base, .plan-and-billing-failed-file-upload-item-base1, .plan-and-billing-failed-file-upload-item-base2, .plan-and-billing-failed-frame-div, .plan-and-billing-failed-item-progress-container, .plan-and-billing-failed-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .plan-and-billing-failed-file-upload {
    max-width: 100%;
  }

  .plan-and-billing-failed-file-upload, .plan-and-billing-failed-main-parent {
    min-width: 100%;
  }

  .plan-and-billing-failed-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .plan-and-billing-failed-container2 {
    gap: 16px;
  }

  .plan-and-billing-failed-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .plan-and-billing-text-and-supporting-text2 {
    min-width: 100%;
  }
}

@media screen and (width <= 700px) {
  .plan-and-billing-text-and-supporting-text2 {
    min-width: 100%;
  }

  .plan-and-billing-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }
}

@media screen and (width <= 450px) {
  .plan-and-billing-failed-frame-parent {
    gap: 17px;
  }

  .plan-and-billing-failed-account {
    gap: 23px;
  }

  .plan-and-billing-failed-tabs1 {
    flex-wrap: wrap;
  }

  .plan-and-billing-failed-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .plan-and-billing-failed-content15 {
    gap: 16px;
  }

  .plan-and-billing-failed-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .plan-and-billing-failed-action {
    flex-wrap: wrap;
  }

  .plan-and-billing-failed-content29, .plan-and-billing-failed-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .plan-and-billing-failed-content41 {
    padding-right: 58px;
  }

  .plan-and-billing-failed-input15 {
    flex-wrap: wrap;
  }

  .plan-and-billing-failed-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .plan-and-billing-failed-item-status {
    margin-left: 0;
  }

  .plan-and-billing-failed-content44 {
    gap: 16px;
  }

  .plan-and-billing-failed-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .plan-and-billing-failed-footer1 {
    gap: 16px;
  }
}

@media screen and (width <= 616px) {
  .plan-and-billing-failed-row1 {
    flex-wrap: wrap;
  }

  .plan-and-billing-failed-email-popup {
    height: auto;
    min-height: 546px;
  }
}

.Plan-billing-failed-component-x-close-icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.Plan-billing-failed-component-button-close-x1 {
  box-sizing: border-box;
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 40px;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 611px;
  overflow: hidden;
}

.Plan-billing-failed-component-featured-icon1, .Plan-billing-failed-component-frame-child5 {
  border-radius: 12px;
  position: relative;
}

.Plan-billing-failed-component-frame-child5 {
  background-color: #fff;
  width: 633.4px;
  max-width: 100%;
  height: 546px;
  display: none;
}

.Plan-billing-failed-component-featured-icon1 {
  width: 56px;
  height: 56px;
}

.Plan-billing-failed-component-supporting-text5, .Plan-billing-failed-component-title1 {
  align-self: stretch;
  position: relative;
}

.Plan-billing-failed-component-title1 {
  font-size: inherit;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
}

.Plan-billing-failed-component-supporting-text5 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.Plan-billing-failed-component-header1, .Plan-billing-failed-component-text-and-supporting-text3 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.Plan-billing-failed-component-header1 {
  text-align: center;
  color: #101828;
  align-items: center;
  gap: 24px;
  font-size: 30px;
}

.Plan-billing-failed-component-placeholder-icon25 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.Plan-billing-failed-component-text76 {
  color: #fff;
  text-align: left;
  min-width: 71px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.Plan-billing-failed-component-buttonsbutton10, .Plan-billing-failed-component-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.Plan-billing-failed-component-buttonsbutton10 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 8px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.Plan-billing-failed-component-secondary-label {
  line-height: 20px;
  position: relative;
}

.Plan-billing-failed-component-placeholder-icon27 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.Plan-billing-failed-component-text77 {
  min-width: 102px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.Plan-billing-failed-component-buttonsbutton11, .Plan-billing-failed-component-row1 {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.Plan-billing-failed-component-buttonsbutton11 {
  color: #6941c6;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.Plan-billing-failed-component-row1 {
  align-items: flex-start;
  gap: 3px;
  padding: 0 14px;
}

.Plan-billing-failed-component-arrow-left-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.Plan-billing-failed-component-back-label {
  min-width: 91px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.Plan-billing-failed-component-buttonsbutton12 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.Plan-billing-failed-component-container9, .Plan-billing-failed-component-content22 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.Plan-billing-failed-component-content22 {
  gap: 32px;
  max-width: 360px;
}

.Plan-billing-failed-component-container9 {
  box-sizing: border-box;
  max-width: 1280px;
}

.Plan-billing-failed-component-content21 {
  width: 100%;
  max-width: 361px;
}

.Plan-billing-failed-component-container7, .Plan-billing-failed-component-container8, .Plan-billing-failed-component-content21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.Plan-billing-failed-component-container8 {
  align-self: stretch;
  padding: 0 48px;
}

.Plan-billing-failed-component-container7 {
  box-sizing: border-box;
  z-index: 1;
  flex: 1;
  max-width: 100%;
}

.Plan-billing-failed-component-email-popup, .Plan-billing-failed-component-frame-section {
  background-color: #fff;
  max-width: 100%;
}

.Plan-billing-failed-component-frame-section {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 633.4px;
  padding: 34px 55px 94px 100px;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  position: absolute;
}

.Plan-billing-failed-component-email-popup {
  letter-spacing: normal;
  width: 650px;
  height: 546px;
  line-height: normal;
  overflow: hidden;
}

.Plan-billing-failed-component-span {
  color: #6941c6;
}

@media screen and (width <= 616px) {
  .Plan-billing-failed-component-row1 {
    flex-wrap: wrap;
  }

  .Plan-billing-failed-component-email-popup {
    height: auto;
    min-height: 546px;
  }
}

.dashboard-integration-display-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  margin: 0;
  padding: 0 32px;
  font-family: Inter, sans-serif;
  display: flex;
}

.dashboard-integration-display-content {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  display: flex;
}

.dashboard-integration-top-heading {
  color: #101828;
  box-sizing: border-box;
  align-self: stretch;
  margin: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.dashboard-integration-top-description {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  align-self: stretch;
  margin: 0;
  padding: 4px 0 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.dashboard-integration-display-content-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.dashboard-integration-display-content-divider-icon3 {
  background-color: #eaecf0;
  flex: 1;
  max-width: 100%;
  height: 1px;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.dashboard-integration-display-container-listing-wrapper {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  padding: 0 29px 0 0;
  display: flex;
  overflow-y: scroll;
}

.dashboard-integration-display-container-listing-wrapper::-webkit-scrollbar {
  display: none;
}

.dashboard-integration-display-container-listing-card {
  background: #fff;
  border: 2px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 860px;
  height: max-content;
  padding: 16px;
  display: inline-flex;
  position: relative;
}

.dashboard-integration-display-container-listing-card:hover {
  cursor: pointer;
  border-color: #6941c6;
  box-shadow: 0 4px 8px #0003;
}

.dashboard-integration-display-container-listing-card-Content {
  flex-direction: row;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  height: max-content;
  display: flex;
}

.dashboard-integration-display-container-listing-card-Content-width {
  width: 76%;
}

.dashboard-integration-display-container-listing-card-image-space {
  background-color: #0000;
  border: 2px dashed #0000;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 125px;
  display: flex;
  position: relative;
}

.dashboard-integration-display-container-listing-card-image-space:before {
  content: "";
  background-color: #98a2b3;
  width: 24px;
  height: 24px;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z'/%3E%3C/svg%3E") center no-repeat;
}

.dashboard-integration-display-container-listing-card-content-wrapper {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  height: max-content;
  display: inline-flex;
}

.dashboard-integration-display-container-listing-card-content-TextAndSubtext {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: inline-flex;
}

.dashboard-integration-display-container-listing-card-content-heading {
  color: #344054;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.dashboard-integration-display-container-listing-card-content-description {
  color: #475467;
  align-self: stretch;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.dashboard-integration-display-container-listing-card-content-description-overflow {
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}

.dashboard-integration-display-container-listing-card-content-help-resource {
  color: #6941c6;
  margin-top: 8px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.dashboard-integration-display-container-listing-card-action-wrapper-width {
  width: 30%;
}

.dashboard-integration-display-container-listing-card-action-wrapper, .dashboard-integration-display-container-listing-card-action-button {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.dashboard-integration-display-container-listing-card-action-wrapper {
  cursor: pointer;
  justify-content: flex-end;
  align-self: stretch;
  position: absolute;
  top: 32px;
  right: 35px;
}

.dashboard-integration-display-container-listing-card-action-button {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.dashboard-integration-display-container-listing-card-action-button:hover {
  background-color: #eaecf0;
  border-color: #6941c6;
}

.dashboard-integration-display-container-listing-card-action-button-link {
  justify-content: flex-start;
  align-items: center;
  padding: 2px 0 0;
  display: flex;
}

.dashboard-integration-display-container-listing-card-action-button-text {
  color: #101828;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-integration-display-container-listing-card-action-button-texta {
  color: #6941c6;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.dashboard-integration-display-container-load-more-button {
  cursor: pointer;
  border: none;
  border-radius: 8px;
  align-self: center;
  align-items: center;
  margin-top: 10px;
  padding: 6px 12px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  background-color: #fff !important;
  border: 1px solid #d0d5dd !important;
}

.dashboard-integration-display-container-load-more-button:hover {
  background-color: #d0d5dd;
}

.address-form-profile-content-custom-23 {
  box-sizing: border-box;
  background-color: #fff;
  border: none;
  outline: none;
  flex-direction: row;
  flex: 1;
  align-items: center;
}

.address-profile-form-text63 {
  color: #667085;
  text-align: left;
  min-width: 126px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-form-type-container {
  width: 100%;
}

.address-form-dashboard-frame-layout-setti-child, .address-form-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.address-form-dashboard-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.address-form-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.address-form-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.address-form-logo, .address-form-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-form-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.address-form-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.address-form-bar-chart-01-icon, .address-form-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.address-form-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.address-form-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-form-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.address-form-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.address-form-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.address-form-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.address-form-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.address-form-text2, .address-form-text3 {
  font-family: Inter;
  position: relative;
}

.address-form-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.address-form-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.address-form-badge1, .address-form-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.address-form-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.address-form-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.address-form-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-form-navigation, .address-form-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.address-form-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.address-form-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.address-form-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.address-form-search-lg-icon, .address-form-text6 {
  position: relative;
  overflow: hidden;
}

.address-form-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.address-form-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.address-form-content3, .address-form-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.address-form-content3 {
  flex: 1;
  gap: 8px;
}

.address-form-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-frame-group, .address-form-frame-parent, .address-form-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-form-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.address-form-frame-group, .address-form-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.address-form-frame-group {
  flex: 1;
  gap: 38px;
}

.address-form-frame-parent {
  gap: 70px;
  width: 754px;
}

.address-form-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.address-form-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.address-form-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.address-form-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.address-form-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.address-form-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.address-form-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.address-form-dashboard-frame-layout-setti-inner, .address-form-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-form-rectangle-parent {
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.address-form-dashboard-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.address-form-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.address-form-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-form-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.address-form-nav-item-button2, .address-form-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.address-form-nav-item-button3 {
  background-color: #f9fafb;
}

.address-form-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.address-form-navigation1, .address-form-navigation2, .address-form-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-form-navigation1 {
  padding: 32px 0 0;
}

.address-form-navigation3 {
  gap: 8px;
}

.address-form-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.address-form-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.address-form-content4, .address-form-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.address-form-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.address-form-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.address-form-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.address-form-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.address-form-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.address-form-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-form-badge3, .address-form-content6, .address-form-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.address-form-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.address-form-badge3, .address-form-nav-item-base3 {
  background-color: #f9fafb;
}

.address-form-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.address-form-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.address-form-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-form-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.address-form-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.address-form-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.address-form-badge4, .address-form-content8, .address-form-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.address-form-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.address-form-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.address-form-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-form-content12, .address-form-content5, .address-form-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.address-form-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.address-form-content5, .address-form-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.address-form-navigation4 {
  color: #344054;
  gap: 4px;
}

.address-form-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.address-form-supporting-text, .address-form-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.address-form-title {
  font-weight: 600;
}

.address-form-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.address-form-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.address-form-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.address-form-account, .address-form-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.address-form-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.address-form-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.address-form-breadcrumb-button-base, .address-form-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-form-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  overflow: hidden;
}

.address-form-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.address-form-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.address-form-text22 {
  color: inherit;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-form-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.address-form-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.address-form-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.address-form-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.address-form-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.address-form-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.address-form-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-form-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.address-form-tabs {
  gap: 8px;
}

.address-form-breadcrumbs, .address-form-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.address-form-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.address-form-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.address-form-container {
  padding: 0 32px;
}

.address-form-container, .address-form-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.address-form-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.address-form-main, .address-form-main-child, .address-form-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.address-form-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.address-form-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.address-form-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-breadcrumb-button-base6, .address-form-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.address-form-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.address-form-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.address-form-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.address-form-breadcrumbs1, .address-form-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.address-form-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.address-form-breadcrumbs1 {
  width: 278px;
  display: none;
}

.address-form-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.address-form-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: block;
  position: relative;
}

.address-form-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.address-form-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.address-form-map-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.address-form-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.address-form-button, .address-form-button1, .address-form-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.address-form-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.address-form-button1, .address-form-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.address-form-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.address-form-actions, .address-form-button2, .address-form-button3 {
  flex-direction: row;
  align-items: center;
}

.address-form-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.address-form-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.address-form-input-with-label1, .address-form-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.address-form-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.address-form-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.address-form-content13, .address-form-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-form-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.address-form-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.address-form-content13, .address-form-divider-icon2, .address-form-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.address-form-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.address-form-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.address-form-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-form-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.address-form-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.address-form-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.address-form-badge-count, .address-form-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.address-form-badge10, .address-form-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.address-form-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.address-form-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.address-form-text39, .address-form-text40, .address-form-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-text40, .address-form-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.address-form-text43 {
  min-width: 83px;
}

.address-form-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.address-form-text45, .address-form-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-text46 {
  min-width: 24px;
}

.address-form-tab-button-base9, .address-form-tabs2 {
  flex-direction: row;
  display: flex;
}

.address-form-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.address-form-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.address-form-container1, .address-form-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.address-form-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-form-container1 {
  gap: 24px;
  padding: 0 32px;
}

.address-form-container1, .address-form-header-content, .address-form-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-form-header-section1 {
  flex-direction: column;
  flex: 1;
}

.address-form-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.address-form-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.address-form-button4, .address-form-button5, .address-form-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.address-form-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.address-form-button4, .address-form-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.address-form-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.address-form-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.address-form-supporting-text2, .address-form-toggle-title {
  align-self: stretch;
  position: relative;
}

.address-form-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.address-form-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.address-form-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.address-form-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.address-form-button6, .address-form-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.address-form-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  position: relative;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.address-form-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
}

.address-form-supporting-text3, .address-form-switch-label {
  line-height: 20px;
  position: relative;
}

.address-form-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  display: inline-block;
}

.address-form-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.address-form-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.address-form-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-text49 {
  color: #fff;
  text-align: left;
  min-width: 110px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-button8, .address-form-toggle-controls, .address-form-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-form-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-toggle-controls, .address-form-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.address-form-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.address-form-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.address-form-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.address-form-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.address-form-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.address-form-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.address-form-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.address-form-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.address-form-input-field, .address-form-input2 {
  justify-content: flex-start;
  display: flex;
}

.address-form-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.address-form-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.address-form-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.address-form-content15, .address-form-content17, .address-form-input-fields, .address-form-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.address-form-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-content15, .address-form-input-fields {
  align-items: flex-start;
}

.address-form-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.address-form-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.address-form-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.address-form-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.address-form-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.address-form-content19, .address-form-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.address-form-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.address-form-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-hint-text2 {
  width: 320px;
  line-height: 20px;
  position: relative;
}

.address-form-hint-text2a {
  color: #475467;
  width: 320px;
  line-height: 20px;
  position: relative;
}

.address-form-file-button-labels {
  position: relative;
  top: 1px;
  left: 5px;
}

.address-form-content18, .address-form-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-form-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.address-form-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.address-form-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.address-form-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.address-form-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.address-form-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.address-form-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.address-form-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.address-form-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.address-form-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.address-form-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.address-form-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.address-form-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.address-form-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.address-form-cursor-icon, .address-form-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.address-form-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.address-form-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.address-form-content23, .address-form-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.address-form-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.address-form-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.address-form-avatar-and-file-upload, .address-form-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.address-form-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.address-form-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.address-form-supporting-text6, .address-form-text59 {
  line-height: 24px;
  position: relative;
}

.address-form-text59 {
  min-width: 208px;
  font-weight: 500;
  display: inline-block;
}

.address-form-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.address-form-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
}

.address-form-content29, .address-form-input-dropdown1, .address-form-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.address-form-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.address-form-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-form-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.address-form-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-content33, .address-form-input10, .address-form-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.address-form-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.address-form-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.address-form-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.address-form-supporting-text8, .address-form-text66 {
  line-height: 24px;
  position: relative;
}

.address-form-text66 {
  font-weight: 500;
}

.address-form-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.address-form-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.address-form-content41, .address-form-form-content, .address-form-form-content-wrapper, .address-form-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.address-form-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-form-content, .address-form-form-content-wrapper {
  align-items: flex-start;
}

.address-form-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.address-form-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.address-form-write-a-short {
  margin-block: 0 14px;
}

.address-form-this-is-also {
  margin: 0;
}

.address-form-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-form-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.address-form-content43, .address-form-input-dropdown8, .address-form-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.address-form-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.address-form-wysiwyg-editor-icon, .address-form-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.address-form-wysiwyg-editor-icon2 {
  display: none;
}

.address-form-icons, .address-form-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.address-form-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.address-form-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.address-form-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.address-form-input16, .address-form-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.address-form-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-textarea-input-field {
  gap: 6px;
}

.address-form-content45, .address-form-file-upload-base1, .address-form-textarea-input-field, .address-form-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.address-form-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.address-form-content45, .address-form-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.address-form-content45 {
  gap: 12px;
}

.address-form-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.address-form-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.address-form-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.address-form-file-type-wrap1, .address-form-item-container, .address-form-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-form-item-info-container {
  flex-direction: row;
  position: relative;
}

.address-form-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.address-form-supporting-text13, .address-form-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.address-form-uploaded-file-name {
  font-weight: 500;
}

.address-form-supporting-text13 {
  color: #475467;
}

.address-form-background, .address-form-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.address-form-progress {
  background-color: #7e56d9;
}

.address-form-item-progress-info, .address-form-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-form-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.address-form-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.address-form-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.address-form-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.address-form-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.address-form-file-upload-item-base, .address-form-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-form-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.address-form-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.address-form-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.address-form-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.address-form-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.address-form-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.address-form-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.address-form-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.address-form-background1, .address-form-progress1 {
  border-radius: 9999px;
  position: relative;
}

.address-form-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.address-form-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.address-form-progress-bar-wrapper, .address-form-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-form-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.address-form-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.address-form-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.address-form-file-upload-item-base1, .address-form-progress-bar-container-parent, .address-form-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-form-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.address-form-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.address-form-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.address-form-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.address-form-file-type-wrap3, .address-form-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.address-form-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.address-form-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.address-form-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-file-upload-item-base2, .address-form-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.address-form-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.address-form-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.address-form-content-wrapper, .address-form-content44, .address-form-file-queue, .address-form-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-form-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.address-form-content-wrapper, .address-form-content44 {
  flex-direction: row;
  max-width: 100%;
}

.address-form-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.address-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.address-form-divider-icon4, .address-form-text73 {
  align-self: stretch;
  position: relative;
}

.address-form-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.address-form-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.address-form-button9, .address-form-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.address-form-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.address-form-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.address-form-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-button10, .address-form-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.address-form-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-text76 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.address-form-map-text-padding8 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.address-form-actions1, .address-form-button11, .address-form-content46, .address-form-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.address-form-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 100px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-button11:hover {
  background-color: #6941c6;
}

.address-form-map-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.address-form-map-button11:hover {
  background-color: #6941c6;
}

.address-form-actions1, .address-form-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.address-form-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.address-form-content46 {
  align-self: stretch;
  gap: 20px;
}

.address-form-main1, .address-form-section-footer, .address-form-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.address-form-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.address-form-main1, .address-form-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.address-form-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.address-form-main1 {
  z-index: 1;
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.address-form-main2 {
  z-index: 1;
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 0 108px;
  display: flex;
  overflow: hidden;
}

.address-form-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 24px;
}

.address-form-main-parent, .address-form-main-wrapper, .address-form-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.address-form-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.address-form-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  font-size: 16px;
}

.address-form-footer-text {
  line-height: 20px;
  position: relative;
}

.address-form-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.address-form-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.address-form-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.address-form-logo-wrapper1, .address-form-logomark, .address-form-logomark1 {
  flex-direction: row;
  display: flex;
}

.address-form-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.address-form-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.address-form-content47, .address-form-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.address-form-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.address-form-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.address-form-divider-icon5, .address-form-footer1 {
  align-self: stretch;
  overflow: hidden;
}

.address-form-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.address-form-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.address-form-dashboard-frame-layout-setti, .address-form-dashboard-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.address-form-dashboard-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.address-form-dashboard-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  line-height: normal;
  position: relative;
}

.address-form-span {
  color: #f04438;
}

.address-form-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.address-form-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.address-form-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.address-form-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.address-form-transaction-type {
  color: #344054;
}

.address-form-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.address-form-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.address-form-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.address-form-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

@media screen and (width <= 1275px) {
  .address-form-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .address-form-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .address-form-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .address-form-tabs2, .address-form-toggle-header-parent {
    flex-wrap: wrap;
  }

  .address-form-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .address-form-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 750px) {
  .address-form-frame-group {
    gap: 19px;
  }

  .address-form-frame-parent {
    gap: 35px;
  }

  .address-form-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .address-form-main {
    gap: 16px;
  }

  .address-form-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .address-form-actions {
    flex-wrap: wrap;
  }

  .address-form-input-dropdown {
    max-width: 100%;
  }

  .address-form-input-fields, .address-form-toggle-controls {
    flex-wrap: wrap;
  }

  .address-form-input-field1, .address-form-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .address-form-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .address-form-avatar-and-file-upload, .address-form-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .address-form-content41, .address-form-input14 {
    flex-wrap: wrap;
  }

  .address-form-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .address-form-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .address-form-file-upload-item-base, .address-form-file-upload-item-base1, .address-form-file-upload-item-base2, .address-form-frame-div, .address-form-item-progress-container, .address-form-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .address-form-file-upload {
    max-width: 100%;
  }

  .address-form-file-upload, .address-form-main-parent {
    min-width: 100%;
  }

  .address-form-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .address-form-container2 {
    gap: 16px;
  }

  .address-form-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .address-form-frame-parent {
    gap: 17px;
  }

  .address-form-account {
    gap: 23px;
  }

  .address-form-tabs1 {
    flex-wrap: wrap;
  }

  .address-form-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .address-form-content15 {
    gap: 16px;
  }

  .address-form-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .address-form-action {
    flex-wrap: wrap;
  }

  .address-form-content29, .address-form-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .address-form-content41 {
    padding-right: 58px;
  }

  .address-form-input15 {
    flex-wrap: wrap;
  }

  .address-form-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .address-form-item-status {
    margin-left: 0;
  }

  .address-form-content44 {
    gap: 16px;
  }

  .address-form-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .address-form-footer1 {
    gap: 16px;
  }
}

.edit-address-form-profile-content-custom-23 {
  box-sizing: border-box;
  background-color: #fff;
  border: none;
  outline: none;
  flex-direction: row;
  flex: 1;
  align-items: center;
}

.edit-address-profile-form-text63 {
  color: #667085;
  text-align: left;
  min-width: 126px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.edit-address-form-type-container {
  width: 100%;
}

.edit-address-form-dashboard-frame-layout-setti-child, .edit-address-form-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.edit-address-form-dashboard-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.edit-address-form-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.edit-address-form-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.edit-address-form-logo, .edit-address-form-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.edit-address-form-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.edit-address-form-bar-chart-01-icon, .edit-address-form-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.edit-address-form-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.edit-address-form-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.edit-address-form-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.edit-address-form-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.edit-address-form-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.edit-address-form-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.edit-address-form-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.edit-address-form-text2, .edit-address-form-text3 {
  font-family: Inter;
  position: relative;
}

.edit-address-form-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.edit-address-form-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.edit-address-form-badge1, .edit-address-form-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.edit-address-form-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.edit-address-form-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.edit-address-form-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.edit-address-form-navigation, .edit-address-form-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.edit-address-form-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.edit-address-form-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.edit-address-form-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.edit-address-form-search-lg-icon, .edit-address-form-text6 {
  position: relative;
  overflow: hidden;
}

.edit-address-form-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.edit-address-form-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.edit-address-form-content3, .edit-address-form-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.edit-address-form-content3 {
  flex: 1;
  gap: 8px;
}

.edit-address-form-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-frame-group, .edit-address-form-frame-parent, .edit-address-form-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.edit-address-form-frame-group, .edit-address-form-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.edit-address-form-frame-group {
  flex: 1;
  gap: 38px;
}

.edit-address-form-frame-parent {
  gap: 70px;
  width: 754px;
}

.edit-address-form-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.edit-address-form-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.edit-address-form-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.edit-address-form-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.edit-address-form-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.edit-address-form-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.edit-address-form-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.edit-address-form-dashboard-frame-layout-setti-inner, .edit-address-form-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.edit-address-form-rectangle-parent {
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.edit-address-form-dashboard-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.edit-address-form-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.edit-address-form-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 134px;
  display: flex;
}

.edit-address-form-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.edit-address-form-nav-item-button2, .edit-address-form-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.edit-address-form-nav-item-button3 {
  background-color: #f9fafb;
}

.edit-address-form-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.edit-address-form-navigation1, .edit-address-form-navigation2, .edit-address-form-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-navigation1 {
  padding: 32px 0 0;
}

.edit-address-form-navigation3 {
  gap: 8px;
}

.edit-address-form-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.edit-address-form-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.edit-address-form-content4, .edit-address-form-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.edit-address-form-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.edit-address-form-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.edit-address-form-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.edit-address-form-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.edit-address-form-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.edit-address-form-badge3, .edit-address-form-content6, .edit-address-form-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.edit-address-form-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.edit-address-form-badge3, .edit-address-form-nav-item-base3 {
  background-color: #f9fafb;
}

.edit-address-form-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.edit-address-form-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.edit-address-form-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.edit-address-form-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.edit-address-form-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.edit-address-form-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.edit-address-form-badge4, .edit-address-form-content8, .edit-address-form-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.edit-address-form-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.edit-address-form-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.edit-address-form-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.edit-address-form-content12, .edit-address-form-content5, .edit-address-form-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.edit-address-form-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.edit-address-form-content5, .edit-address-form-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.edit-address-form-navigation4 {
  color: #344054;
  gap: 4px;
}

.edit-address-form-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.edit-address-form-supporting-text, .edit-address-form-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.edit-address-form-title {
  font-weight: 600;
}

.edit-address-form-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.edit-address-form-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.edit-address-form-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.edit-address-form-account, .edit-address-form-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.edit-address-form-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.edit-address-form-breadcrumb-button-base, .edit-address-form-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  height: 1480px;
  overflow: hidden;
}

.edit-address-form-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.edit-address-form-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.edit-address-form-text22 {
  color: inherit;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.edit-address-form-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.edit-address-form-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.edit-address-form-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.edit-address-form-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.edit-address-form-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.edit-address-form-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.edit-address-form-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.edit-address-form-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.edit-address-form-tabs {
  gap: 8px;
}

.edit-address-form-breadcrumbs, .edit-address-form-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.edit-address-form-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.edit-address-form-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.edit-address-form-container {
  padding: 0 32px;
}

.edit-address-form-container, .edit-address-form-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.edit-address-form-main, .edit-address-form-main-child, .edit-address-form-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.edit-address-form-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.edit-address-form-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.edit-address-form-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-breadcrumb-button-base6, .edit-address-form-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.edit-address-form-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.edit-address-form-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.edit-address-form-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.edit-address-form-breadcrumbs1, .edit-address-form-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.edit-address-form-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.edit-address-form-breadcrumbs1 {
  width: 278px;
  display: none;
}

.edit-address-form-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.edit-address-form-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.edit-address-form-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.edit-address-form-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.edit-address-form-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.edit-address-form-button, .edit-address-form-button1, .edit-address-form-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.edit-address-form-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.edit-address-form-button1, .edit-address-form-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.edit-address-form-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.edit-address-form-actions, .edit-address-form-button2, .edit-address-form-button3 {
  flex-direction: row;
  align-items: center;
}

.edit-address-form-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.edit-address-form-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.edit-address-form-input-with-label1, .edit-address-form-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.edit-address-form-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.edit-address-form-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.edit-address-form-content13, .edit-address-form-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.edit-address-form-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.edit-address-form-content13, .edit-address-form-divider-icon2, .edit-address-form-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.edit-address-form-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.edit-address-form-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.edit-address-form-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.edit-address-form-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.edit-address-form-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.edit-address-form-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.edit-address-form-badge-count, .edit-address-form-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.edit-address-form-badge10, .edit-address-form-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.edit-address-form-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.edit-address-form-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.edit-address-form-text39, .edit-address-form-text40, .edit-address-form-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-text40, .edit-address-form-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.edit-address-form-text43 {
  min-width: 83px;
}

.edit-address-form-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.edit-address-form-text45, .edit-address-form-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-text46 {
  min-width: 24px;
}

.edit-address-form-tab-button-base9, .edit-address-form-tabs2 {
  flex-direction: row;
  display: flex;
}

.edit-address-form-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.edit-address-form-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.edit-address-form-container1, .edit-address-form-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.edit-address-form-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.edit-address-form-container1 {
  gap: 24px;
  padding: 0 32px;
}

.edit-address-form-container1, .edit-address-form-header-content, .edit-address-form-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.edit-address-form-header-section1 {
  flex-direction: column;
  flex: 1;
}

.edit-address-form-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.edit-address-form-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.edit-address-form-button4, .edit-address-form-button5, .edit-address-form-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.edit-address-form-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.edit-address-form-button4, .edit-address-form-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.edit-address-form-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.edit-address-form-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.edit-address-form-supporting-text2, .edit-address-form-toggle-title {
  align-self: stretch;
  position: relative;
}

.edit-address-form-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.edit-address-form-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.edit-address-form-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.edit-address-form-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.edit-address-form-button6, .edit-address-form-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.edit-address-form-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  position: relative;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.edit-address-form-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
}

.edit-address-form-supporting-text3, .edit-address-form-switch-label {
  line-height: 20px;
  position: relative;
}

.edit-address-form-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  display: inline-block;
}

.edit-address-form-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.edit-address-form-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.edit-address-form-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-text49 {
  color: #fff;
  text-align: left;
  min-width: 110px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-button8, .edit-address-form-toggle-controls, .edit-address-form-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-toggle-controls, .edit-address-form-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.edit-address-form-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.edit-address-form-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.edit-address-form-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.edit-address-form-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.edit-address-form-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.edit-address-form-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.edit-address-form-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.edit-address-form-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.edit-address-form-input-field, .edit-address-form-input2 {
  justify-content: flex-start;
  display: flex;
}

.edit-address-form-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.edit-address-form-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.edit-address-form-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.edit-address-form-content15, .edit-address-form-content17, .edit-address-form-input-fields, .edit-address-form-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.edit-address-form-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-content15, .edit-address-form-input-fields {
  align-items: flex-start;
}

.edit-address-form-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.edit-address-form-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.edit-address-form-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.edit-address-form-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.edit-address-form-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.edit-address-form-content19, .edit-address-form-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.edit-address-form-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.edit-address-form-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-hint-text2 {
  width: 320px;
  line-height: 20px;
  position: relative;
}

.edit-address-form-content18, .edit-address-form-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.edit-address-form-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.edit-address-form-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.edit-address-form-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.edit-address-form-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.edit-address-form-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.edit-address-form-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.edit-address-form-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.edit-address-form-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.edit-address-form-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.edit-address-form-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.edit-address-form-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.edit-address-form-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.edit-address-form-cursor-icon, .edit-address-form-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.edit-address-form-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.edit-address-form-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.edit-address-form-content23, .edit-address-form-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.edit-address-form-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.edit-address-form-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.edit-address-form-avatar-and-file-upload, .edit-address-form-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.edit-address-form-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.edit-address-form-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.edit-address-form-supporting-text6, .edit-address-form-text59 {
  line-height: 24px;
  position: relative;
}

.edit-address-form-text59 {
  min-width: 208px;
  font-weight: 500;
  display: inline-block;
}

.edit-address-form-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.edit-address-form-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
}

.edit-address-form-content29, .edit-address-form-input-dropdown1, .edit-address-form-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.edit-address-form-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.edit-address-form-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.edit-address-form-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.edit-address-form-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-content33, .edit-address-form-input10, .edit-address-form-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.edit-address-form-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.edit-address-form-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.edit-address-form-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.edit-address-form-supporting-text8, .edit-address-form-text66 {
  line-height: 24px;
  position: relative;
}

.edit-address-form-text66 {
  font-weight: 500;
}

.edit-address-form-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.edit-address-form-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.edit-address-form-content41, .edit-address-form-form-content, .edit-address-form-form-content-wrapper, .edit-address-form-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.edit-address-form-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-form-content, .edit-address-form-form-content-wrapper {
  align-items: flex-start;
}

.edit-address-form-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.edit-address-form-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.edit-address-form-write-a-short {
  margin-block: 0 14px;
}

.edit-address-form-this-is-also {
  margin: 0;
}

.edit-address-form-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.edit-address-form-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.edit-address-form-content43, .edit-address-form-input-dropdown8, .edit-address-form-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.edit-address-form-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.edit-address-form-wysiwyg-editor-icon, .edit-address-form-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.edit-address-form-wysiwyg-editor-icon2 {
  display: none;
}

.edit-address-form-icons, .edit-address-form-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.edit-address-form-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.edit-address-form-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.edit-address-form-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.edit-address-form-input16, .edit-address-form-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.edit-address-form-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-textarea-input-field {
  gap: 6px;
}

.edit-address-form-content45, .edit-address-form-file-upload-base1, .edit-address-form-textarea-input-field, .edit-address-form-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.edit-address-form-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.edit-address-form-content45, .edit-address-form-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.edit-address-form-content45 {
  gap: 12px;
}

.edit-address-form-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.edit-address-form-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.edit-address-form-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.edit-address-form-file-type-wrap1, .edit-address-form-item-container, .edit-address-form-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-item-info-container {
  flex-direction: row;
  position: relative;
}

.edit-address-form-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.edit-address-form-supporting-text13, .edit-address-form-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.edit-address-form-uploaded-file-name {
  font-weight: 500;
}

.edit-address-form-supporting-text13 {
  color: #475467;
}

.edit-address-form-background, .edit-address-form-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.edit-address-form-progress {
  background-color: #7e56d9;
}

.edit-address-form-item-progress-info, .edit-address-form-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.edit-address-form-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.edit-address-form-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.edit-address-form-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.edit-address-form-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.edit-address-form-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.edit-address-form-file-upload-item-base, .edit-address-form-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.edit-address-form-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.edit-address-form-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.edit-address-form-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.edit-address-form-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.edit-address-form-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.edit-address-form-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.edit-address-form-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.edit-address-form-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.edit-address-form-background1, .edit-address-form-progress1 {
  border-radius: 9999px;
  position: relative;
}

.edit-address-form-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.edit-address-form-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.edit-address-form-progress-bar-wrapper, .edit-address-form-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.edit-address-form-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.edit-address-form-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.edit-address-form-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.edit-address-form-file-upload-item-base1, .edit-address-form-progress-bar-container-parent, .edit-address-form-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.edit-address-form-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.edit-address-form-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.edit-address-form-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.edit-address-form-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.edit-address-form-file-type-wrap3, .edit-address-form-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.edit-address-form-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.edit-address-form-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.edit-address-form-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-file-upload-item-base2, .edit-address-form-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.edit-address-form-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.edit-address-form-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.edit-address-form-content-wrapper, .edit-address-form-content44, .edit-address-form-file-queue, .edit-address-form-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.edit-address-form-content-wrapper, .edit-address-form-content44 {
  flex-direction: row;
  max-width: 100%;
}

.edit-address-form-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.edit-address-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.edit-address-form-divider-icon4, .edit-address-form-text73 {
  align-self: stretch;
  position: relative;
}

.edit-address-form-divider-icon4 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.edit-address-form-text73 {
  white-space: nowrap;
  font-weight: 600;
  line-height: 20px;
}

.edit-address-form-button9, .edit-address-form-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.edit-address-form-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.edit-address-form-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.edit-address-form-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-button10, .edit-address-form-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.edit-address-form-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-text76 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-text-padding8 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.edit-address-form-actions1, .edit-address-form-button11, .edit-address-form-content46, .edit-address-form-text-padding8 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.edit-address-form-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 65px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.edit-address-form-actions1, .edit-address-form-content46 {
  justify-content: flex-end;
  max-width: 100%;
}

.edit-address-form-actions1 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.edit-address-form-content46 {
  align-self: stretch;
  gap: 20px;
}

.edit-address-form-main1, .edit-address-form-section-footer, .edit-address-form-upload-footer {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.edit-address-form-section-footer {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 20px;
}

.edit-address-form-main1, .edit-address-form-upload-footer {
  box-sizing: border-box;
  align-items: flex-start;
}

.edit-address-form-upload-footer {
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.edit-address-form-main1 {
  z-index: 1;
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 20px;
  padding: 32px 0 48px;
  overflow: hidden;
}

.edit-address-form-main2 {
  z-index: 1;
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 0 108px;
  display: flex;
  overflow: hidden;
}

.edit-address-form-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 24px;
}

.edit-address-form-main-parent, .edit-address-form-main-wrapper, .edit-address-form-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.edit-address-form-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-family: Inter;
  font-size: 14px;
}

.edit-address-form-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  min-height: 1300px;
  margin-top: -134px;
  font-size: 16px;
}

.edit-address-form-footer-text {
  line-height: 20px;
  position: relative;
}

.edit-address-form-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.edit-address-form-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.edit-address-form-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.edit-address-form-logo-wrapper1, .edit-address-form-logomark, .edit-address-form-logomark1 {
  flex-direction: row;
  display: flex;
}

.edit-address-form-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.edit-address-form-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.edit-address-form-content47, .edit-address-form-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.edit-address-form-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.edit-address-form-divider-icon5, .edit-address-form-footer1 {
  align-self: stretch;
  margin-top: -134px;
  overflow: hidden;
}

.edit-address-form-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.edit-address-form-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.edit-address-form-dashboard-frame-layout-setti, .edit-address-form-dashboard-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.edit-address-form-dashboard-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.edit-address-form-dashboard-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  line-height: normal;
  position: relative;
}

.edit-address-form-span {
  color: #f04438;
}

.edit-address-form-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.edit-address-form-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.edit-address-form-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.edit-address-form-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.edit-address-form-transaction-type {
  color: #344054;
}

.edit-address-form-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.edit-address-form-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.edit-address-form-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.edit-address-form-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

@media screen and (width <= 1275px) {
  .edit-address-form-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .edit-address-form-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .edit-address-form-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .edit-address-form-tabs2, .edit-address-form-toggle-header-parent {
    flex-wrap: wrap;
  }

  .edit-address-form-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .edit-address-form-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 750px) {
  .edit-address-form-frame-group {
    gap: 19px;
  }

  .edit-address-form-frame-parent {
    gap: 35px;
  }

  .edit-address-form-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .edit-address-form-main {
    gap: 16px;
  }

  .edit-address-form-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .edit-address-form-actions {
    flex-wrap: wrap;
  }

  .edit-address-form-input-dropdown {
    max-width: 100%;
  }

  .edit-address-form-input-fields, .edit-address-form-toggle-controls {
    flex-wrap: wrap;
  }

  .edit-address-form-input-field1, .edit-address-form-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .edit-address-form-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .edit-address-form-avatar-and-file-upload, .edit-address-form-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .edit-address-form-content41, .edit-address-form-input14 {
    flex-wrap: wrap;
  }

  .edit-address-form-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .edit-address-form-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .edit-address-form-file-upload-item-base, .edit-address-form-file-upload-item-base1, .edit-address-form-file-upload-item-base2, .edit-address-form-frame-div, .edit-address-form-item-progress-container, .edit-address-form-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .edit-address-form-file-upload {
    max-width: 100%;
  }

  .edit-address-form-file-upload, .edit-address-form-main-parent {
    min-width: 100%;
  }

  .edit-address-form-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .edit-address-form-container2 {
    gap: 16px;
  }

  .edit-address-form-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .edit-address-form-frame-parent {
    gap: 17px;
  }

  .edit-address-form-account {
    gap: 23px;
  }

  .edit-address-form-tabs1 {
    flex-wrap: wrap;
  }

  .edit-address-form-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .edit-address-form-content15 {
    gap: 16px;
  }

  .edit-address-form-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .edit-address-form-action {
    flex-wrap: wrap;
  }

  .edit-address-form-content29, .edit-address-form-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .edit-address-form-content41 {
    padding-right: 58px;
  }

  .edit-address-form-input15 {
    flex-wrap: wrap;
  }

  .edit-address-form-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .edit-address-form-item-status {
    margin-left: 0;
  }

  .edit-address-form-content44 {
    gap: 16px;
  }

  .edit-address-form-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .edit-address-form-footer1 {
    gap: 16px;
  }
}

.sales-iq-detail-page-social-share-popup {
  width: 130px;
  position: absolute;
  right: 35px;
}

.sales-iq-detail-device-main-custom {
  width: 100% !important;
}

.sales-iq-detail-device-search-lg-icon-custom {
  cursor: pointer;
}

.sales-iq-detail-device-sales-iq-detail-device-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.sales-iq-detail-device-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-device-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-badge1, .sales-iq-detail-device-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sales-iq-detail-device-navigation, .sales-iq-detail-device-search-input {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.sales-iq-detail-device-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-content3, .sales-iq-detail-device-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-content3 {
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-device-divider-icon, .sales-iq-detail-device-home-line-icon {
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.sales-iq-detail-device-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sales-iq-detail-device-content12, .sales-iq-detail-device-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.sales-iq-detail-device-content5, .sales-iq-detail-device-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.sales-iq-detail-device-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.sales-iq-detail-device-supporting-text, .sales-iq-detail-device-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-device-title {
  font-weight: 600;
}

.sales-iq-detail-device-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.sales-iq-detail-device-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.sales-iq-detail-device-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.sales-iq-detail-device-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-device-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.sales-iq-detail-device-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-device-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.sales-iq-detail-device-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-breadcrumb-button-base4 {
  color: #344054;
  background-color: #0000;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.sales-iq-detail-device-tabs {
  gap: 8px;
}

.sales-iq-detail-device-breadcrumbs, .sales-iq-detail-device-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-heading, .sales-iq-detail-device-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.sales-iq-detail-device-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-detail-device-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.sales-iq-detail-device-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-device-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-device-button, .sales-iq-detail-device-button1, .sales-iq-detail-device-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-device-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.sales-iq-detail-device-button1, .sales-iq-detail-device-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.sales-iq-detail-device-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.sales-iq-detail-device-actions, .sales-iq-detail-device-button2, .sales-iq-detail-device-button3 {
  flex-direction: row;
  align-items: center;
}

.sales-iq-detail-device-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.sales-iq-detail-device-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-button4, .sales-iq-detail-device-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.sales-iq-detail-device-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-button6, .sales-iq-detail-device-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-device-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-content13, .sales-iq-detail-device-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.sales-iq-detail-device-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.sales-iq-detail-device-content13, .sales-iq-detail-device-divider-icon1, .sales-iq-detail-device-page-header {
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-device-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-device-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-device-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-button-group-base1, .sales-iq-detail-device-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-device-button-group-base2 {
  width: 77px;
}

.sales-iq-detail-device-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-device-button-group-base3, .sales-iq-detail-device-button-group-base4, .sales-iq-detail-device-button-group-base5, .sales-iq-detail-device-button-group-base6, .sales-iq-detail-device-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.sales-iq-detail-device-button-group-base4, .sales-iq-detail-device-button-group-base5, .sales-iq-detail-device-button-group-base6, .sales-iq-detail-device-button-group-base7 {
  z-index: 4;
}

.sales-iq-detail-device-button-group-base5, .sales-iq-detail-device-button-group-base6, .sales-iq-detail-device-button-group-base7 {
  z-index: 3;
}

.sales-iq-detail-device-button-group-base6, .sales-iq-detail-device-button-group-base7 {
  z-index: 2;
}

.sales-iq-detail-device-button-group-base7 {
  z-index: 1;
}

.sales-iq-detail-device-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-button-group, .sales-iq-detail-device-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-device-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.sales-iq-detail-device-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-actions2, .sales-iq-detail-device-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.sales-iq-detail-device-container, .sales-iq-detail-device-header-section, .sales-iq-detail-device-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.sales-iq-detail-device-container, .sales-iq-detail-device-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.sales-iq-detail-device-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.sales-iq-detail-device-header-section {
  flex-shrink: 0;
}

.sales-iq-detail-device-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-device-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.sales-iq-detail-device-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-device-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-device-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-color2, .sales-iq-detail-device-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-device-color3 {
  background-color: #17b26a;
}

.sales-iq-detail-device-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.sales-iq-detail-device-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-device-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-device-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.sales-iq-detail-device-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.sales-iq-detail-device-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-device-divider, .sales-iq-detail-device-y-axis-line, .sales-iq-detail-device-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-device-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.sales-iq-detail-device-y-axis-line, .sales-iq-detail-device-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.sales-iq-detail-device-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.sales-iq-detail-device-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.sales-iq-detail-device-y-axis, .sales-iq-detail-device-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-device-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.sales-iq-detail-device-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.sales-iq-detail-device-jan, .sales-iq-detail-device-jul, .sales-iq-detail-device-jun, .sales-iq-detail-device-mar, .sales-iq-detail-device-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-jul, .sales-iq-detail-device-jun, .sales-iq-detail-device-mar, .sales-iq-detail-device-may {
  min-width: 23px;
}

.sales-iq-detail-device-jul, .sales-iq-detail-device-jun, .sales-iq-detail-device-may {
  min-width: 25px;
}

.sales-iq-detail-device-jul, .sales-iq-detail-device-jun {
  min-width: 22px;
}

.sales-iq-detail-device-jul {
  min-width: 17px;
}

.sales-iq-detail-device-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-device-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.sales-iq-detail-device-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-device-line-and-bar-chart, .sales-iq-detail-device-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-line-and-bar-chart {
  flex: 1;
}

.sales-iq-detail-device-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.sales-iq-detail-device-heading1, .sales-iq-detail-device-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-device-number {
  white-space: nowrap;
  line-height: 38px;
}

.sales-iq-detail-device-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-change-and-text, .sales-iq-detail-device-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-device-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.sales-iq-detail-device-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.sales-iq-detail-device-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-device-dropdown, .sales-iq-detail-device-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.sales-iq-detail-device-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-detail-device-change-and-text1, .sales-iq-detail-device-container1, .sales-iq-detail-device-metric-group, .sales-iq-detail-device-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sales-iq-detail-device-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-device-container1, .sales-iq-detail-device-metric-group, .sales-iq-detail-device-section {
  align-items: flex-start;
  max-width: 100%;
}

.sales-iq-detail-device-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.sales-iq-detail-device-container1, .sales-iq-detail-device-section {
  flex-direction: column;
}

.sales-iq-detail-device-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.sales-iq-detail-device-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.sales-iq-detail-device-separator, .sales-iq-detail-device-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.sales-iq-detail-device-separator1 {
  height: 43px;
}

.sales-iq-detail-device-main, .sales-iq-detail-device-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.sales-iq-detail-device-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.sales-iq-detail-device-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-device-breadcrumb-button-base6, .sales-iq-detail-device-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.sales-iq-detail-device-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.sales-iq-detail-device-breadcrumbs1, .sales-iq-detail-device-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.sales-iq-detail-device-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.sales-iq-detail-device-breadcrumbs1 {
  width: 278px;
  display: none;
}

.sales-iq-detail-device-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.sales-iq-detail-device-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.sales-iq-detail-device-content16, .sales-iq-detail-device-input-with-label1, .sales-iq-detail-device-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.sales-iq-detail-device-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sales-iq-detail-device-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.sales-iq-detail-device-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.sales-iq-detail-device-content15, .sales-iq-detail-device-page-header-wrapper, .sales-iq-detail-device-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.sales-iq-detail-device-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.sales-iq-detail-device-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-device-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.sales-iq-detail-device-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.sales-iq-detail-device-text49, .sales-iq-detail-device-text50, .sales-iq-detail-device-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-text50, .sales-iq-detail-device-text51 {
  min-width: 62px;
}

.sales-iq-detail-device-text51 {
  min-width: 34px;
}

.sales-iq-detail-device-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.sales-iq-detail-device-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-device-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.sales-iq-detail-device-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sales-iq-detail-device-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-device-tab-button-base7, .sales-iq-detail-device-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.sales-iq-detail-device-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.sales-iq-detail-device-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.sales-iq-detail-device-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.sales-iq-detail-device-horizontal-tabs, .sales-iq-detail-device-horizontal-tabs-wrapper, .sales-iq-detail-device-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-device-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.sales-iq-detail-device-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-device-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.sales-iq-detail-device-dropdown3, .sales-iq-detail-device-metric-card, .sales-iq-detail-device-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.sales-iq-detail-device-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.sales-iq-detail-device-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-device-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.sales-iq-detail-device-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.sales-iq-detail-device-frame-inner, .sales-iq-detail-device-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.sales-iq-detail-device-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.sales-iq-detail-device-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-heading5, .sales-iq-detail-device-number4 {
  z-index: 1;
  position: relative;
}

.sales-iq-detail-device-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-device-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.sales-iq-detail-device-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.sales-iq-detail-device-badge12, .sales-iq-detail-device-frame-container, .sales-iq-detail-device-heading-parent, .sales-iq-detail-device-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.sales-iq-detail-device-frame-container, .sales-iq-detail-device-rectangle-container {
  box-sizing: border-box;
}

.sales-iq-detail-device-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.sales-iq-detail-device-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.sales-iq-detail-device-heading-group {
  gap: 8px;
  width: 153px;
}

.sales-iq-detail-device-dropdown7, .sales-iq-detail-device-heading-container, .sales-iq-detail-device-heading-group, .sales-iq-detail-device-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-heading-container {
  gap: 8px;
  width: 163px;
}

.sales-iq-detail-device-dropdown7, .sales-iq-detail-device-heading-parent1 {
  flex-shrink: 0;
}

.sales-iq-detail-device-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.sales-iq-detail-device-dropdown7 {
  z-index: 1;
}

.sales-iq-detail-device-frame-group, .sales-iq-detail-device-frame-wrapper, .sales-iq-detail-device-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.sales-iq-detail-device-frame-group, .sales-iq-detail-device-frame-wrapper {
  max-width: 100%;
}

.sales-iq-detail-device-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.sales-iq-detail-device-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.sales-iq-detail-device-text62, .sales-iq-detail-device-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-text63 {
  min-width: 74px;
}

.sales-iq-detail-device-buttonsbutton4, .sales-iq-detail-device-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.sales-iq-detail-device-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-dropdowns, .sales-iq-detail-device-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.sales-iq-detail-device-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-input-dropdown2, .sales-iq-detail-device-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.sales-iq-detail-device-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.sales-iq-detail-device-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.sales-iq-detail-device-content17, .sales-iq-detail-device-filters-bar, .sales-iq-detail-device-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.sales-iq-detail-device-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.sales-iq-detail-device-frame-child3, .sales-iq-detail-device-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.sales-iq-detail-device-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.sales-iq-detail-device-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.sales-iq-detail-device-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-device-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.sales-iq-detail-device-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-device-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-detail-device-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-location-badge, .sales-iq-detail-device-location-badge-number, .sales-iq-detail-device-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.sales-iq-detail-device-location-badge, .sales-iq-detail-device-type-number {
  box-sizing: border-box;
}

.sales-iq-detail-device-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.sales-iq-detail-device-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.sales-iq-detail-device-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.sales-iq-detail-device-location-elements, .sales-iq-detail-device-type-badge-elements, .sales-iq-detail-device-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.sales-iq-detail-device-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.sales-iq-detail-device-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-device-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-device-badge-elements, .sales-iq-detail-device-badge-elements-wrapper, .sales-iq-detail-device-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.sales-iq-detail-device-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.sales-iq-detail-device-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-action-fields, .sales-iq-detail-device-card-elements, .sales-iq-detail-device-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.sales-iq-detail-device-action-fields, .sales-iq-detail-device-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.sales-iq-detail-device-input-elements {
  align-self: stretch;
  gap: 16px;
}

.sales-iq-detail-device-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.sales-iq-detail-device-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-device-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-device-frame-wrapper3, .sales-iq-detail-device-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.sales-iq-detail-device-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.sales-iq-detail-device-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.sales-iq-detail-device-dropdown-elements, .sales-iq-detail-device-dropdown-options-parent, .sales-iq-detail-device-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.sales-iq-detail-device-price-parent {
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-device-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.sales-iq-detail-device-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-detail-device-content-actions, .sales-iq-detail-device-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.sales-iq-detail-device-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.sales-iq-detail-device-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.sales-iq-detail-device-name, .sales-iq-detail-device-role {
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.sales-iq-detail-device-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.sales-iq-detail-device-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-detail-device-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.sales-iq-detail-device-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.sales-iq-detail-device-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-buttonsbutton8, .sales-iq-detail-device-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-device-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.sales-iq-detail-device-buttonsbutton-parent, .sales-iq-detail-device-primary-table, .sales-iq-detail-device-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.sales-iq-detail-device-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.sales-iq-detail-device-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.sales-iq-detail-device-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-content-items, .sales-iq-detail-device-help-avatar, .sales-iq-detail-device-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.sales-iq-detail-device-content-items, .sales-iq-detail-device-rectangle-parent3 {
  box-sizing: border-box;
}

.sales-iq-detail-device-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.sales-iq-detail-device-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.sales-iq-detail-device-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-device-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-device-badge-parent, .sales-iq-detail-device-badge23, .sales-iq-detail-device-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.sales-iq-detail-device-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-device-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-badge23, .sales-iq-detail-device-badge24, .sales-iq-detail-device-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.sales-iq-detail-device-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.sales-iq-detail-device-badge24, .sales-iq-detail-device-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-badge-elements-copy, .sales-iq-detail-device-badge25, .sales-iq-detail-device-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.sales-iq-detail-device-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.sales-iq-detail-device-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-device-badge26, .sales-iq-detail-device-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.sales-iq-detail-device-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-badge27, .sales-iq-detail-device-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.sales-iq-detail-device-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.sales-iq-detail-device-frame-parent1, .sales-iq-detail-device-frame-parent2, .sales-iq-detail-device-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.sales-iq-detail-device-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.sales-iq-detail-device-frame-child5, .sales-iq-detail-device-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.sales-iq-detail-device-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.sales-iq-detail-device-frame-child7, .sales-iq-detail-device-text78 {
  z-index: 2;
  position: relative;
}

.sales-iq-detail-device-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.sales-iq-detail-device-text78 {
  font-weight: 600;
  line-height: 28px;
}

.sales-iq-detail-device-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-location3, .sales-iq-detail-device-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-type-of-work2 {
  min-width: 109px;
}

.sales-iq-detail-device-frame-parent12, .sales-iq-detail-device-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.sales-iq-detail-device-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.sales-iq-detail-device-badge29, .sales-iq-detail-device-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.sales-iq-detail-device-badge30 {
  width: 76px;
}

.sales-iq-detail-device-badge-container, .sales-iq-detail-device-badge30, .sales-iq-detail-device-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.sales-iq-detail-device-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-device-badge-container, .sales-iq-detail-device-badge32, .sales-iq-detail-device-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.sales-iq-detail-device-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.sales-iq-detail-device-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.sales-iq-detail-device-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge33, .sales-iq-detail-device-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-device-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.sales-iq-detail-device-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-price2, .sales-iq-detail-device-text83 {
  position: relative;
}

.sales-iq-detail-device-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.sales-iq-detail-device-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-device-radar-1-1-container, .sales-iq-detail-device-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.sales-iq-detail-device-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.sales-iq-detail-device-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.sales-iq-detail-device-name2, .sales-iq-detail-device-role2 {
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.sales-iq-detail-device-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.sales-iq-detail-device-buttonsbutton13, .sales-iq-detail-device-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-device-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.sales-iq-detail-device-buttonsbutton14, .sales-iq-detail-device-buttonsbutton15, .sales-iq-detail-device-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.sales-iq-detail-device-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.sales-iq-detail-device-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.sales-iq-detail-device-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.sales-iq-detail-device-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-frame-wrapper16, .sales-iq-detail-device-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.sales-iq-detail-device-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.sales-iq-detail-device-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.sales-iq-detail-device-divider-icon5, .sales-iq-detail-device-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.sales-iq-detail-device-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-device-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-device-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.sales-iq-detail-device-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge34, .sales-iq-detail-device-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.sales-iq-detail-device-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-device-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-badge36, .sales-iq-detail-device-badge37, .sales-iq-detail-device-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.sales-iq-detail-device-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-device-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.sales-iq-detail-device-badge38, .sales-iq-detail-device-frame-parent26, .sales-iq-detail-device-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.sales-iq-detail-device-badge39, .sales-iq-detail-device-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.sales-iq-detail-device-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-element-details-child, .sales-iq-detail-device-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.sales-iq-detail-device-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.sales-iq-detail-device-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-detail-device-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.sales-iq-detail-device-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-device-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-detail-device-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-device-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-date-icon, .sales-iq-detail-device-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-type-label {
  color: #101828;
  font-size: 14px;
}

.sales-iq-detail-device-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.sales-iq-detail-device-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-device-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-work-type-icon, .sales-iq-detail-device-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.sales-iq-detail-device-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.sales-iq-detail-device-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.sales-iq-detail-device-action-icons, .sales-iq-detail-device-calendar-icon6, .sales-iq-detail-device-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.sales-iq-detail-device-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.sales-iq-detail-device-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.sales-iq-detail-device-element-actions, .sales-iq-detail-device-element-details-parent, .sales-iq-detail-device-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.sales-iq-detail-device-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.sales-iq-detail-device-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.sales-iq-detail-device-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-device-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.sales-iq-detail-device-frame-parent32, .sales-iq-detail-device-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.sales-iq-detail-device-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.sales-iq-detail-device-dropdown-parent1, .sales-iq-detail-device-frame-parent31, .sales-iq-detail-device-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.sales-iq-detail-device-dropdown-parent1, .sales-iq-detail-device-frame-parent31 {
  align-items: flex-end;
}

.sales-iq-detail-device-frame-parent31 {
  flex: 1;
}

.sales-iq-detail-device-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.sales-iq-detail-device-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.sales-iq-detail-device-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.sales-iq-detail-device-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.sales-iq-detail-device-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-device-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.sales-iq-detail-device-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.sales-iq-detail-device-span {
  font-weight: 500;
}

.sales-iq-detail-device-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.sales-iq-detail-device-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-device-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-frame-parent36, .sales-iq-detail-device-frame-parent37, .sales-iq-detail-device-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-device-frame-parent37, .sales-iq-detail-device-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.sales-iq-detail-device-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.sales-iq-detail-device-text105, .sales-iq-detail-device-text106, .sales-iq-detail-device-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-device-text105, .sales-iq-detail-device-text106 {
  display: inline-block;
}

.sales-iq-detail-device-text105 {
  min-width: 103px;
}

.sales-iq-detail-device-text106 {
  flex-shrink: 0;
  width: 151px;
}

.sales-iq-detail-device-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.sales-iq-detail-device-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.sales-iq-detail-device-supporting-text20, .sales-iq-detail-device-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-supporting-text20 {
  min-width: 70.9px;
}

.sales-iq-detail-device-supporting-text21 {
  width: 104px;
}

.sales-iq-detail-device-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-device-frame-parent33, .sales-iq-detail-device-frame-parent34, .sales-iq-detail-device-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.sales-iq-detail-device-frame-parent33, .sales-iq-detail-device-frame-parent34 {
  flex: 1;
}

.sales-iq-detail-device-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.sales-iq-detail-device-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.sales-iq-detail-device-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-buttonsbutton-wrapper, .sales-iq-detail-device-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.sales-iq-detail-device-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-dropdown-parent2, .sales-iq-detail-device-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.sales-iq-detail-device-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.sales-iq-detail-device-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.sales-iq-detail-device-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-device-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.sales-iq-detail-device-content-items5, .sales-iq-detail-device-frame-child16, .sales-iq-detail-device-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.sales-iq-detail-device-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-device-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-device-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.sales-iq-detail-device-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.sales-iq-detail-device-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-device-frame-parent39, .sales-iq-detail-device-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.sales-iq-detail-device-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.sales-iq-detail-device-dropdown14, .sales-iq-detail-device-text112 {
  z-index: 1;
  position: absolute;
}

.sales-iq-detail-device-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.sales-iq-detail-device-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.sales-iq-detail-device-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-device-price6, .sales-iq-detail-device-text113 {
  z-index: 1;
  position: relative;
}

.sales-iq-detail-device-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.sales-iq-detail-device-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.sales-iq-detail-device-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.sales-iq-detail-device-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.sales-iq-detail-device-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-device-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.sales-iq-detail-device-frame-parent46, .sales-iq-detail-device-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.sales-iq-detail-device-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.sales-iq-detail-device-frame-parent45, .sales-iq-detail-device-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.sales-iq-detail-device-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.sales-iq-detail-device-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.sales-iq-detail-device-card-container-child, .sales-iq-detail-device-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.sales-iq-detail-device-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.sales-iq-detail-device-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-device-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-detail-device-dropdown15, .sales-iq-detail-device-item-title {
  z-index: 2;
  position: absolute;
}

.sales-iq-detail-device-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.sales-iq-detail-device-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.sales-iq-detail-device-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-device-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-device-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.sales-iq-detail-device-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.sales-iq-detail-device-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-device-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-device-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.sales-iq-detail-device-card-container, .sales-iq-detail-device-card-list, .sales-iq-detail-device-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.sales-iq-detail-device-card-container, .sales-iq-detail-device-card-list {
  align-items: flex-start;
}

.sales-iq-detail-device-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.sales-iq-detail-device-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.sales-iq-detail-device-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.sales-iq-detail-device-frame-wrapper37, .sales-iq-detail-device-price-wrapper, .sales-iq-detail-device-text-wrapper18, .sales-iq-detail-device-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.sales-iq-detail-device-frame-wrapper37, .sales-iq-detail-device-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.sales-iq-detail-device-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.sales-iq-detail-device-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.sales-iq-detail-device-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.sales-iq-detail-device-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.sales-iq-detail-device-buttonsbutton-frame, .sales-iq-detail-device-frame-parent64, .sales-iq-detail-device-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.sales-iq-detail-device-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.sales-iq-detail-device-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.sales-iq-detail-device-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-device-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-change7, .sales-iq-detail-device-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-device-change7 {
  min-width: 38px;
  display: inline-block;
}

.sales-iq-detail-device-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.sales-iq-detail-device-change-and-text3, .sales-iq-detail-device-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.sales-iq-detail-device-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.sales-iq-detail-device-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-device-dropdown19, .sales-iq-detail-device-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-detail-device-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-buttonsbutton25, .sales-iq-detail-device-buttonsbutton26, .sales-iq-detail-device-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.sales-iq-detail-device-buttonsbutton25, .sales-iq-detail-device-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-device-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-device-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.sales-iq-detail-device-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.sales-iq-detail-device-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-arrow-square-up-right-wrapper1, .sales-iq-detail-device-buttonsbutton-parent1, .sales-iq-detail-device-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.sales-iq-detail-device-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.sales-iq-detail-device-divider-container1, .sales-iq-detail-device-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.sales-iq-detail-device-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.sales-iq-detail-device-buttonsbutton-wrapper1, .sales-iq-detail-device-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.sales-iq-detail-device-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-device-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.sales-iq-detail-device-badge46, .sales-iq-detail-device-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-device-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.sales-iq-detail-device-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-actions3, .sales-iq-detail-device-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.sales-iq-detail-device-content20, .sales-iq-detail-device-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.sales-iq-detail-device-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-device-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-card-header, .sales-iq-detail-device-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.sales-iq-detail-device-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.sales-iq-detail-device-button-group-base9, .sales-iq-detail-device-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-device-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.sales-iq-detail-device-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.sales-iq-detail-device-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-device-button-group-base10, .sales-iq-detail-device-button-group-base11, .sales-iq-detail-device-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.sales-iq-detail-device-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.sales-iq-detail-device-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-device-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-content22, .sales-iq-detail-device-input-with-label3, .sales-iq-detail-device-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.sales-iq-detail-device-input-with-label3, .sales-iq-detail-device-input3 {
  align-self: stretch;
}

.sales-iq-detail-device-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.sales-iq-detail-device-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.sales-iq-detail-device-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.sales-iq-detail-device-actions4, .sales-iq-detail-device-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.sales-iq-detail-device-content-items9, .sales-iq-detail-device-content21, .sales-iq-detail-device-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.sales-iq-detail-device-content-items9, .sales-iq-detail-device-filters-bar1 {
  justify-content: flex-start;
}

.sales-iq-detail-device-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.sales-iq-detail-device-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.sales-iq-detail-device-badge-number1, .sales-iq-detail-device-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.sales-iq-detail-device-badge47, .sales-iq-detail-device-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-device-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.sales-iq-detail-device-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-device-actions5, .sales-iq-detail-device-card-header1, .sales-iq-detail-device-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.sales-iq-detail-device-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.sales-iq-detail-device-card-header1, .sales-iq-detail-device-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.sales-iq-detail-device-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.sales-iq-detail-device-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-device-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.sales-iq-detail-device-checkbox-wrapper, .sales-iq-detail-device-sub-nav-items-wrapper, .sales-iq-detail-device-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.sales-iq-detail-device-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.sales-iq-detail-device-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-avatar2, .sales-iq-detail-device-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.sales-iq-detail-device-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.sales-iq-detail-device-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.sales-iq-detail-device-account-button, .sales-iq-detail-device-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-account-button {
  min-width: 75px;
  font-weight: 500;
}

.sales-iq-detail-device-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.sales-iq-detail-device-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-device-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-device-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-device-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-device-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-device-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-contrast-border6, .sales-iq-detail-device-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.sales-iq-detail-device-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.sales-iq-detail-device-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.sales-iq-detail-device-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.sales-iq-detail-device-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-button-upload, .sales-iq-detail-device-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-device-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-device-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-device-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-device-table-cell6, .sales-iq-detail-device-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-device-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.sales-iq-detail-device-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-device-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-device-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-device-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.sales-iq-detail-device-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-device-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-table-cell15, .sales-iq-detail-device-table-cell16, .sales-iq-detail-device-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-device-table-cell16, .sales-iq-detail-device-table-cell18 {
  width: 271px;
}

.sales-iq-detail-device-table-cell18 {
  width: 239px;
}

.sales-iq-detail-device-column, .sales-iq-detail-device-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-device-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.sales-iq-detail-device-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.sales-iq-detail-device-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-device-user-cell2, .sales-iq-detail-device-user-cell3, .sales-iq-detail-device-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-user-cell3, .sales-iq-detail-device-user-cell4 {
  min-width: 84px;
}

.sales-iq-detail-device-user-cell4 {
  min-width: 82px;
}

.sales-iq-detail-device-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.sales-iq-detail-device-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.sales-iq-detail-device-user-cell5, .sales-iq-detail-device-user-cell6, .sales-iq-detail-device-user-cell7 {
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-device-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.sales-iq-detail-device-user-cell7 {
  white-space: nowrap;
}

.sales-iq-detail-device-column1, .sales-iq-detail-device-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.sales-iq-detail-device-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.sales-iq-detail-device-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-column2, .sales-iq-detail-device-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.sales-iq-detail-device-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-device-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-button-wrap, .sales-iq-detail-device-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.sales-iq-detail-device-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.sales-iq-detail-device-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-content24, .sales-iq-detail-device-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-content24 {
  padding: 10px 16px;
}

.sales-iq-detail-device-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.sales-iq-detail-device-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-content25, .sales-iq-detail-device-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-content25 {
  padding: 10px 15px;
}

.sales-iq-detail-device-pagination-number-base1 {
  overflow: hidden;
}

.sales-iq-detail-device-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-content26, .sales-iq-detail-device-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-content26 {
  padding: 10px 15px;
}

.sales-iq-detail-device-pagination-number-base2 {
  overflow: hidden;
}

.sales-iq-detail-device-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.sales-iq-detail-device-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-content30, .sales-iq-detail-device-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.sales-iq-detail-device-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.sales-iq-detail-device-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-button-wrap1, .sales-iq-detail-device-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.sales-iq-detail-device-pagination, .sales-iq-detail-device-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.sales-iq-detail-device-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-device-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.sales-iq-detail-device-content-items10, .sales-iq-detail-device-content-items11, .sales-iq-detail-device-table-cell41, .sales-iq-detail-device-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.sales-iq-detail-device-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-device-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sales-iq-detail-device-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.sales-iq-detail-device-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.sales-iq-detail-device-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-table-cell50, .sales-iq-detail-device-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.sales-iq-detail-device-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.sales-iq-detail-device-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.sales-iq-detail-device-column3, .sales-iq-detail-device-table-cell52, .sales-iq-detail-device-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.sales-iq-detail-device-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.sales-iq-detail-device-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.sales-iq-detail-device-marker-pin-02-group, .sales-iq-detail-device-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-marker-pin-02-group {
  gap: 7px;
}

.sales-iq-detail-device-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.sales-iq-detail-device-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.sales-iq-detail-device-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.sales-iq-detail-device-column-wrapper, .sales-iq-detail-device-column4, .sales-iq-detail-device-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.sales-iq-detail-device-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-device-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.sales-iq-detail-device-column5, .sales-iq-detail-device-column6, .sales-iq-detail-device-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.sales-iq-detail-device-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.sales-iq-detail-device-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.sales-iq-detail-device-column-parent, .sales-iq-detail-device-frame-parent74, .sales-iq-detail-device-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.sales-iq-detail-device-frame-parent74, .sales-iq-detail-device-pagination1 {
  align-self: stretch;
}

.sales-iq-detail-device-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.sales-iq-detail-device-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.sales-iq-detail-device-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-badge50, .sales-iq-detail-device-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.sales-iq-detail-device-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.sales-iq-detail-device-content-items14, .sales-iq-detail-device-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.sales-iq-detail-device-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.sales-iq-detail-device-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-button-group-base27, .sales-iq-detail-device-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.sales-iq-detail-device-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.sales-iq-detail-device-button-group-base28 {
  background-color: #fff;
}

.sales-iq-detail-device-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.sales-iq-detail-device-filter-bar-container, .sales-iq-detail-device-frame-parent, .sales-iq-detail-device-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.sales-iq-detail-device-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.sales-iq-detail-device-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-device-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.sales-iq-detail-device-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.sales-iq-detail-device-buttonsbutton33, .sales-iq-detail-device-content45, .sales-iq-detail-device-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.sales-iq-detail-device-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-actions11, .sales-iq-detail-device-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.sales-iq-detail-device-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.sales-iq-detail-device-empty-state, .sales-iq-detail-device-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.sales-iq-detail-device-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.sales-iq-detail-device-empty-state-wrapper, .sales-iq-detail-device-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.sales-iq-detail-device-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.sales-iq-detail-device-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-device-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.sales-iq-detail-device-content46, .sales-iq-detail-device-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.sales-iq-detail-device-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.sales-iq-detail-device-add, .sales-iq-detail-device-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-learn-more {
  min-width: 88px;
}

.sales-iq-detail-device-actions12, .sales-iq-detail-device-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.sales-iq-detail-device-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.sales-iq-detail-device-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.sales-iq-detail-device-empty-state-container, .sales-iq-detail-device-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.sales-iq-detail-device-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.sales-iq-detail-device-sales-iq-detail-device-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.sales-iq-detail-device-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.sales-iq-detail-device-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.sales-iq-detail-device-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.sales-iq-detail-device-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-device-display-form-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-device-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-display-toggle-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-device-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-device-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-device-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-device-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-device-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-device-table-header-title {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-divider-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-content {
  box-sizing: border-box;
  scrollbar-width: thin;
  flex-direction: column;
  align-items: flex-start;
  width: 1014px;
  max-width: 100%;
  max-height: 420px;
  padding: 0 1px 0 0;
  display: flex;
  overflow: hidden auto;
}

.sales-iq-detail-device-table-row {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-device-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  min-height: 64.4px;
  padding: 6px 20px 5.5px;
  display: flex;
}

.sales-iq-detail-device-table-cell10-Active {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  min-height: 64.4px;
  padding: 6px 20px 5.6px;
  display: flex;
}

.sales-iq-detail-device-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-device-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-device-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  min-height: 64.4px;
  padding: 15px 27px;
  display: flex;
}

.sales-iq-detail-device-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-device-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell30 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  min-height: 64.4px;
  padding: 15px 27px;
  display: flex;
}

.sales-iq-detail-device-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell40 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  min-height: 64.4px;
  padding: 15px 50px 8.5px 11px;
  display: flex;
}

.sales-iq-detail-device-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-device-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-device-table-header-cell-parent:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.sales-iq-detail-device-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-display-form-content-wrapper-Viewed {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-device-display-form-content-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-display-toggle-header-parent-Viewed {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-device-display-toggle-header-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-display-toggle-title-Viewed {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-device-display-divider-container-Viewed {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-device-display-divider-icon3-Viewed {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-Viewed {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-device-card-header1-Viewed {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-content4-Viewed {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-device-text-and-supporting-text2-Viewed {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-device-text-and-badge1-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-device-table-header-title-Viewed {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-dropdown-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-dots-vertical-icon-Viewed {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-divider-icon-Viewed {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-content-Viewed {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-device-table-row-Viewed {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-device-table-header-cell1-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell10-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-device-checkbox-wrapper-Viewed {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-device-table-header-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-device-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-arrow-down-icon1-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-header-cell2-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell20-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-help-icon-Viewed {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-device-table-header-cell3-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell30-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-header-cell4-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell40-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-device-table-header2-Viewed {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-device-action-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-arrow-down-icon2-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-header-cell-parent-Viewed {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-device-cell-content-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-display-form-content-wrapper-Added-to-Radar {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-device-display-form-content-Added-to-Radar {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-display-toggle-header-parent-Added-to-Radar {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-device-display-toggle-header-Added-to-Radar {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-display-toggle-title-Added-to-Radar {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-device-display-divider-container-Added-to-Radar {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-device-display-divider-icon3-Added-to-Radar {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-Added-to-Radar {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-device-card-header1-Added-to-Radar {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-content4-Added-to-Radar {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-device-text-and-supporting-text2-Added-to-Radar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-device-text-and-badge1-Added-to-Radar {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-device-table-header-title-Added-to-Radar {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-dropdown-Added-to-Radar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-dots-vertical-icon-Added-to-Radar {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-divider-icon-Added-to-Radar {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-content-Added-to-Radar {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-device-table-row-Added-to-Radar {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-device-table-header-cell1-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell10-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  min-height: 64.4px;
  padding: 6px 20px;
  display: flex;
}

.sales-iq-detail-device-checkbox-wrapper-Added-to-Radar {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-device-table-header-Added-to-Radar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-device-column-title-Added-to-Radar {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-arrow-down-icon1-Added-to-Radar {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-header-cell2-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell20-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-help-icon-Added-to-Radar {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-device-table-header-cell3-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell30-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-header-cell4-Added-to-Radar {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell40-Added-to-Radar {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  min-height: 64.4px;
  padding: 15px 50px 9px 11px;
  display: flex;
}

.sales-iq-detail-device-table-header2-Added-to-Radar {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-device-action-column-title-Added-to-Radar {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-arrow-down-icon2-Added-to-Radar {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-header-cell-parent-Added-to-Radar {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-device-cell-content-Added-to-Radar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-display-form-content-wrapper-Searched {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.sales-iq-detail-device-display-form-content-Searched {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-display-toggle-header-parent-Searched {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-device-display-toggle-header-Searched {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-display-toggle-title-Searched {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.sales-iq-detail-device-display-divider-container-Searched {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.sales-iq-detail-device-display-divider-icon3-Searched {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-Searched {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.sales-iq-detail-device-card-header1-Searched {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-content4-Searched {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.sales-iq-detail-device-text-and-supporting-text2-Searched {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.sales-iq-detail-device-text-and-badge1-Searched {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.sales-iq-detail-device-table-header-title-Searched {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-dropdown-Searched {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-dots-vertical-icon-Searched {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-divider-icon-Searched {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-content-Searched {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.sales-iq-detail-device-table-row-Searched {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.sales-iq-detail-device-table-header-cell1-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell10-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.sales-iq-detail-device-checkbox-wrapper-Searched {
  width: 28px;
  height: 20px;
  margin: 0;
}

.sales-iq-detail-device-table-header-Searched {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-device-column-title-Searched {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-arrow-down-icon1-Searched {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-header-cell2-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell20-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-help-icon-Searched {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-device-table-header-cell3-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell30-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-header-cell4-Searched {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.sales-iq-detail-device-table-cell40-Searched {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.sales-iq-detail-device-table-header2-Searched {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-device-action-column-title-Searched {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-arrow-down-icon2-Searched {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-table-header-cell-parent-Searched {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.sales-iq-detail-device-cell-content-Searched {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sales-iq-detail-device-table-data-custom-main-container {
  scrollbar-width: thin;
  flex-direction: column;
  max-height: 420px;
  display: flex;
  overflow: hidden auto;
}

.sales-iq-detail-device-table-avatar {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35px;
  height: 35px;
  display: flex;
}

.sales-iq-detail-device-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.sales-iq-detail-device-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.sales-iq-detail-device-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.sales-iq-detail-device-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-detail-device-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

@media screen and (width <= 1275px) {
  .sales-iq-detail-device-all, .sales-iq-detail-device-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .sales-iq-detail-device-all {
    padding-bottom: 67px;
  }

  .sales-iq-detail-device-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .sales-iq-detail-device-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .sales-iq-detail-device-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .sales-iq-detail-device-content-elements-parent, .sales-iq-detail-device-content17, .sales-iq-detail-device-frame-group, .sales-iq-detail-device-rectangle-parent10, .sales-iq-detail-device-rectangle-parent5, .sales-iq-detail-device-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .sales-iq-detail-device-frame-wrapper31 {
    flex: 1;
  }

  .sales-iq-detail-device-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-list-item-parent {
    flex: 1;
  }

  .sales-iq-detail-device-card-list, .sales-iq-detail-device-content20, .sales-iq-detail-device-content21, .sales-iq-detail-device-metric-item-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .sales-iq-detail-device-content23, .sales-iq-detail-device-frame-parent73, .sales-iq-detail-device-frame-parent74 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .sales-iq-detail-device-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-detail-device-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-device-content13 {
    gap: 17px;
  }

  .sales-iq-detail-device-tabs-and-filters {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-jul {
    width: 100%;
    height: 17px;
  }

  .sales-iq-detail-device-x-axis {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-number {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-device-main {
    gap: 16px;
  }

  .sales-iq-detail-device-number3, .sales-iq-detail-device-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .sales-iq-detail-device-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .sales-iq-detail-device-badge-elements, .sales-iq-detail-device-card-elements, .sales-iq-detail-device-dropdowns, .sales-iq-detail-device-location-badge-number {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-action-fields {
    min-width: 100%;
  }

  .sales-iq-detail-device-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-device-frame-parent2, .sales-iq-detail-device-primary-table {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-device-frame-parent17, .sales-iq-detail-device-frame-parent18, .sales-iq-detail-device-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-element-details, .sales-iq-detail-device-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .sales-iq-detail-device-action-icons, .sales-iq-detail-device-element-details-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-icon-button {
    gap: 17px;
  }

  .sales-iq-detail-device-icon-button, .sales-iq-detail-device-sidebar1 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-device-rectangle-parent11 {
    gap: 16px;
  }

  .sales-iq-detail-device-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .sales-iq-detail-device-frame-parent39 {
    min-width: 100%;
  }

  .sales-iq-detail-device-frame-wrapper31 {
    margin-left: 0;
  }

  .sales-iq-detail-device-card-row {
    min-width: 100%;
  }

  .sales-iq-detail-device-list-item-parent {
    margin-left: 0;
  }

  .sales-iq-detail-device-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .sales-iq-detail-device-text-and-supporting-text2 {
    min-width: 100%;
  }

  .sales-iq-detail-device-actions4 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .sales-iq-detail-device-text-and-supporting-text3 {
    min-width: 100%;
  }

  .sales-iq-detail-device-actions5, .sales-iq-detail-device-table-cell51, .sales-iq-detail-device-table-cell52 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .sales-iq-detail-device-frame-parent, .sales-iq-detail-device-text-and-supporting-text16 {
    min-width: 100%;
  }

  .sales-iq-detail-device-empty-state3 {
    gap: 16px;
  }

  .sales-iq-detail-device-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .sales-iq-detail-device-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-detail-device-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .sales-iq-detail-device-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .sales-iq-detail-device-actions {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-number {
    font-size: 18px;
    line-height: 23px;
  }

  .sales-iq-detail-device-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sales-iq-detail-device-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .sales-iq-detail-device-number3, .sales-iq-detail-device-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .sales-iq-detail-device-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-device-price {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-device-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-date-elements-parent {
    flex: 1;
  }

  .sales-iq-detail-device-badge-container, .sales-iq-detail-device-frame-parent12 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-badge-group {
    height: auto;
    min-height: 104px;
  }

  .sales-iq-detail-device-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-device-work-type-icon {
    flex: 1;
  }

  .sales-iq-detail-device-calendar-icon6 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-work-type-label {
    margin-left: 0;
  }

  .sales-iq-detail-device-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-device-frame-parent36, .sales-iq-detail-device-frame-parent42 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-price5, .sales-iq-detail-device-price6, .sales-iq-detail-device-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-device-frame-parent64 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .sales-iq-detail-device-content22, .sales-iq-detail-device-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-device-input-dropdown3 {
    max-width: 100%;
  }

  .sales-iq-detail-device-table-cell50, .sales-iq-detail-device-table-cell53 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .sales-iq-detail-device-column5, .sales-iq-detail-device-column6 {
    flex: 1;
  }

  .sales-iq-detail-device-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .sales-iq-detail-device-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .sales-iq-detail-device-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .sales-iq-detail-device-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .sales-iq-detail-device-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.sales-iq-detail-device-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px 29px;
  display: flex;
  overflow-y: scroll;
}

.sales-iq-detail-device-component-listing-container::-webkit-scrollbar {
  display: none;
}

.sales-iq-detail-device-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.sales-iq-detail-device-component-sales-iq-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.sales-iq-detail-device-component-sales-iq-text78:hover {
  text-decoration: underline;
}

.sales-iq-detail-device-component-sales-iq-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-badge33 {
  white-space: nowrap;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-component-sales-iq-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-component-sales-iq-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.sales-iq-detail-device-component-sales-iq-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-component-sales-iq-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-detail-device-component-sales-iq-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-component-sales-iq-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-badge37 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-component-sales-iq-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-badge38 {
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-component-sales-iq-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  overflow: hidden;
}

.sales-iq-detail-device-component-sales-iq-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-component-sales-iq-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-dots-vertical-icon {
  cursor: pointer;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-component-sales-iq-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-divider-icon8 {
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.sales-iq-detail-device-component-sales-iq-metric-item3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-component-sales-iq-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-heading {
  font-weight: 600;
  line-height: 38px;
}

.sales-iq-detail-device-component-sales-iq-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-upload-04-icon {
  flex-shrink: 0;
  width: 21px;
  height: 21px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-component-sales-iq-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-component-sales-iq-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.sales-iq-detail-device-component-sales-iq-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 5px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-component-sales-iq-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-component-sales-iq-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-buttonsbutton25, .sales-iq-detail-device-component-sales-iq-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-component-sales-iq-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.sales-iq-detail-device-component-sales-iq-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 7px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.sales-iq-detail-device-component-sales-iq-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.sales-iq-detail-device-component-sales-iq-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.sales-iq-detail-device-component-sales-iq-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.sales-iq-detail-device-component-sales-iq-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 2.5px;
  left: 9.5px;
}

.sales-iq-detail-device-component-sales-iq-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.sales-iq-detail-device-component-sales-iq-arrow-square-up-right-icon1 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.sales-iq-detail-device-component-sales-iq-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .sales-iq-detail-device-component-sales-iq-rectangle-parent5, .sales-iq-detail-device-component-sales-iq-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .sales-iq-detail-device-component-sales-iq-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .sales-iq-detail-device-component-sales-iq-action-fields {
    min-width: 100%;
  }

  .sales-iq-detail-device-component-sales-iq-frame-parent21 {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-component-sales-iq-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .sales-iq-detail-device-component-sales-iq-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .sales-iq-detail-device-component-sales-iq-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .sales-iq-detail-device-component-sales-iq-number-and-chart {
    flex-wrap: wrap;
  }

  .sales-iq-detail-device-component-sales-iq-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.funnel-detail-device-main-custom {
  width: 100% !important;
}

.funnel-detail-device-search-lg-icon-custom {
  cursor: pointer;
}

.funnel-detail-device-funnel-detail-device-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.funnel-detail-device-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.funnel-detail-device-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-badge1, .funnel-detail-device-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.funnel-detail-device-navigation, .funnel-detail-device-search-input {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.funnel-detail-device-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-device-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-content3, .funnel-detail-device-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-device-content3 {
  flex: 1;
  gap: 8px;
}

.funnel-detail-device-divider-icon, .funnel-detail-device-home-line-icon {
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.funnel-detail-device-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.funnel-detail-device-content12, .funnel-detail-device-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.funnel-detail-device-content5, .funnel-detail-device-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.funnel-detail-device-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.funnel-detail-device-supporting-text, .funnel-detail-device-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-detail-device-title {
  font-weight: 600;
}

.funnel-detail-device-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.funnel-detail-device-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.funnel-detail-device-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.funnel-detail-device-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-device-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.funnel-detail-device-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-device-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.funnel-detail-device-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.funnel-detail-device-tabs {
  gap: 8px;
}

.funnel-detail-device-breadcrumbs, .funnel-detail-device-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-device-heading, .funnel-detail-device-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.funnel-detail-device-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-detail-device-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.funnel-detail-device-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.funnel-detail-device-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-device-button, .funnel-detail-device-button1, .funnel-detail-device-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-device-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.funnel-detail-device-button1, .funnel-detail-device-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.funnel-detail-device-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.funnel-detail-device-actions, .funnel-detail-device-button2, .funnel-detail-device-button3 {
  flex-direction: row;
  align-items: center;
}

.funnel-detail-device-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.funnel-detail-device-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-device-button4, .funnel-detail-device-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.funnel-detail-device-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-button6, .funnel-detail-device-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-device-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-content13, .funnel-detail-device-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.funnel-detail-device-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.funnel-detail-device-content13, .funnel-detail-device-divider-icon1, .funnel-detail-device-page-header {
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-device-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-device-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-device-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-button-group-base1, .funnel-detail-device-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-device-button-group-base2 {
  width: 77px;
}

.funnel-detail-device-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-detail-device-button-group-base3, .funnel-detail-device-button-group-base4, .funnel-detail-device-button-group-base5, .funnel-detail-device-button-group-base6, .funnel-detail-device-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.funnel-detail-device-button-group-base4, .funnel-detail-device-button-group-base5, .funnel-detail-device-button-group-base6, .funnel-detail-device-button-group-base7 {
  z-index: 4;
}

.funnel-detail-device-button-group-base5, .funnel-detail-device-button-group-base6, .funnel-detail-device-button-group-base7 {
  z-index: 3;
}

.funnel-detail-device-button-group-base6, .funnel-detail-device-button-group-base7 {
  z-index: 2;
}

.funnel-detail-device-button-group-base7 {
  z-index: 1;
}

.funnel-detail-device-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-button-group, .funnel-detail-device-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.funnel-detail-device-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.funnel-detail-device-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-actions2, .funnel-detail-device-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-device-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.funnel-detail-device-container, .funnel-detail-device-header-section, .funnel-detail-device-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.funnel-detail-device-container, .funnel-detail-device-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.funnel-detail-device-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.funnel-detail-device-header-section {
  flex-shrink: 0;
}

.funnel-detail-device-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-device-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.funnel-detail-device-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-device-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-device-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-color2, .funnel-detail-device-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-device-color3 {
  background-color: #17b26a;
}

.funnel-detail-device-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.funnel-detail-device-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-device-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-detail-device-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.funnel-detail-device-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-device-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.funnel-detail-device-divider, .funnel-detail-device-y-axis-line, .funnel-detail-device-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-device-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.funnel-detail-device-y-axis-line, .funnel-detail-device-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.funnel-detail-device-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.funnel-detail-device-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.funnel-detail-device-y-axis, .funnel-detail-device-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-device-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.funnel-detail-device-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.funnel-detail-device-jan, .funnel-detail-device-jul, .funnel-detail-device-jun, .funnel-detail-device-mar, .funnel-detail-device-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-jul, .funnel-detail-device-jun, .funnel-detail-device-mar, .funnel-detail-device-may {
  min-width: 23px;
}

.funnel-detail-device-jul, .funnel-detail-device-jun, .funnel-detail-device-may {
  min-width: 25px;
}

.funnel-detail-device-jul, .funnel-detail-device-jun {
  min-width: 22px;
}

.funnel-detail-device-jul {
  min-width: 17px;
}

.funnel-detail-device-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-device-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.funnel-detail-device-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.funnel-detail-device-line-and-bar-chart, .funnel-detail-device-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-line-and-bar-chart {
  flex: 1;
}

.funnel-detail-device-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.funnel-detail-device-heading1, .funnel-detail-device-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-detail-device-number {
  white-space: nowrap;
  line-height: 38px;
}

.funnel-detail-device-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.funnel-detail-device-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-change-and-text, .funnel-detail-device-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-device-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.funnel-detail-device-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.funnel-detail-device-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-detail-device-dropdown, .funnel-detail-device-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.funnel-detail-device-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-detail-device-change-and-text1, .funnel-detail-device-container1, .funnel-detail-device-metric-group, .funnel-detail-device-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-detail-device-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-device-container1, .funnel-detail-device-metric-group, .funnel-detail-device-section {
  align-items: flex-start;
  max-width: 100%;
}

.funnel-detail-device-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.funnel-detail-device-container1, .funnel-detail-device-section {
  flex-direction: column;
}

.funnel-detail-device-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.funnel-detail-device-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.funnel-detail-device-separator, .funnel-detail-device-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.funnel-detail-device-separator1 {
  height: 43px;
}

.funnel-detail-device-main, .funnel-detail-device-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.funnel-detail-device-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.funnel-detail-device-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-device-breadcrumb-button-base6, .funnel-detail-device-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.funnel-detail-device-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.funnel-detail-device-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.funnel-detail-device-breadcrumbs1, .funnel-detail-device-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.funnel-detail-device-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.funnel-detail-device-breadcrumbs1 {
  width: 278px;
  display: none;
}

.funnel-detail-device-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.funnel-detail-device-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.funnel-detail-device-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.funnel-detail-device-content16, .funnel-detail-device-input-with-label1, .funnel-detail-device-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-detail-device-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-detail-device-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-device-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.funnel-detail-device-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.funnel-detail-device-content15, .funnel-detail-device-page-header-wrapper, .funnel-detail-device-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.funnel-detail-device-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.funnel-detail-device-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-device-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.funnel-detail-device-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.funnel-detail-device-text49, .funnel-detail-device-text50, .funnel-detail-device-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-text50, .funnel-detail-device-text51 {
  min-width: 62px;
}

.funnel-detail-device-text51 {
  min-width: 34px;
}

.funnel-detail-device-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.funnel-detail-device-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-detail-device-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.funnel-detail-device-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.funnel-detail-device-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-device-tab-button-base7, .funnel-detail-device-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.funnel-detail-device-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.funnel-detail-device-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.funnel-detail-device-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.funnel-detail-device-horizontal-tabs, .funnel-detail-device-horizontal-tabs-wrapper, .funnel-detail-device-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.funnel-detail-device-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.funnel-detail-device-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.funnel-detail-device-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-device-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.funnel-detail-device-dropdown3, .funnel-detail-device-metric-card, .funnel-detail-device-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.funnel-detail-device-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.funnel-detail-device-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-device-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.funnel-detail-device-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.funnel-detail-device-frame-inner, .funnel-detail-device-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.funnel-detail-device-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.funnel-detail-device-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.funnel-detail-device-heading5, .funnel-detail-device-number4 {
  z-index: 1;
  position: relative;
}

.funnel-detail-device-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-device-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.funnel-detail-device-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.funnel-detail-device-badge12, .funnel-detail-device-frame-container, .funnel-detail-device-heading-parent, .funnel-detail-device-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.funnel-detail-device-frame-container, .funnel-detail-device-rectangle-container {
  box-sizing: border-box;
}

.funnel-detail-device-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.funnel-detail-device-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.funnel-detail-device-heading-group {
  gap: 8px;
  width: 153px;
}

.funnel-detail-device-dropdown7, .funnel-detail-device-heading-container, .funnel-detail-device-heading-group, .funnel-detail-device-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-heading-container {
  gap: 8px;
  width: 163px;
}

.funnel-detail-device-dropdown7, .funnel-detail-device-heading-parent1 {
  flex-shrink: 0;
}

.funnel-detail-device-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.funnel-detail-device-dropdown7 {
  z-index: 1;
}

.funnel-detail-device-frame-group, .funnel-detail-device-frame-wrapper, .funnel-detail-device-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.funnel-detail-device-frame-group, .funnel-detail-device-frame-wrapper {
  max-width: 100%;
}

.funnel-detail-device-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.funnel-detail-device-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.funnel-detail-device-text62, .funnel-detail-device-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-text63 {
  min-width: 74px;
}

.funnel-detail-device-buttonsbutton4, .funnel-detail-device-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.funnel-detail-device-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-dropdowns, .funnel-detail-device-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.funnel-detail-device-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-input-dropdown2, .funnel-detail-device-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.funnel-detail-device-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.funnel-detail-device-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.funnel-detail-device-content17, .funnel-detail-device-filters-bar, .funnel-detail-device-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.funnel-detail-device-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.funnel-detail-device-frame-child3, .funnel-detail-device-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.funnel-detail-device-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.funnel-detail-device-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.funnel-detail-device-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.funnel-detail-device-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-detail-device-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.funnel-detail-device-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-detail-device-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-device-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-detail-device-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-location-badge, .funnel-detail-device-location-badge-number, .funnel-detail-device-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.funnel-detail-device-location-badge, .funnel-detail-device-type-number {
  box-sizing: border-box;
}

.funnel-detail-device-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.funnel-detail-device-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.funnel-detail-device-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.funnel-detail-device-location-elements, .funnel-detail-device-type-badge-elements, .funnel-detail-device-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.funnel-detail-device-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.funnel-detail-device-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-device-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.funnel-detail-device-badge-elements, .funnel-detail-device-badge-elements-wrapper, .funnel-detail-device-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.funnel-detail-device-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.funnel-detail-device-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-action-fields, .funnel-detail-device-card-elements, .funnel-detail-device-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.funnel-detail-device-action-fields, .funnel-detail-device-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.funnel-detail-device-input-elements {
  align-self: stretch;
  gap: 16px;
}

.funnel-detail-device-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.funnel-detail-device-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-device-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-device-frame-wrapper3, .funnel-detail-device-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.funnel-detail-device-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.funnel-detail-device-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.funnel-detail-device-dropdown-elements, .funnel-detail-device-dropdown-options-parent, .funnel-detail-device-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.funnel-detail-device-price-parent {
  flex-direction: column;
  flex: 1;
}

.funnel-detail-device-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.funnel-detail-device-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.funnel-detail-device-content-actions, .funnel-detail-device-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.funnel-detail-device-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.funnel-detail-device-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.funnel-detail-device-name, .funnel-detail-device-role {
  display: inline-block;
  position: relative;
}

.funnel-detail-device-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.funnel-detail-device-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.funnel-detail-device-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-detail-device-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.funnel-detail-device-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.funnel-detail-device-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-buttonsbutton8, .funnel-detail-device-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-device-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.funnel-detail-device-buttonsbutton-parent, .funnel-detail-device-primary-table, .funnel-detail-device-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.funnel-detail-device-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.funnel-detail-device-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.funnel-detail-device-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-content-items, .funnel-detail-device-help-avatar, .funnel-detail-device-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.funnel-detail-device-content-items, .funnel-detail-device-rectangle-parent3 {
  box-sizing: border-box;
}

.funnel-detail-device-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.funnel-detail-device-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.funnel-detail-device-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-device-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-device-badge-parent, .funnel-detail-device-badge23, .funnel-detail-device-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.funnel-detail-device-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-device-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-badge23, .funnel-detail-device-badge24, .funnel-detail-device-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.funnel-detail-device-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.funnel-detail-device-badge24, .funnel-detail-device-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-badge-elements-copy, .funnel-detail-device-badge25, .funnel-detail-device-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.funnel-detail-device-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.funnel-detail-device-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-device-badge26, .funnel-detail-device-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.funnel-detail-device-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-badge27, .funnel-detail-device-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.funnel-detail-device-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.funnel-detail-device-frame-parent1, .funnel-detail-device-frame-parent2, .funnel-detail-device-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.funnel-detail-device-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.funnel-detail-device-frame-child5, .funnel-detail-device-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.funnel-detail-device-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.funnel-detail-device-frame-child7, .funnel-detail-device-text78 {
  z-index: 2;
  position: relative;
}

.funnel-detail-device-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.funnel-detail-device-text78 {
  font-weight: 600;
  line-height: 28px;
}

.funnel-detail-device-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-location3, .funnel-detail-device-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-type-of-work2 {
  min-width: 109px;
}

.funnel-detail-device-frame-parent12, .funnel-detail-device-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.funnel-detail-device-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.funnel-detail-device-badge29, .funnel-detail-device-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.funnel-detail-device-badge30 {
  width: 76px;
}

.funnel-detail-device-badge-container, .funnel-detail-device-badge30, .funnel-detail-device-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.funnel-detail-device-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-device-badge-container, .funnel-detail-device-badge32, .funnel-detail-device-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.funnel-detail-device-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.funnel-detail-device-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-device-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge33, .funnel-detail-device-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-device-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.funnel-detail-device-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-price2, .funnel-detail-device-text83 {
  position: relative;
}

.funnel-detail-device-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.funnel-detail-device-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-device-radar-1-1-container, .funnel-detail-device-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.funnel-detail-device-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.funnel-detail-device-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.funnel-detail-device-name2, .funnel-detail-device-role2 {
  display: inline-block;
  position: relative;
}

.funnel-detail-device-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.funnel-detail-device-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.funnel-detail-device-buttonsbutton13, .funnel-detail-device-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-device-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.funnel-detail-device-buttonsbutton14, .funnel-detail-device-buttonsbutton15, .funnel-detail-device-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.funnel-detail-device-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.funnel-detail-device-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.funnel-detail-device-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.funnel-detail-device-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-frame-wrapper16, .funnel-detail-device-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.funnel-detail-device-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.funnel-detail-device-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.funnel-detail-device-divider-icon5, .funnel-detail-device-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.funnel-detail-device-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-device-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.funnel-detail-device-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.funnel-detail-device-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge34, .funnel-detail-device-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.funnel-detail-device-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-device-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-badge36, .funnel-detail-device-badge37, .funnel-detail-device-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.funnel-detail-device-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-device-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.funnel-detail-device-badge38, .funnel-detail-device-frame-parent26, .funnel-detail-device-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.funnel-detail-device-badge39, .funnel-detail-device-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.funnel-detail-device-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-element-details-child, .funnel-detail-device-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.funnel-detail-device-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.funnel-detail-device-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.funnel-detail-device-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.funnel-detail-device-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.funnel-detail-device-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.funnel-detail-device-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.funnel-detail-device-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-device-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-date-icon, .funnel-detail-device-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-type-label {
  color: #101828;
  font-size: 14px;
}

.funnel-detail-device-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.funnel-detail-device-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-device-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-work-type-icon, .funnel-detail-device-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.funnel-detail-device-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.funnel-detail-device-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.funnel-detail-device-action-icons, .funnel-detail-device-calendar-icon6, .funnel-detail-device-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.funnel-detail-device-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.funnel-detail-device-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.funnel-detail-device-element-actions, .funnel-detail-device-element-details-parent, .funnel-detail-device-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.funnel-detail-device-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.funnel-detail-device-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.funnel-detail-device-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-device-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.funnel-detail-device-frame-parent32, .funnel-detail-device-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.funnel-detail-device-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.funnel-detail-device-dropdown-parent1, .funnel-detail-device-frame-parent31, .funnel-detail-device-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.funnel-detail-device-dropdown-parent1, .funnel-detail-device-frame-parent31 {
  align-items: flex-end;
}

.funnel-detail-device-frame-parent31 {
  flex: 1;
}

.funnel-detail-device-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.funnel-detail-device-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.funnel-detail-device-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.funnel-detail-device-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.funnel-detail-device-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.funnel-detail-device-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.funnel-detail-device-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.funnel-detail-device-span {
  font-weight: 500;
}

.funnel-detail-device-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.funnel-detail-device-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-device-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-frame-parent36, .funnel-detail-device-frame-parent37, .funnel-detail-device-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-device-frame-parent37, .funnel-detail-device-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.funnel-detail-device-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.funnel-detail-device-text105, .funnel-detail-device-text106, .funnel-detail-device-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-device-text105, .funnel-detail-device-text106 {
  display: inline-block;
}

.funnel-detail-device-text105 {
  min-width: 103px;
}

.funnel-detail-device-text106 {
  flex-shrink: 0;
  width: 151px;
}

.funnel-detail-device-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.funnel-detail-device-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.funnel-detail-device-supporting-text20, .funnel-detail-device-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-supporting-text20 {
  min-width: 70.9px;
}

.funnel-detail-device-supporting-text21 {
  width: 104px;
}

.funnel-detail-device-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.funnel-detail-device-frame-parent33, .funnel-detail-device-frame-parent34, .funnel-detail-device-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.funnel-detail-device-frame-parent33, .funnel-detail-device-frame-parent34 {
  flex: 1;
}

.funnel-detail-device-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.funnel-detail-device-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.funnel-detail-device-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-buttonsbutton-wrapper, .funnel-detail-device-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.funnel-detail-device-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-dropdown-parent2, .funnel-detail-device-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.funnel-detail-device-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.funnel-detail-device-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.funnel-detail-device-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-device-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.funnel-detail-device-content-items5, .funnel-detail-device-frame-child16, .funnel-detail-device-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.funnel-detail-device-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-device-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.funnel-detail-device-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-device-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.funnel-detail-device-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-device-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-device-frame-parent39, .funnel-detail-device-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.funnel-detail-device-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.funnel-detail-device-dropdown14, .funnel-detail-device-text112 {
  z-index: 1;
  position: absolute;
}

.funnel-detail-device-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.funnel-detail-device-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.funnel-detail-device-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-device-price6, .funnel-detail-device-text113 {
  z-index: 1;
  position: relative;
}

.funnel-detail-device-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-device-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.funnel-detail-device-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.funnel-detail-device-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.funnel-detail-device-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-device-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.funnel-detail-device-frame-parent46, .funnel-detail-device-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.funnel-detail-device-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.funnel-detail-device-frame-parent45, .funnel-detail-device-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.funnel-detail-device-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.funnel-detail-device-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.funnel-detail-device-card-container-child, .funnel-detail-device-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.funnel-detail-device-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.funnel-detail-device-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.funnel-detail-device-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-device-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-detail-device-dropdown15, .funnel-detail-device-item-title {
  z-index: 2;
  position: absolute;
}

.funnel-detail-device-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.funnel-detail-device-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.funnel-detail-device-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-device-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.funnel-detail-device-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.funnel-detail-device-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.funnel-detail-device-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-device-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-device-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.funnel-detail-device-card-container, .funnel-detail-device-card-list, .funnel-detail-device-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.funnel-detail-device-card-container, .funnel-detail-device-card-list {
  align-items: flex-start;
}

.funnel-detail-device-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.funnel-detail-device-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.funnel-detail-device-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.funnel-detail-device-frame-wrapper37, .funnel-detail-device-price-wrapper, .funnel-detail-device-text-wrapper18, .funnel-detail-device-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.funnel-detail-device-frame-wrapper37, .funnel-detail-device-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.funnel-detail-device-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.funnel-detail-device-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.funnel-detail-device-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.funnel-detail-device-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.funnel-detail-device-buttonsbutton-frame, .funnel-detail-device-frame-parent64, .funnel-detail-device-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.funnel-detail-device-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.funnel-detail-device-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-detail-device-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.funnel-detail-device-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-device-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-change7, .funnel-detail-device-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-device-change7 {
  min-width: 38px;
  display: inline-block;
}

.funnel-detail-device-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.funnel-detail-device-change-and-text3, .funnel-detail-device-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-device-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.funnel-detail-device-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-detail-device-dropdown19, .funnel-detail-device-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-detail-device-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-buttonsbutton25, .funnel-detail-device-buttonsbutton26, .funnel-detail-device-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.funnel-detail-device-buttonsbutton25, .funnel-detail-device-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-device-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-device-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.funnel-detail-device-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.funnel-detail-device-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-arrow-square-up-right-wrapper1, .funnel-detail-device-buttonsbutton-parent1, .funnel-detail-device-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.funnel-detail-device-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.funnel-detail-device-divider-container1, .funnel-detail-device-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.funnel-detail-device-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.funnel-detail-device-buttonsbutton-wrapper1, .funnel-detail-device-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.funnel-detail-device-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-detail-device-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.funnel-detail-device-badge46, .funnel-detail-device-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-device-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-device-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.funnel-detail-device-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-actions3, .funnel-detail-device-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-device-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.funnel-detail-device-content20, .funnel-detail-device-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-device-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.funnel-detail-device-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-card-header, .funnel-detail-device-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.funnel-detail-device-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.funnel-detail-device-button-group-base9, .funnel-detail-device-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.funnel-detail-device-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.funnel-detail-device-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.funnel-detail-device-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-device-button-group-base10, .funnel-detail-device-button-group-base11, .funnel-detail-device-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.funnel-detail-device-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.funnel-detail-device-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-device-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.funnel-detail-device-content22, .funnel-detail-device-input-with-label3, .funnel-detail-device-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.funnel-detail-device-input-with-label3, .funnel-detail-device-input3 {
  align-self: stretch;
}

.funnel-detail-device-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.funnel-detail-device-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-detail-device-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-device-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.funnel-detail-device-actions4, .funnel-detail-device-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-device-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.funnel-detail-device-content-items9, .funnel-detail-device-content21, .funnel-detail-device-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.funnel-detail-device-content-items9, .funnel-detail-device-filters-bar1 {
  justify-content: flex-start;
}

.funnel-detail-device-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.funnel-detail-device-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.funnel-detail-device-badge-number1, .funnel-detail-device-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.funnel-detail-device-badge47, .funnel-detail-device-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-device-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-device-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.funnel-detail-device-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.funnel-detail-device-actions5, .funnel-detail-device-card-header1, .funnel-detail-device-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.funnel-detail-device-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.funnel-detail-device-card-header1, .funnel-detail-device-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.funnel-detail-device-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.funnel-detail-device-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-detail-device-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.funnel-detail-device-checkbox-wrapper, .funnel-detail-device-sub-nav-items-wrapper, .funnel-detail-device-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.funnel-detail-device-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.funnel-detail-device-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-avatar2, .funnel-detail-device-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.funnel-detail-device-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.funnel-detail-device-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.funnel-detail-device-account-button, .funnel-detail-device-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-account-button {
  min-width: 75px;
  font-weight: 500;
}

.funnel-detail-device-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.funnel-detail-device-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-device-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-device-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-device-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-device-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-device-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-contrast-border6, .funnel-detail-device-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.funnel-detail-device-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.funnel-detail-device-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-detail-device-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.funnel-detail-device-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-button-upload, .funnel-detail-device-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.funnel-detail-device-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-device-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-device-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-device-table-cell6, .funnel-detail-device-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-device-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.funnel-detail-device-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-device-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-device-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-device-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-device-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-device-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-cell15, .funnel-detail-device-table-cell16, .funnel-detail-device-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-device-table-cell16, .funnel-detail-device-table-cell18 {
  width: 271px;
}

.funnel-detail-device-table-cell18 {
  width: 239px;
}

.funnel-detail-device-column, .funnel-detail-device-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-device-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.funnel-detail-device-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.funnel-detail-device-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-device-user-cell2, .funnel-detail-device-user-cell3, .funnel-detail-device-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-user-cell3, .funnel-detail-device-user-cell4 {
  min-width: 84px;
}

.funnel-detail-device-user-cell4 {
  min-width: 82px;
}

.funnel-detail-device-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-device-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.funnel-detail-device-user-cell5, .funnel-detail-device-user-cell6, .funnel-detail-device-user-cell7 {
  line-height: 20px;
  position: relative;
}

.funnel-detail-device-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.funnel-detail-device-user-cell7 {
  white-space: nowrap;
}

.funnel-detail-device-column1, .funnel-detail-device-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.funnel-detail-device-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.funnel-detail-device-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-column2, .funnel-detail-device-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.funnel-detail-device-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-device-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-button-wrap, .funnel-detail-device-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.funnel-detail-device-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.funnel-detail-device-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-content24, .funnel-detail-device-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-content24 {
  padding: 10px 16px;
}

.funnel-detail-device-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.funnel-detail-device-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-content25, .funnel-detail-device-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-content25 {
  padding: 10px 15px;
}

.funnel-detail-device-pagination-number-base1 {
  overflow: hidden;
}

.funnel-detail-device-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-content26, .funnel-detail-device-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-content26 {
  padding: 10px 15px;
}

.funnel-detail-device-pagination-number-base2 {
  overflow: hidden;
}

.funnel-detail-device-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.funnel-detail-device-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-content30, .funnel-detail-device-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.funnel-detail-device-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.funnel-detail-device-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-button-wrap1, .funnel-detail-device-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-device-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.funnel-detail-device-pagination, .funnel-detail-device-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-detail-device-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.funnel-detail-device-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.funnel-detail-device-content-items10, .funnel-detail-device-content-items11, .funnel-detail-device-table-cell41, .funnel-detail-device-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.funnel-detail-device-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-device-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-device-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.funnel-detail-device-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-device-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-cell50, .funnel-detail-device-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.funnel-detail-device-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.funnel-detail-device-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.funnel-detail-device-column3, .funnel-detail-device-table-cell52, .funnel-detail-device-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.funnel-detail-device-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.funnel-detail-device-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.funnel-detail-device-marker-pin-02-group, .funnel-detail-device-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-device-marker-pin-02-group {
  gap: 7px;
}

.funnel-detail-device-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.funnel-detail-device-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.funnel-detail-device-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.funnel-detail-device-column-wrapper, .funnel-detail-device-column4, .funnel-detail-device-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.funnel-detail-device-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.funnel-detail-device-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.funnel-detail-device-column5, .funnel-detail-device-column6, .funnel-detail-device-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.funnel-detail-device-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.funnel-detail-device-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-device-column-parent, .funnel-detail-device-frame-parent74, .funnel-detail-device-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.funnel-detail-device-frame-parent74, .funnel-detail-device-pagination1 {
  align-self: stretch;
}

.funnel-detail-device-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.funnel-detail-device-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-detail-device-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-badge50, .funnel-detail-device-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-device-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-device-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.funnel-detail-device-content-items14, .funnel-detail-device-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.funnel-detail-device-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.funnel-detail-device-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-button-group-base27, .funnel-detail-device-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-device-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.funnel-detail-device-button-group-base28 {
  background-color: #fff;
}

.funnel-detail-device-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.funnel-detail-device-filter-bar-container, .funnel-detail-device-frame-parent, .funnel-detail-device-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.funnel-detail-device-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.funnel-detail-device-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.funnel-detail-device-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.funnel-detail-device-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.funnel-detail-device-buttonsbutton33, .funnel-detail-device-content45, .funnel-detail-device-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.funnel-detail-device-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.funnel-detail-device-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-actions11, .funnel-detail-device-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.funnel-detail-device-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.funnel-detail-device-empty-state, .funnel-detail-device-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.funnel-detail-device-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.funnel-detail-device-empty-state-wrapper, .funnel-detail-device-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.funnel-detail-device-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.funnel-detail-device-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-device-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.funnel-detail-device-content46, .funnel-detail-device-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-device-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.funnel-detail-device-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.funnel-detail-device-add, .funnel-detail-device-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-learn-more {
  min-width: 88px;
}

.funnel-detail-device-actions12, .funnel-detail-device-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-device-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.funnel-detail-device-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.funnel-detail-device-empty-state-container, .funnel-detail-device-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.funnel-detail-device-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.funnel-detail-device-funnel-detail-device-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.funnel-detail-device-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.funnel-detail-device-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-device-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.funnel-detail-device-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.funnel-detail-device-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.funnel-detail-device-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.funnel-detail-device-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-detail-device-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.funnel-detail-device-component-listing-container::-webkit-scrollbar {
  display: none;
}

.funnel-detail-device-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.funnel-detail-device-component-funnel-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.funnel-detail-device-component-funnel-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.funnel-detail-device-component-funnel-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-detail-device-component-funnel-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-component-funnel-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.funnel-detail-device-component-funnel-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-component-funnel-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 80%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-detail-device-component-funnel-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-component-funnel-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.funnel-detail-device-component-funnel-text78:hover {
  text-decoration: underline;
}

.funnel-detail-device-component-funnel-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-detail-device-component-funnel-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.funnel-detail-device-component-funnel-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.funnel-detail-device-component-funnel-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-device-component-funnel-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-detail-device-component-funnel-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-device-component-funnel-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.funnel-detail-device-component-funnel-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.funnel-detail-device-component-funnel-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-component-funnel-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-component-funnel-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-device-component-funnel-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-detail-device-component-funnel-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-detail-device-component-funnel-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-component-funnel-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-component-funnel-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.funnel-detail-device-component-funnel-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-device-component-funnel-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-component-funnel-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-component-funnel-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-device-component-funnel-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.funnel-detail-device-component-funnel-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-device-component-funnel-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-component-funnel-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-component-funnel-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-component-funnel-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.funnel-detail-device-component-funnel-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.funnel-detail-device-component-funnel-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: -20px;
  display: flex;
}

.funnel-detail-device-component-funnel-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-component-funnel-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-device-component-funnel-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-device-component-funnel-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-device-component-funnel-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-detail-device-component-funnel-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.funnel-detail-device-component-funnel-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-device-component-funnel-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-device-component-funnel-divider-icon8 {
  z-index: 2;
  width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-device-component-funnel-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.funnel-detail-device-component-funnel-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-component-funnel-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-detail-device-component-funnel-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.funnel-detail-device-component-funnel-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-detail-device-component-funnel-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-device-component-funnel-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-detail-device-component-funnel-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-component-funnel-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-component-funnel-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-detail-device-component-funnel-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-detail-device-component-funnel-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 95%;
  font-size: 14px;
  display: flex;
}

.funnel-detail-device-component-funnel-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.funnel-detail-device-component-funnel-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-component-funnel-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-component-funnel-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-buttonsbutton25, .funnel-detail-device-component-funnel-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-component-funnel-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-device-component-funnel-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-detail-device-component-funnel-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-device-component-funnel-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-device-component-funnel-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-component-funnel-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.funnel-detail-device-component-funnel-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.funnel-detail-device-component-funnel-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.funnel-detail-device-component-funnel-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.funnel-detail-device-component-funnel-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-component-funnel-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1275px) {
  .funnel-detail-device-all, .funnel-detail-device-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .funnel-detail-device-all {
    padding-bottom: 67px;
  }

  .funnel-detail-device-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .funnel-detail-device-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .funnel-detail-device-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .funnel-detail-device-content-elements-parent, .funnel-detail-device-content17, .funnel-detail-device-frame-group, .funnel-detail-device-rectangle-parent10, .funnel-detail-device-rectangle-parent5, .funnel-detail-device-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .funnel-detail-device-frame-wrapper31 {
    flex: 1;
  }

  .funnel-detail-device-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-list-item-parent {
    flex: 1;
  }

  .funnel-detail-device-card-list, .funnel-detail-device-content20, .funnel-detail-device-content21, .funnel-detail-device-metric-item-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-device-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .funnel-detail-device-content23, .funnel-detail-device-frame-parent73, .funnel-detail-device-frame-parent74 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .funnel-detail-device-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }

  .funnel-detail-device-component-funnel-rectangle-parent5, .funnel-detail-device-component-funnel-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .funnel-detail-device-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-device-content13 {
    gap: 17px;
  }

  .funnel-detail-device-tabs-and-filters {
    flex-wrap: wrap;
  }

  .funnel-detail-device-jul {
    width: 100%;
    height: 17px;
  }

  .funnel-detail-device-x-axis {
    flex-wrap: wrap;
  }

  .funnel-detail-device-number {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-device-main {
    gap: 16px;
  }

  .funnel-detail-device-number3, .funnel-detail-device-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .funnel-detail-device-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .funnel-detail-device-badge-elements, .funnel-detail-device-card-elements, .funnel-detail-device-dropdowns, .funnel-detail-device-location-badge-number {
    flex-wrap: wrap;
  }

  .funnel-detail-device-action-fields {
    min-width: 100%;
  }

  .funnel-detail-device-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-device-frame-parent2, .funnel-detail-device-primary-table {
    flex-wrap: wrap;
  }

  .funnel-detail-device-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-device-frame-parent17, .funnel-detail-device-frame-parent18, .funnel-detail-device-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-element-details, .funnel-detail-device-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .funnel-detail-device-action-icons, .funnel-detail-device-element-details-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-device-icon-button {
    gap: 17px;
  }

  .funnel-detail-device-icon-button, .funnel-detail-device-sidebar1 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-device-rectangle-parent11 {
    gap: 16px;
  }

  .funnel-detail-device-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .funnel-detail-device-frame-parent39 {
    min-width: 100%;
  }

  .funnel-detail-device-frame-wrapper31 {
    margin-left: 0;
  }

  .funnel-detail-device-card-row {
    min-width: 100%;
  }

  .funnel-detail-device-list-item-parent {
    margin-left: 0;
  }

  .funnel-detail-device-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .funnel-detail-device-text-and-supporting-text2 {
    min-width: 100%;
  }

  .funnel-detail-device-actions4 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .funnel-detail-device-text-and-supporting-text3 {
    min-width: 100%;
  }

  .funnel-detail-device-actions5, .funnel-detail-device-table-cell51, .funnel-detail-device-table-cell52 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .funnel-detail-device-frame-parent, .funnel-detail-device-text-and-supporting-text16 {
    min-width: 100%;
  }

  .funnel-detail-device-empty-state3 {
    gap: 16px;
  }

  .funnel-detail-device-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .funnel-detail-device-container3 {
    gap: 16px;
  }

  .funnel-detail-device-component-funnel-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-device-component-funnel-action-fields {
    min-width: 100%;
  }

  .funnel-detail-device-component-funnel-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-component-funnel-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-device-component-funnel-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .funnel-detail-device-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .funnel-detail-device-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .funnel-detail-device-actions {
    flex-wrap: wrap;
  }

  .funnel-detail-device-number {
    font-size: 18px;
    line-height: 23px;
  }

  .funnel-detail-device-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-detail-device-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .funnel-detail-device-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .funnel-detail-device-number3, .funnel-detail-device-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .funnel-detail-device-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-device-price {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-device-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-device-date-elements-parent {
    flex: 1;
  }

  .funnel-detail-device-badge-container, .funnel-detail-device-frame-parent12 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-badge-group {
    height: auto;
    min-height: 104px;
  }

  .funnel-detail-device-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-device-work-type-icon {
    flex: 1;
  }

  .funnel-detail-device-calendar-icon6 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-work-type-label {
    margin-left: 0;
  }

  .funnel-detail-device-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-device-frame-parent36, .funnel-detail-device-frame-parent42 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-price5, .funnel-detail-device-price6, .funnel-detail-device-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-device-frame-parent64 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .funnel-detail-device-content22, .funnel-detail-device-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-device-input-dropdown3 {
    max-width: 100%;
  }

  .funnel-detail-device-table-cell50, .funnel-detail-device-table-cell53 {
    flex-wrap: wrap;
  }

  .funnel-detail-device-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .funnel-detail-device-column5, .funnel-detail-device-column6 {
    flex: 1;
  }

  .funnel-detail-device-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .funnel-detail-device-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-device-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .funnel-detail-device-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .funnel-detail-device-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }

  .funnel-detail-device-component-funnel-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-device-component-funnel-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-detail-device-component-funnel-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.funnel-detail-device-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 18px;
  display: flex;
}

.funnel-detail-device-display-form-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.funnel-detail-device-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-display-toggle-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-detail-device-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.funnel-detail-device-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-table {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.funnel-detail-device-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-device-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.funnel-detail-device-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.funnel-detail-device-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.funnel-detail-device-table-header-title {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-divider-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-table-content {
  box-sizing: border-box;
  scrollbar-width: thin;
  flex-direction: column;
  align-items: flex-start;
  width: 1332px;
  max-width: 100%;
  min-height: 100px;
  max-height: 545px;
  padding: 0 1px 0 0;
  display: flex;
  overflow: hidden auto;
}

.funnel-detail-device-table-row {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.funnel-detail-device-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 13px 24px 11px;
  display: flex;
}

.funnel-detail-device-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  min-height: 64.4px;
  padding: 11.5px 20px;
  display: flex;
}

.funnel-detail-device-table-cell10-a {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  min-height: 64.4px;
  padding: 9px 20px;
  display: flex;
}

.funnel-detail-device-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.funnel-detail-device-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.funnel-detail-device-column-title {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.funnel-detail-device-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  min-height: 64.4px;
  padding: 7px 26px 7.5px;
  display: flex;
}

.funnel-detail-device-table-cell20-a {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  min-height: 64.4px;
  padding: 10px 26px;
  display: flex;
}

.funnel-detail-device-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-device-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 120px;
  padding: 13px 27px 11px;
  display: flex;
}

.funnel-detail-device-table-cell30 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 120px;
  min-height: 64.4px;
  padding: 21px 27.5px;
  display: flex;
}

.funnel-detail-device-table-cell30-a {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 120px;
  min-height: 64.4px;
  padding: 21.5px 27.5px 20.5px;
  display: flex;
}

.funnel-detail-device-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 12px 27px;
  display: flex;
}

.funnel-detail-device-table-cell40 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  min-height: 64.4px;
  padding: 21px 50px 21.5px 27px;
  display: flex;
}

.funnel-detail-device-table-cell40-a {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  min-height: 64.4px;
  padding: 21px 50px 21px 27px;
  display: flex;
}

.funnel-detail-device-table-cell40-a-b {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  min-height: 64.4px;
  padding: 19px 50px 20px 27px;
  display: flex;
}

.funnel-detail-device-table-header-cell5 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 280px;
  padding: 12px 27px;
  display: flex;
}

.funnel-detail-device-table-cell50 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 125px;
  max-width: 225px;
  min-height: 64.4px;
  padding: 17px 17px 17px 27px;
  display: flex;
}

.funnel-detail-device-table-cell50-a {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 225px;
  max-width: 225px;
  min-height: 64.4px;
  padding: 17px 4px 17px 54px;
  display: flex;
}

.funnel-detail-device-table-header-cell6 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 12px 27px;
  display: flex;
}

.funnel-detail-device-table-cell60 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  min-height: 64.4px;
  padding: 20px 50px 19.5px 27px;
  display: flex;
}

.funnel-detail-device-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.funnel-detail-device-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.funnel-detail-device-table-header-cell-parent:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.funnel-detail-device-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-device-table-supporting-text4 {
  color: #344054;
  text-wrap: nowrap;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-table-avatar {
  background-image: url("avatar@3x.614c6518.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35px;
  height: 35px;
  display: flex;
}

.funnel-detail-device-dropdown1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 140px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-device-cell-title {
  text-align: left;
  color: #101828;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-device-text36 {
  color: #344054;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-text37 {
  color: #344054;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  font-family: Inter;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-text38 {
  color: #344054;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 260px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-device-stage-badge {
  width: 55px;
}

.funnel-detail-device-stage-badge-a {
  width: 95px;
}

.funnel-component-text2, .funnel-component-text3 {
  position: relative;
}

.funnel-component-text2 {
  color: inherit;
  white-space: nowrap;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.funnel-component-text3 {
  font-weight: 500;
  line-height: 18px;
}

.funnel-component-badge, .funnel-component-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-component-badge {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-component-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.funnel-component-supporting-text1 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-component-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.funnel-component-placeholder-icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-component-text4 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-component-text-padding2 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 14px;
  display: flex;
}

.funnel-component-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.funnel-component-button, .funnel-component-button1, .funnel-component-text-padding3 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.funnel-component-text-padding3 {
  padding: 0 13px;
  display: flex;
}

.funnel-component-button1 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-component-upload-cloud-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-component-text6 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.funnel-component-button2, .funnel-component-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-component-button2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-component-text7 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.funnel-component-actions1, .funnel-component-button3 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-component-button3 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-component-actions1 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.funnel-component-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-component-content1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-component-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
  display: flex;
}

.funnel-component-dropdown1 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: max-content;
  padding-left: 10px;
  display: flex;
}

.funnel-component-content1 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 20px 0;
}

.funnel-component-card-header, .funnel-component-content1, .funnel-component-divider-icon {
  align-self: stretch;
  max-width: 100%;
}

.funnel-component-divider-icon {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-component-card-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-component-text8 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.funnel-component-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-component-text9 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-button-group-base1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-component-text10 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-component-button-group-base2, .funnel-component-button-group-base3, .funnel-component-button-group-base4, .funnel-component-button-group-base5, .funnel-component-button-group-base6, .funnel-component-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.funnel-component-button-group-base3, .funnel-component-button-group-base4, .funnel-component-button-group-base5, .funnel-component-button-group-base6, .funnel-component-button-group-base7 {
  z-index: 5;
}

.funnel-component-button-group-base4, .funnel-component-button-group-base5, .funnel-component-button-group-base6, .funnel-component-button-group-base7 {
  z-index: 4;
}

.funnel-component-button-group-base5, .funnel-component-button-group-base6, .funnel-component-button-group-base7 {
  z-index: 3;
}

.funnel-component-button-group-base6, .funnel-component-button-group-base7 {
  z-index: 2;
}

.funnel-component-button-group-base7 {
  z-index: 1;
}

.funnel-component-text16 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-component-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-component-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-component-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-component-supporting-text2, .funnel-component-text17 {
  line-height: 24px;
  position: relative;
}

.funnel-component-text17 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 282px);
  min-width: 49px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

.funnel-component-supporting-text2 {
  align-self: stretch;
  width: 54px;
  display: none;
}

.funnel-component-content3, .funnel-component-input, .funnel-component-input-with-label {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-component-content3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.funnel-component-input, .funnel-component-input-with-label {
  align-self: stretch;
}

.funnel-component-input {
  box-sizing: border-box;
  color: #475467;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.funnel-component-input-with-label {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-component-hint-text {
  color: #475467;
  white-space: nowrap;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-component-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.funnel-component-text18 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.funnel-component-actions2, .funnel-component-button4 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-component-button4 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-component-actions2 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.funnel-component-content2, .funnel-component-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-component-content2 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
  align-self: flex-end !important;
}

.funnel-component-filters-bar {
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.funnel-component-main, .funnel-component-table-header-title, .funnel-component-text19 {
  color: #101828;
  text-align: left;
  font-family: Inter;
}

.funnel-component-main {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0;
  font-size: 26px;
  display: flex;
}

.funnel-component-table-header-title, .funnel-component-text19 {
  min-width: 123px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-component-text19 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.funnel-component-badge1, .funnel-component-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-component-badge1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.funnel-component-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.funnel-component-supporting-text3 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-component-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.funnel-component-text20 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-component-button5, .funnel-component-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.funnel-component-text-padding7 {
  align-self: stretch;
  padding: 0 2px;
}

.funnel-component-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.funnel-component-text21 {
  color: #6941c6;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-component-button6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-component-text22 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-component-button7 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-component-text23 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-component-button8 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-component-actions3, .funnel-component-card-header1, .funnel-component-content4 {
  justify-content: flex-start;
  max-width: 100%;
}

.funnel-component-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 0 24px 0 0;
  display: none;
}

.funnel-component-card-header1, .funnel-component-content4 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.funnel-component-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
}

.funnel-component-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
}

.funnel-component-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.funnel-component-text24 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.funnel-component-header-title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.funnel-component-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-component-header-icon, .funnel-component-table-header-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-component-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 4px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -360px;
  margin: 0 !important;
}

.funnel-component-checkbox {
  width: 20px;
  height: 20px;
  margin: 0;
}

.funnel-component-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.funnel-component-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.funnel-component-avatar, .funnel-component-contrast-border {
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.funnel-component-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.funnel-component-avatar {
  background-image: url("avatar@3x.614c6518.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.funnel-component-cell-title, .funnel-component-supporting-text4 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-cell-title {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.funnel-component-supporting-text4 {
  color: #475467;
  min-width: 97px;
}

.funnel-component-contrast-border1, .funnel-component-table-cell {
  box-sizing: border-box;
  position: absolute;
}

.funnel-component-table-cell {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  top: 44px;
  left: -360px;
  margin: 0 !important;
}

.funnel-component-contrast-border1 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.funnel-component-avatar1 {
  background-image: url("avatar1@3x.dbb57a87.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-component-text25 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -360px;
  margin: 0 !important;
}

.funnel-component-text26 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -360px;
  margin: 0 !important;
}

.funnel-component-avatar3 {
  background-image: url("avatar2@3x.71d78787.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-component-text27 {
  color: #101828;
  text-align: left;
  white-space: nowrap;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-contrast-border4, .funnel-component-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.funnel-component-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -360px;
}

.funnel-component-contrast-border4 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.funnel-component-text28 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-component-avatar4 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.funnel-component-text29 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -360px;
  margin: 0 !important;
}

.funnel-component-text30 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -360px;
  margin: 0 !important;
}

.funnel-component-avatar6 {
  background-image: url("avatar3@3x.6005525e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-component-text31 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-table-cell6, .funnel-component-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -360px;
  margin: 0 !important;
}

.funnel-component-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.funnel-component-avatar8 {
  background-image: url("avatar4@3x.e288d30e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-component-text34 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -360px;
  margin: 0 !important;
}

.funnel-component-avatar9 {
  background-image: url("avatar5@3x.3ed723c3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-component-text35 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -360px;
  margin: 0 !important;
}

.funnel-component-column-title {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.funnel-component-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-component-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.funnel-component-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 440px;
  padding: 13px 24px 11px;
  display: flex;
}

.funnel-component-text36 {
  color: #344054;
  text-align: center;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-component-location-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
  overflow: hidden;
}

.funnel-component-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 440px;
  min-height: 64.4px;
  padding: 19px 27px 11px;
  display: flex;
}

.funnel-component-text37 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-component-marker-pin-02-parent, .funnel-component-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-component-marker-pin-02-parent {
  gap: 7px;
}

.funnel-component-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.funnel-component-text38 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-component-table-cell15, .funnel-component-table-cell16, .funnel-component-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-component-table-cell16, .funnel-component-table-cell18 {
  width: 271px;
}

.funnel-component-table-cell18 {
  width: 239px;
}

.funnel-component-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  width: 120px;
  padding: 0;
}

.funnel-component-column, .funnel-component-table-header-cell-parent, .funnel-component-table-row {
  justify-content: start;
  display: flex;
}

.funnel-component-table-header-cell-parent {
  flex-direction: row;
  align-items: flex-start;
  position: relative;
}

.funnel-component-table-row {
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-end;
  width: 100%;
}

.funnel-component-description-column-title {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 24px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-component-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-component-table-header-cell2, .funnel-component-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-component-table-header1 {
  gap: 4px;
  width: 60px;
}

.funnel-component-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 191px;
  padding: 13px 27px 11px;
}

.funnel-component-text46 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 101px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 191px;
  min-height: 64.4px;
  padding: 26px 24px 24px 19px;
  display: flex;
}

.funnel-component-table-cell40 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 191px;
  padding: 26px 24px 24px 26px;
  display: flex;
}

.funnel-component-text47 {
  color: #475467;
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.funnel-component-text48 {
  color: #475467;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-component-text49 {
  min-width: 64px;
}

.funnel-component-text49, .funnel-component-text50, .funnel-component-text51 {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-text50 {
  min-width: 84px;
}

.funnel-component-text51 {
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 82px;
  height: 20px;
  padding: 0;
}

.funnel-component-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-component-text52 {
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 92px;
  height: 20px;
  padding: 0;
  display: inline-block;
}

.funnel-component-text52, .funnel-component-text53, .funnel-component-text54 {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.funnel-component-text53 {
  min-width: 68px;
  display: inline-block;
}

.funnel-component-text54 {
  white-space: nowrap;
}

.funnel-component-column1, .funnel-component-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-component-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.funnel-component-column1 {
  z-index: 1;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.funnel-component-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-component-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-component-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.funnel-component-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 191px;
  padding: 13px 27px 11px;
  display: flex;
}

.funnel-component-table-cell30 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 191px;
  min-height: 64.4px;
  padding: 26px 50px 24px 26px;
  display: flex;
}

.funnel-component-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.funnel-component-column2, .funnel-component-table-content {
  box-sizing: border-box;
  display: flex;
}

.funnel-component-column2 {
  z-index: 1;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.funnel-component-table-content {
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: 1014px;
  max-width: 100%;
  height: 607px;
  padding: 0 1px 0 0;
  overflow-y: auto;
}

.funnel-component-text56 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-buttonsbutton2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-component-button-wrap, .funnel-component-pagination-wrapper {
  justify-content: flex-start;
  display: flex;
}

.funnel-component-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.funnel-component-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.funnel-component-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-content5, .funnel-component-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-component-content5 {
  padding: 10px 16px;
}

.funnel-component-pagination-number-base {
  background-color: #f9fafb;
  overflow: hidden;
}

.funnel-component-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-content6, .funnel-component-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-component-content6 {
  padding: 10px 15px;
}

.funnel-component-pagination-number-base1 {
  overflow: hidden;
}

.funnel-component-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-content7, .funnel-component-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-component-content7 {
  padding: 10px 15px;
}

.funnel-component-pagination-number-base2 {
  overflow: hidden;
}

.funnel-component-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-content8 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.funnel-component-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-content11, .funnel-component-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-component-content11 {
  border-radius: 8px;
  padding: 10px 12px;
}

.funnel-component-pagination-numbers {
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.funnel-component-text57 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-component-button-wrap1, .funnel-component-buttonsbutton3 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-component-buttonsbutton3 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-component-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.funnel-component-pagination, .funnel-component-prsopective-buyers, .funnel-component-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-component-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-component-prsopective-buyers, .funnel-component-table {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  max-width: 100%;
  overflow: hidden;
}

.funnel-component-table {
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  margin: 0;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.funnel-component-prsopective-buyers {
  letter-spacing: normal;
  gap: 14px;
  margin: auto;
  line-height: normal;
}

.funnel-detail-device-table-data-custom-main-container {
  scrollbar-width: thin;
  height: 545px;
  overflow: hidden auto;
}

@media screen and (width <= 925px) {
  .funnel-component-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }
}

@media screen and (width <= 700px) {
  .funnel-component-text-and-badge, .funnel-component-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 121px;
  }

  .funnel-component-text-and-badge1 {
    padding-right: 182px;
  }

  .funnel-component-text-and-supporting-text2 {
    min-width: 100%;
  }

  .funnel-component-actions3 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .funnel-component-content3, .funnel-component-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-component-input-dropdown {
    max-width: 100%;
  }
}

.funnel-button-group {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-button-group-base1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: max-content;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.custom-cursor, .cursor-pointer {
  cursor: pointer;
}

.dashboard-content3 {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.dashboard-search-placeholder {
  color: #374151;
  background: none;
  border: none;
  outline: none;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  margin: 0;
  padding-left: 8px;
  padding-right: 120px;
  font-family: Inter;
  font-size: 16px;
}

.dashboard-search-placeholder::placeholder {
  color: #9ca3af;
  opacity: 1;
}

.dashboard-search-lg-icon {
  color: #9ca3af;
  flex-shrink: 0;
  transition: color .2s;
}

.dashboard-search-lg-icon:hover {
  color: #6b7280;
}

.dashboard-search-lg-icon:active {
  color: #4b5563;
}

.dashboard-input2-custom {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 280px;
  padding: 10px 14px;
  font-size: 16px;
  transition: all .2s;
  position: relative;
  overflow: visible;
  box-shadow: 0 1px 2px #0000000d;
}

.dashboard-input2-custom:hover {
  border-color: #9ca3af;
}

.admin-dashboard-table-dropdown-wrapper {
  align-items: center;
  gap: 8px;
  display: flex;
}

.admin-dashboard-table-static-right {
  background-color: #fff;
  align-items: center;
  gap: 8px;
  padding-left: 8px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}

.admin-search-input-cross-icon {
  color: #9ca3af;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  transition: color .2s;
}

.admin-search-input-cross-icon:hover {
  color: #6b7280;
}

.admin-search-input-cross-icon:active {
  color: #4b5563;
}

.dashboard-input-with-label2 {
  flex-direction: column;
  gap: 6px;
  display: flex;
  position: relative;
}

.dashboard-label {
  color: #374151;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 500;
}

.admin-dashboard-table-dropdown-container {
  flex-shrink: 0;
  align-items: center;
  display: flex;
  position: relative;
}

.admin-dashboard-table-dropdown-separator {
  vertical-align: middle;
  background-color: #e5e7eb;
  flex-shrink: 0;
  width: 1px;
  height: 20px;
  margin-right: 8px;
  display: inline-block;
}

.admin-dashboard-table-dropdown-trigger {
  cursor: pointer;
  color: #6b7280;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 4px;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 4px 0;
  font-size: 14px;
  transition: all .2s;
  display: flex;
}

.admin-dashboard-table-dropdown-trigger:hover {
  color: #374151;
}

.admin-dashboard-table-dropdown-trigger:focus {
  outline: 2px solid #0000;
}

.admin-dashboard-table-dropdown-text {
  white-space: nowrap;
  text-overflow: unset;
  min-width: 0;
  font-weight: 500;
  overflow: visible;
}

.admin-dashboard-table-dropdown-arrow {
  color: #9ca3af;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: transform .2s;
}

.admin-dashboard-table-dropdown-arrow-open {
  transform: rotate(180deg);
}

.admin-dashboard-table-dropdown-portal {
  z-index: 99999;
  position: absolute;
}

.admin-dashboard-table-dropdown-menu-portal {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  min-width: 120px;
  max-height: 200px;
  animation: .15s ease-out dropdownFadeIn;
  overflow: hidden auto;
  box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
}

.admin-dashboard-table-dropdown-item {
  cursor: pointer;
  color: #374151;
  white-space: nowrap;
  border-radius: 0;
  margin: 2px 10px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s;
  border-radius: 8px !important;
}

.admin-dashboard-table-dropdown-item:hover {
  background-color: #eaecf0;
}

.admin-dashboard-table-dropdown-item:active {
  background-color: #e5e7eb;
}

.admin-dashboard-table-dropdown-item-selected {
  color: #464646;
  background-color: #eaecf0;
  font-weight: 500;
}

.admin-dashboard-table-dropdown-item-selected:hover {
  background-color: #eaecf0;
}

.dropdown-parent-container {
  width: 100%;
  position: relative;
  overflow: visible;
}

@media (width <= 768px) {
  .dashboard-input2-custom {
    min-width: 240px;
  }

  .dashboard-search-placeholder {
    padding-right: 100px;
  }

  .admin-dashboard-table-dropdown-menu-portal {
    min-width: 100px;
    max-height: 150px;
  }

  .admin-dashboard-table-dropdown-item {
    padding: 8px 12px;
    font-size: 13px;
  }
}

@media (width <= 480px) {
  .dashboard-input2-custom {
    min-width: 200px;
  }

  .dashboard-search-placeholder {
    padding-right: 90px;
    font-size: 14px;
  }

  .admin-dashboard-table-dropdown-text {
    text-overflow: ellipsis;
    max-width: 60px;
    overflow: hidden;
  }
}

.dashboard-search-placeholder:focus {
  outline: none;
}

.admin-dashboard-table-dropdown-trigger:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #0000;
}

* {
  box-sizing: border-box;
}

.dashboard-input2-custom * {
  transition: color .2s, background-color .2s;
}

.filters-admin-user-sort-by-dropdown-avatar-online-indicator6, .filters-admin-user-sort-by-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.filters-admin-user-sort-by-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.filters-admin-user-sort-by-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.filters-admin-user-sort-by-dropdown-supporting-text84, .filters-admin-user-sort-by-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.filters-admin-user-sort-by-dropdown-text246 {
  font-weight: 600;
}

.filters-admin-user-sort-by-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.filters-admin-user-sort-by-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.filters-admin-user-sort-by-dropdown-avatar-label-group, .filters-admin-user-sort-by-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.filters-admin-user-sort-by-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.filters-admin-user-sort-by-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #f9fafb;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.filters-admin-user-sort-by-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.filters-admin-user-sort-by-dropdown-text247 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.filters-admin-user-sort-by-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.filters-admin-user-sort-by-dropdown-content48, .filters-admin-user-sort-by-dropdown-dropdown-list-item, .filters-admin-user-sort-by-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filters-admin-user-sort-by-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 10px;
}

.filters-admin-user-sort-by-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.filters-admin-user-sort-by-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.filters-admin-user-sort-by-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.filters-admin-user-sort-by-dropdown-dropdown-list-item10, .filters-admin-user-sort-by-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.filters-admin-user-sort-by-dropdown-dropdown-list-item10 {
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.filters-admin-user-sort-by-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.filters-admin-user-sort-by-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.filters-admin-user-sort-by-dropdown-dropdown-list-item11, .filters-admin-user-sort-by-dropdown-dropdown-list-item12, .filters-admin-user-sort-by-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.filters-admin-user-sort-by-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.filters-admin-user-sort-by-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.filters-admin-user-sort-by-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.filters-admin-user-sort-by-dropdown-dropdown-list-item12, .filters-admin-user-sort-by-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.filters-admin-user-sort-by-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.filters-admin-user-sort-by-dropdown-menu-items, .filters-admin-user-sort-by-dropdown-filters-admin-user-sort-by-all-options-fixed {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.filters-admin-user-sort-by-dropdown-menu-items {
  align-self: stretch;
}

.filters-admin-user-sort-by-dropdown-filters-admin-user-sort-by-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  line-height: normal;
  position: absolute;
  top: 50px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.funnel-all-sort-by-dropdown-avatar-online-indicator6, .funnel-all-sort-by-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.funnel-all-sort-by-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.funnel-all-sort-by-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.funnel-all-sort-by-dropdown-supporting-text84, .funnel-all-sort-by-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-all-sort-by-dropdown-text246 {
  font-weight: 600;
}

.funnel-all-sort-by-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.funnel-all-sort-by-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-all-sort-by-dropdown-avatar-label-group, .funnel-all-sort-by-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-all-sort-by-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.funnel-all-sort-by-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #f9fafb;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.funnel-all-sort-by-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-all-sort-by-dropdown-text247 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-all-sort-by-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.funnel-all-sort-by-dropdown-content48, .funnel-all-sort-by-dropdown-dropdown-list-item, .funnel-all-sort-by-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-all-sort-by-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 10px;
}

.funnel-all-sort-by-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.funnel-all-sort-by-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.funnel-all-sort-by-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.funnel-all-sort-by-dropdown-dropdown-list-item10, .funnel-all-sort-by-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.funnel-all-sort-by-dropdown-dropdown-list-item10 {
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.funnel-all-sort-by-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.funnel-all-sort-by-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-all-sort-by-dropdown-dropdown-list-item11, .funnel-all-sort-by-dropdown-dropdown-list-item12, .funnel-all-sort-by-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.funnel-all-sort-by-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.funnel-all-sort-by-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.funnel-all-sort-by-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.funnel-all-sort-by-dropdown-dropdown-list-item12, .funnel-all-sort-by-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.funnel-all-sort-by-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.funnel-all-sort-by-dropdown-menu-items, .funnel-all-sort-by-dropdown-funnel-all-sort-by-all-options-fixed {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.funnel-component-prsopective-buyers {
  position: relative;
}

.funnel-all-sort-by-dropdown-menu-items {
  align-self: stretch;
}

.funnel-all-sort-by-dropdown-funnel-all-sort-by-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  line-height: normal;
  position: absolute;
  top: 176px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.cursor-pointer {
  cursor: pointer;
}

.dashboard-content3 {
  align-items: center;
  width: 100%;
  display: flex;
}

.dashboard-search-placeholder {
  background: none;
  border: none;
  outline: none;
  flex-grow: 1;
  margin: 0 8px;
}

.dashboard-content3 .lucide-x {
  flex-shrink: 0;
}

.dashboard-input2-custom {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  padding: 8px 13px;
  font-size: 16px;
  transition: box-shadow .3s, border .3s;
  overflow: hidden;
}

.skeleton-chat-approacher-listing-offered-container {
  background: #f4f4f4;
  border-radius: 10px;
  flex-direction: column;
  align-self: flex-start;
  gap: 10px;
  width: 96%;
  height: 350px;
  margin: 0 29px;
  padding: 20px;
  display: flex;
}

.skeleton-chat-approacher-listing-offered-image {
  background: linear-gradient(90deg, #e0e0e0, #f0f0f0, #e0e0e0) 0 0 / 200% 100%;
  border-radius: 10px;
  width: 150px;
  height: 100px;
  animation: 1.5s infinite shimmer;
}

.skeleton-chat-approacher-listing-offered-header, .skeleton-chat-approacher-listing-offered-subheader, .skeleton-chat-approacher-listing-offered-tags, .skeleton-chat-approacher-listing-offered-footer {
  background: linear-gradient(90deg, #e0e0e0, #f0f0f0, #e0e0e0) 0 0 / 200% 100%;
  border-radius: 5px;
  height: 15px;
  animation: 1.5s infinite shimmer;
}

.custom-footer {
  height: 38px;
  margin-top: 97px;
}

.skeleton-chat-approacher-listing-offered-header {
  width: 80%;
}

.skeleton-chat-approacher-listing-offered-subheader {
  width: 60%;
}

.skeleton-chat-approacher-listing-offered-tags {
  width: 90%;
}

.skeleton-chat-approacher-listing-offered-stats {
  justify-content: space-between;
  height: 180px;
  display: flex;
}

.skeleton-chat-approacher-listing-offered-box {
  width: 20%;
  height: inherit;
  background: linear-gradient(90deg, #e0e0e0, #f0f0f0, #e0e0e0) 0 0 / 200% 100%;
  border-radius: 5px;
  animation: 1.5s infinite shimmer;
}

.stage-featured-icon2 {
  border-radius: 8px;
  padding-top: 3px;
  position: relative;
}

.stage-supporting-text91, .stage-title9 {
  white-space: nowrap;
  align-self: stretch;
  position: relative;
}

.stage-title9 {
  color: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.stage-supporting-text91 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.stage-content71, .stage-text-and-supporting-text26 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.stage-content71 {
  flex-direction: row;
  gap: 16px;
  position: absolute;
  top: 24px;
  left: 24px;
  margin: 0 !important;
}

.stage-button-close-x6, .stage-slide-out-menu-header {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.stage-button-close-x6 {
  z-index: 1;
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 8px 0;
  position: absolute;
  top: 27px;
  right: 26px;
  overflow: hidden;
  margin: 0 !important;
}

.stage-slide-out-menu-header {
  text-align: left;
  color: #101828;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  height: 78px;
  padding: 0 24px;
  font-family: Inter;
  font-size: 20px;
  position: relative;
}

.stage-label9 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.stage-content72 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 194px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.stage-help-icon2 {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
}

.stage-input6 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.stage-input6:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.stage-input6:hover {
  border-color: #7e56d9;
}

.stage-input6a {
  box-sizing: border-box;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"%3E%3Cpath fill=\"gray\" d=\"M10 12l-6-6h12z\"/%3E%3C/svg%3E");
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: none;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.stage-input6a:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.stage-input6a:hover {
  border-color: #7e56d9;
}

.stage-hint-text6 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.stage-input-field {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.stage-label10 {
  min-width: 94px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.stage-mail-01-icon, .stage-text274 {
  position: relative;
  overflow: hidden;
}

.stage-mail-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.stage-text274 {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 80%;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.stage-content73 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.stage-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.stage-form, .stage-input-field1, .stage-input7 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.stage-input7 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 50%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.stage-email-domain {
  color: #475467;
  width: 50%;
  padding: 9px 0 0 8px;
  line-height: 20px;
  position: relative;
}

.stage-email-card {
  flex-direction: row;
  display: flex;
}

.stage-form, .stage-input-field1 {
  flex-direction: column;
}

.stage-input-field1 {
  align-items: flex-start;
  gap: 6px;
}

.stage-form {
  align-items: flex-end;
}

.stage-label11, .stage-label12 {
  min-width: 108px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.stage-label12 {
  min-width: 69px;
}

.stage-section2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.stage-divider12, .stage-section-container {
  align-self: stretch;
  max-width: 100%;
}

.stage-section-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.stage-divider12 {
  background-color: #eaecf0;
  flex: 1;
  position: relative;
}

.stage-divider-wrapper, .stage-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.stage-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  height: 1px;
  padding: 0 24px;
}

.stage-slide-out-menu-header-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  gap: 24px;
  font-family: Inter;
  font-size: 14px;
}

.stage-placeholder-icon91 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.stage-text275 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.stage-buttonsbutton49, .stage-text-padding51 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.stage-buttonsbutton49 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.stage-buttonsbutton49:hover {
  background-color: #f9fafb;
}

.stage-text276 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.stage-actions19, .stage-buttonsbutton50 {
  flex-direction: row;
  display: flex;
}

.stage-buttonsbutton50 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.stage-buttonsbutton50:hover {
  background-color: #6941c6;
}

.stage-actions19 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 179px;
}

.stage-content76, .stage-footer2 {
  align-self: stretch;
  align-items: center;
  display: flex;
}

.stage-content76 {
  flex-direction: row;
  justify-content: flex-end;
  padding: 16px 24px;
}

.stage-footer2 {
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
}

.stage-panel {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 24px -4px #10182814, 0 8px 8px -4px #10182808;
}

.stage-slide-out-menu {
  letter-spacing: normal;
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 100%;
  line-height: normal;
  transition: transform .3s ease-in-out;
  display: flex;
}

.stage-slide-out-menu.open {
  transform: translateX(0);
}

@media screen and (width <= 400px) {
  .stage-panel {
    gap: 216px;
  }
}

.funnel-detail-spare-main-custom {
  width: 100% !important;
}

.funnel-detail-spare-search-lg-icon-custom {
  cursor: pointer;
}

.funnel-detail-spare-funnel-detail-spare-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.funnel-detail-spare-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.funnel-detail-spare-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-badge1, .funnel-detail-spare-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.funnel-detail-spare-navigation, .funnel-detail-spare-search-input {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.funnel-detail-spare-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-spare-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-content3, .funnel-detail-spare-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-content3 {
  flex: 1;
  gap: 8px;
}

.funnel-detail-spare-divider-icon, .funnel-detail-spare-home-line-icon {
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.funnel-detail-spare-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.funnel-detail-spare-content12, .funnel-detail-spare-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.funnel-detail-spare-content5, .funnel-detail-spare-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.funnel-detail-spare-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.funnel-detail-spare-supporting-text, .funnel-detail-spare-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-detail-spare-title {
  font-weight: 600;
}

.funnel-detail-spare-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.funnel-detail-spare-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.funnel-detail-spare-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.funnel-detail-spare-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-spare-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.funnel-detail-spare-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-spare-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.funnel-detail-spare-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.funnel-detail-spare-tabs {
  gap: 8px;
}

.funnel-detail-spare-breadcrumbs, .funnel-detail-spare-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-heading, .funnel-detail-spare-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.funnel-detail-spare-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-detail-spare-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.funnel-detail-spare-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.funnel-detail-spare-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-spare-button, .funnel-detail-spare-button1, .funnel-detail-spare-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-spare-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.funnel-detail-spare-button1, .funnel-detail-spare-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.funnel-detail-spare-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.funnel-detail-spare-actions, .funnel-detail-spare-button2, .funnel-detail-spare-button3 {
  flex-direction: row;
  align-items: center;
}

.funnel-detail-spare-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.funnel-detail-spare-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-spare-button4, .funnel-detail-spare-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.funnel-detail-spare-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-button6, .funnel-detail-spare-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-spare-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-content13, .funnel-detail-spare-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.funnel-detail-spare-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.funnel-detail-spare-content13, .funnel-detail-spare-divider-icon1, .funnel-detail-spare-page-header {
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-spare-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-spare-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-spare-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-button-group-base1, .funnel-detail-spare-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-spare-button-group-base2 {
  width: 77px;
}

.funnel-detail-spare-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-detail-spare-button-group-base3, .funnel-detail-spare-button-group-base4, .funnel-detail-spare-button-group-base5, .funnel-detail-spare-button-group-base6, .funnel-detail-spare-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.funnel-detail-spare-button-group-base4, .funnel-detail-spare-button-group-base5, .funnel-detail-spare-button-group-base6, .funnel-detail-spare-button-group-base7 {
  z-index: 4;
}

.funnel-detail-spare-button-group-base5, .funnel-detail-spare-button-group-base6, .funnel-detail-spare-button-group-base7 {
  z-index: 3;
}

.funnel-detail-spare-button-group-base6, .funnel-detail-spare-button-group-base7 {
  z-index: 2;
}

.funnel-detail-spare-button-group-base7 {
  z-index: 1;
}

.funnel-detail-spare-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-button-group, .funnel-detail-spare-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.funnel-detail-spare-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.funnel-detail-spare-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-actions2, .funnel-detail-spare-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.funnel-detail-spare-container, .funnel-detail-spare-header-section, .funnel-detail-spare-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.funnel-detail-spare-container, .funnel-detail-spare-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.funnel-detail-spare-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.funnel-detail-spare-header-section {
  flex-shrink: 0;
}

.funnel-detail-spare-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-spare-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.funnel-detail-spare-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-spare-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-spare-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-color2, .funnel-detail-spare-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-spare-color3 {
  background-color: #17b26a;
}

.funnel-detail-spare-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.funnel-detail-spare-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-spare-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-detail-spare-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.funnel-detail-spare-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-spare-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.funnel-detail-spare-divider, .funnel-detail-spare-y-axis-line, .funnel-detail-spare-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-spare-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.funnel-detail-spare-y-axis-line, .funnel-detail-spare-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.funnel-detail-spare-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.funnel-detail-spare-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.funnel-detail-spare-y-axis, .funnel-detail-spare-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-spare-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.funnel-detail-spare-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.funnel-detail-spare-jan, .funnel-detail-spare-jul, .funnel-detail-spare-jun, .funnel-detail-spare-mar, .funnel-detail-spare-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-jul, .funnel-detail-spare-jun, .funnel-detail-spare-mar, .funnel-detail-spare-may {
  min-width: 23px;
}

.funnel-detail-spare-jul, .funnel-detail-spare-jun, .funnel-detail-spare-may {
  min-width: 25px;
}

.funnel-detail-spare-jul, .funnel-detail-spare-jun {
  min-width: 22px;
}

.funnel-detail-spare-jul {
  min-width: 17px;
}

.funnel-detail-spare-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-spare-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.funnel-detail-spare-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.funnel-detail-spare-line-and-bar-chart, .funnel-detail-spare-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-line-and-bar-chart {
  flex: 1;
}

.funnel-detail-spare-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.funnel-detail-spare-heading1, .funnel-detail-spare-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-detail-spare-number {
  white-space: nowrap;
  line-height: 38px;
}

.funnel-detail-spare-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-change-and-text, .funnel-detail-spare-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-spare-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.funnel-detail-spare-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.funnel-detail-spare-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-detail-spare-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-dropdown, .funnel-detail-spare-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.funnel-detail-spare-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-detail-spare-change-and-text1, .funnel-detail-spare-container1, .funnel-detail-spare-metric-group, .funnel-detail-spare-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-detail-spare-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-spare-container1, .funnel-detail-spare-metric-group, .funnel-detail-spare-section {
  align-items: flex-start;
  max-width: 100%;
}

.funnel-detail-spare-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.funnel-detail-spare-container1, .funnel-detail-spare-section {
  flex-direction: column;
}

.funnel-detail-spare-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.funnel-detail-spare-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.funnel-detail-spare-separator, .funnel-detail-spare-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.funnel-detail-spare-separator1 {
  height: 43px;
}

.funnel-detail-spare-main, .funnel-detail-spare-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.funnel-detail-spare-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.funnel-detail-spare-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-spare-breadcrumb-button-base6, .funnel-detail-spare-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.funnel-detail-spare-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.funnel-detail-spare-breadcrumbs1, .funnel-detail-spare-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.funnel-detail-spare-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.funnel-detail-spare-breadcrumbs1 {
  width: 278px;
  display: none;
}

.funnel-detail-spare-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.funnel-detail-spare-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.funnel-detail-spare-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.funnel-detail-spare-content16, .funnel-detail-spare-input-with-label1, .funnel-detail-spare-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-detail-spare-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-detail-spare-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-spare-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.funnel-detail-spare-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.funnel-detail-spare-content15, .funnel-detail-spare-page-header-wrapper, .funnel-detail-spare-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.funnel-detail-spare-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.funnel-detail-spare-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-spare-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.funnel-detail-spare-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.funnel-detail-spare-text49, .funnel-detail-spare-text50, .funnel-detail-spare-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-text50, .funnel-detail-spare-text51 {
  min-width: 62px;
}

.funnel-detail-spare-text51 {
  min-width: 34px;
}

.funnel-detail-spare-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.funnel-detail-spare-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-detail-spare-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.funnel-detail-spare-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.funnel-detail-spare-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-spare-tab-button-base7, .funnel-detail-spare-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.funnel-detail-spare-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.funnel-detail-spare-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.funnel-detail-spare-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.funnel-detail-spare-horizontal-tabs, .funnel-detail-spare-horizontal-tabs-wrapper, .funnel-detail-spare-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.funnel-detail-spare-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.funnel-detail-spare-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.funnel-detail-spare-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-spare-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.funnel-detail-spare-dropdown3, .funnel-detail-spare-metric-card, .funnel-detail-spare-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.funnel-detail-spare-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.funnel-detail-spare-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-spare-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.funnel-detail-spare-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.funnel-detail-spare-frame-inner, .funnel-detail-spare-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.funnel-detail-spare-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.funnel-detail-spare-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.funnel-detail-spare-heading5, .funnel-detail-spare-number4 {
  z-index: 1;
  position: relative;
}

.funnel-detail-spare-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-spare-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.funnel-detail-spare-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.funnel-detail-spare-badge12, .funnel-detail-spare-frame-container, .funnel-detail-spare-heading-parent, .funnel-detail-spare-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.funnel-detail-spare-frame-container, .funnel-detail-spare-rectangle-container {
  box-sizing: border-box;
}

.funnel-detail-spare-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.funnel-detail-spare-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.funnel-detail-spare-heading-group {
  gap: 8px;
  width: 153px;
}

.funnel-detail-spare-dropdown7, .funnel-detail-spare-heading-container, .funnel-detail-spare-heading-group, .funnel-detail-spare-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-heading-container {
  gap: 8px;
  width: 163px;
}

.funnel-detail-spare-dropdown7, .funnel-detail-spare-heading-parent1 {
  flex-shrink: 0;
}

.funnel-detail-spare-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.funnel-detail-spare-dropdown7 {
  z-index: 1;
}

.funnel-detail-spare-frame-group, .funnel-detail-spare-frame-wrapper, .funnel-detail-spare-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.funnel-detail-spare-frame-group, .funnel-detail-spare-frame-wrapper {
  max-width: 100%;
}

.funnel-detail-spare-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.funnel-detail-spare-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.funnel-detail-spare-text62, .funnel-detail-spare-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-text63 {
  min-width: 74px;
}

.funnel-detail-spare-buttonsbutton4, .funnel-detail-spare-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.funnel-detail-spare-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-dropdowns, .funnel-detail-spare-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.funnel-detail-spare-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-input-dropdown2, .funnel-detail-spare-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.funnel-detail-spare-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.funnel-detail-spare-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.funnel-detail-spare-content17, .funnel-detail-spare-filters-bar, .funnel-detail-spare-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.funnel-detail-spare-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.funnel-detail-spare-frame-child3, .funnel-detail-spare-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.funnel-detail-spare-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.funnel-detail-spare-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.funnel-detail-spare-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.funnel-detail-spare-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-detail-spare-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.funnel-detail-spare-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-detail-spare-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-spare-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-detail-spare-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-location-badge, .funnel-detail-spare-location-badge-number, .funnel-detail-spare-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.funnel-detail-spare-location-badge, .funnel-detail-spare-type-number {
  box-sizing: border-box;
}

.funnel-detail-spare-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.funnel-detail-spare-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.funnel-detail-spare-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.funnel-detail-spare-location-elements, .funnel-detail-spare-type-badge-elements, .funnel-detail-spare-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.funnel-detail-spare-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.funnel-detail-spare-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-spare-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.funnel-detail-spare-badge-elements, .funnel-detail-spare-badge-elements-wrapper, .funnel-detail-spare-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.funnel-detail-spare-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.funnel-detail-spare-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-action-fields, .funnel-detail-spare-card-elements, .funnel-detail-spare-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.funnel-detail-spare-action-fields, .funnel-detail-spare-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.funnel-detail-spare-input-elements {
  align-self: stretch;
  gap: 16px;
}

.funnel-detail-spare-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.funnel-detail-spare-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-spare-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-spare-frame-wrapper3, .funnel-detail-spare-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.funnel-detail-spare-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.funnel-detail-spare-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.funnel-detail-spare-dropdown-elements, .funnel-detail-spare-dropdown-options-parent, .funnel-detail-spare-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.funnel-detail-spare-price-parent {
  flex-direction: column;
  flex: 1;
}

.funnel-detail-spare-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.funnel-detail-spare-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.funnel-detail-spare-content-actions, .funnel-detail-spare-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.funnel-detail-spare-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.funnel-detail-spare-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.funnel-detail-spare-name, .funnel-detail-spare-role {
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.funnel-detail-spare-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.funnel-detail-spare-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-detail-spare-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.funnel-detail-spare-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.funnel-detail-spare-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-buttonsbutton8, .funnel-detail-spare-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-spare-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.funnel-detail-spare-buttonsbutton-parent, .funnel-detail-spare-primary-table, .funnel-detail-spare-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.funnel-detail-spare-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.funnel-detail-spare-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.funnel-detail-spare-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-content-items, .funnel-detail-spare-help-avatar, .funnel-detail-spare-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.funnel-detail-spare-content-items, .funnel-detail-spare-rectangle-parent3 {
  box-sizing: border-box;
}

.funnel-detail-spare-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.funnel-detail-spare-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.funnel-detail-spare-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-spare-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-spare-badge-parent, .funnel-detail-spare-badge23, .funnel-detail-spare-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.funnel-detail-spare-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-spare-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-badge23, .funnel-detail-spare-badge24, .funnel-detail-spare-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.funnel-detail-spare-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.funnel-detail-spare-badge24, .funnel-detail-spare-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-badge-elements-copy, .funnel-detail-spare-badge25, .funnel-detail-spare-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.funnel-detail-spare-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.funnel-detail-spare-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-spare-badge26, .funnel-detail-spare-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.funnel-detail-spare-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-badge27, .funnel-detail-spare-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.funnel-detail-spare-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.funnel-detail-spare-frame-parent1, .funnel-detail-spare-frame-parent2, .funnel-detail-spare-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.funnel-detail-spare-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.funnel-detail-spare-frame-child5, .funnel-detail-spare-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.funnel-detail-spare-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.funnel-detail-spare-frame-child7, .funnel-detail-spare-text78 {
  z-index: 2;
  position: relative;
}

.funnel-detail-spare-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.funnel-detail-spare-text78 {
  font-weight: 600;
  line-height: 28px;
}

.funnel-detail-spare-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-location3, .funnel-detail-spare-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-type-of-work2 {
  min-width: 109px;
}

.funnel-detail-spare-frame-parent12, .funnel-detail-spare-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.funnel-detail-spare-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.funnel-detail-spare-badge29, .funnel-detail-spare-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.funnel-detail-spare-badge30 {
  width: 76px;
}

.funnel-detail-spare-badge-container, .funnel-detail-spare-badge30, .funnel-detail-spare-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.funnel-detail-spare-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-spare-badge-container, .funnel-detail-spare-badge32, .funnel-detail-spare-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.funnel-detail-spare-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.funnel-detail-spare-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-spare-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge33, .funnel-detail-spare-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-spare-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.funnel-detail-spare-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-price2, .funnel-detail-spare-text83 {
  position: relative;
}

.funnel-detail-spare-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.funnel-detail-spare-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-spare-radar-1-1-container, .funnel-detail-spare-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.funnel-detail-spare-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.funnel-detail-spare-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.funnel-detail-spare-name2, .funnel-detail-spare-role2 {
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.funnel-detail-spare-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.funnel-detail-spare-buttonsbutton13, .funnel-detail-spare-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-spare-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.funnel-detail-spare-buttonsbutton14, .funnel-detail-spare-buttonsbutton15, .funnel-detail-spare-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.funnel-detail-spare-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.funnel-detail-spare-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.funnel-detail-spare-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.funnel-detail-spare-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-frame-wrapper16, .funnel-detail-spare-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.funnel-detail-spare-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.funnel-detail-spare-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.funnel-detail-spare-divider-icon5, .funnel-detail-spare-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.funnel-detail-spare-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-spare-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.funnel-detail-spare-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.funnel-detail-spare-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge34, .funnel-detail-spare-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.funnel-detail-spare-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-spare-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-badge36, .funnel-detail-spare-badge37, .funnel-detail-spare-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.funnel-detail-spare-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-spare-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.funnel-detail-spare-badge38, .funnel-detail-spare-frame-parent26, .funnel-detail-spare-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.funnel-detail-spare-badge39, .funnel-detail-spare-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.funnel-detail-spare-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-element-details-child, .funnel-detail-spare-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.funnel-detail-spare-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.funnel-detail-spare-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.funnel-detail-spare-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.funnel-detail-spare-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.funnel-detail-spare-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.funnel-detail-spare-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.funnel-detail-spare-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-spare-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-date-icon, .funnel-detail-spare-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-type-label {
  color: #101828;
  font-size: 14px;
}

.funnel-detail-spare-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.funnel-detail-spare-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-spare-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-work-type-icon, .funnel-detail-spare-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.funnel-detail-spare-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.funnel-detail-spare-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.funnel-detail-spare-action-icons, .funnel-detail-spare-calendar-icon6, .funnel-detail-spare-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.funnel-detail-spare-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.funnel-detail-spare-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.funnel-detail-spare-element-actions, .funnel-detail-spare-element-details-parent, .funnel-detail-spare-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.funnel-detail-spare-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.funnel-detail-spare-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.funnel-detail-spare-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-spare-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.funnel-detail-spare-frame-parent32, .funnel-detail-spare-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.funnel-detail-spare-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.funnel-detail-spare-dropdown-parent1, .funnel-detail-spare-frame-parent31, .funnel-detail-spare-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.funnel-detail-spare-dropdown-parent1, .funnel-detail-spare-frame-parent31 {
  align-items: flex-end;
}

.funnel-detail-spare-frame-parent31 {
  flex: 1;
}

.funnel-detail-spare-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.funnel-detail-spare-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.funnel-detail-spare-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.funnel-detail-spare-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.funnel-detail-spare-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.funnel-detail-spare-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.funnel-detail-spare-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.funnel-detail-spare-span {
  font-weight: 500;
}

.funnel-detail-spare-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.funnel-detail-spare-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-spare-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-frame-parent36, .funnel-detail-spare-frame-parent37, .funnel-detail-spare-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-spare-frame-parent37, .funnel-detail-spare-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.funnel-detail-spare-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.funnel-detail-spare-text105, .funnel-detail-spare-text106, .funnel-detail-spare-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-spare-text105, .funnel-detail-spare-text106 {
  display: inline-block;
}

.funnel-detail-spare-text105 {
  min-width: 103px;
}

.funnel-detail-spare-text106 {
  flex-shrink: 0;
  width: 151px;
}

.funnel-detail-spare-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.funnel-detail-spare-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.funnel-detail-spare-supporting-text20, .funnel-detail-spare-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-supporting-text20 {
  min-width: 70.9px;
}

.funnel-detail-spare-supporting-text21 {
  width: 104px;
}

.funnel-detail-spare-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.funnel-detail-spare-frame-parent33, .funnel-detail-spare-frame-parent34, .funnel-detail-spare-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.funnel-detail-spare-frame-parent33, .funnel-detail-spare-frame-parent34 {
  flex: 1;
}

.funnel-detail-spare-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.funnel-detail-spare-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.funnel-detail-spare-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-buttonsbutton-wrapper, .funnel-detail-spare-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.funnel-detail-spare-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-dropdown-parent2, .funnel-detail-spare-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.funnel-detail-spare-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.funnel-detail-spare-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.funnel-detail-spare-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-spare-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.funnel-detail-spare-content-items5, .funnel-detail-spare-frame-child16, .funnel-detail-spare-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.funnel-detail-spare-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-spare-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.funnel-detail-spare-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-spare-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.funnel-detail-spare-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-spare-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-spare-frame-parent39, .funnel-detail-spare-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.funnel-detail-spare-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.funnel-detail-spare-dropdown14, .funnel-detail-spare-text112 {
  z-index: 1;
  position: absolute;
}

.funnel-detail-spare-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.funnel-detail-spare-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.funnel-detail-spare-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-spare-price6, .funnel-detail-spare-text113 {
  z-index: 1;
  position: relative;
}

.funnel-detail-spare-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-spare-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.funnel-detail-spare-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.funnel-detail-spare-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.funnel-detail-spare-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-spare-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.funnel-detail-spare-frame-parent46, .funnel-detail-spare-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.funnel-detail-spare-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.funnel-detail-spare-frame-parent45, .funnel-detail-spare-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.funnel-detail-spare-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.funnel-detail-spare-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.funnel-detail-spare-card-container-child, .funnel-detail-spare-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.funnel-detail-spare-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.funnel-detail-spare-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.funnel-detail-spare-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-spare-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-detail-spare-dropdown15, .funnel-detail-spare-item-title {
  z-index: 2;
  position: absolute;
}

.funnel-detail-spare-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.funnel-detail-spare-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.funnel-detail-spare-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-spare-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.funnel-detail-spare-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.funnel-detail-spare-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.funnel-detail-spare-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-spare-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-spare-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.funnel-detail-spare-card-container, .funnel-detail-spare-card-list, .funnel-detail-spare-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.funnel-detail-spare-card-container, .funnel-detail-spare-card-list {
  align-items: flex-start;
}

.funnel-detail-spare-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.funnel-detail-spare-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.funnel-detail-spare-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.funnel-detail-spare-frame-wrapper37, .funnel-detail-spare-price-wrapper, .funnel-detail-spare-text-wrapper18, .funnel-detail-spare-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.funnel-detail-spare-frame-wrapper37, .funnel-detail-spare-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.funnel-detail-spare-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.funnel-detail-spare-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.funnel-detail-spare-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.funnel-detail-spare-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.funnel-detail-spare-buttonsbutton-frame, .funnel-detail-spare-frame-parent64, .funnel-detail-spare-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.funnel-detail-spare-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.funnel-detail-spare-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-detail-spare-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.funnel-detail-spare-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-spare-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-change7, .funnel-detail-spare-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-spare-change7 {
  min-width: 38px;
  display: inline-block;
}

.funnel-detail-spare-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.funnel-detail-spare-change-and-text3, .funnel-detail-spare-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-spare-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.funnel-detail-spare-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-detail-spare-dropdown19, .funnel-detail-spare-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-detail-spare-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-buttonsbutton25, .funnel-detail-spare-buttonsbutton26, .funnel-detail-spare-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.funnel-detail-spare-buttonsbutton25, .funnel-detail-spare-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-spare-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-spare-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.funnel-detail-spare-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.funnel-detail-spare-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-arrow-square-up-right-wrapper1, .funnel-detail-spare-buttonsbutton-parent1, .funnel-detail-spare-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.funnel-detail-spare-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.funnel-detail-spare-divider-container1, .funnel-detail-spare-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.funnel-detail-spare-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.funnel-detail-spare-buttonsbutton-wrapper1, .funnel-detail-spare-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.funnel-detail-spare-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-detail-spare-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.funnel-detail-spare-badge46, .funnel-detail-spare-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-spare-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.funnel-detail-spare-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-actions3, .funnel-detail-spare-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.funnel-detail-spare-content20, .funnel-detail-spare-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-spare-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.funnel-detail-spare-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-card-header, .funnel-detail-spare-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.funnel-detail-spare-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.funnel-detail-spare-button-group-base9, .funnel-detail-spare-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.funnel-detail-spare-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.funnel-detail-spare-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.funnel-detail-spare-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-spare-button-group-base10, .funnel-detail-spare-button-group-base11, .funnel-detail-spare-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.funnel-detail-spare-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.funnel-detail-spare-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-spare-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.funnel-detail-spare-content22, .funnel-detail-spare-input-with-label3, .funnel-detail-spare-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.funnel-detail-spare-input-with-label3, .funnel-detail-spare-input3 {
  align-self: stretch;
}

.funnel-detail-spare-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.funnel-detail-spare-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-detail-spare-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-spare-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.funnel-detail-spare-actions4, .funnel-detail-spare-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.funnel-detail-spare-content-items9, .funnel-detail-spare-content21, .funnel-detail-spare-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.funnel-detail-spare-content-items9, .funnel-detail-spare-filters-bar1 {
  justify-content: flex-start;
}

.funnel-detail-spare-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.funnel-detail-spare-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.funnel-detail-spare-badge-number1, .funnel-detail-spare-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.funnel-detail-spare-badge47, .funnel-detail-spare-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-spare-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.funnel-detail-spare-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.funnel-detail-spare-actions5, .funnel-detail-spare-card-header1, .funnel-detail-spare-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.funnel-detail-spare-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.funnel-detail-spare-card-header1, .funnel-detail-spare-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.funnel-detail-spare-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.funnel-detail-spare-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-detail-spare-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.funnel-detail-spare-checkbox-wrapper, .funnel-detail-spare-sub-nav-items-wrapper, .funnel-detail-spare-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.funnel-detail-spare-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.funnel-detail-spare-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-avatar2, .funnel-detail-spare-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.funnel-detail-spare-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.funnel-detail-spare-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.funnel-detail-spare-account-button, .funnel-detail-spare-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-account-button {
  min-width: 75px;
  font-weight: 500;
}

.funnel-detail-spare-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.funnel-detail-spare-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-spare-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-spare-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-spare-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-spare-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-spare-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-contrast-border6, .funnel-detail-spare-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.funnel-detail-spare-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.funnel-detail-spare-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-detail-spare-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.funnel-detail-spare-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-button-upload, .funnel-detail-spare-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.funnel-detail-spare-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-spare-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-spare-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-spare-table-cell6, .funnel-detail-spare-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-spare-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.funnel-detail-spare-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-spare-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-spare-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-spare-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-spare-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.funnel-detail-spare-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-spare-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-cell15, .funnel-detail-spare-table-cell16, .funnel-detail-spare-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-spare-table-cell16, .funnel-detail-spare-table-cell18 {
  width: 271px;
}

.funnel-detail-spare-table-cell18 {
  width: 239px;
}

.funnel-detail-spare-column, .funnel-detail-spare-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-spare-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.funnel-detail-spare-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-spare-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.funnel-detail-spare-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-spare-user-cell2, .funnel-detail-spare-user-cell3, .funnel-detail-spare-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-user-cell3, .funnel-detail-spare-user-cell4 {
  min-width: 84px;
}

.funnel-detail-spare-user-cell4 {
  min-width: 82px;
}

.funnel-detail-spare-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-spare-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.funnel-detail-spare-user-cell5, .funnel-detail-spare-user-cell6, .funnel-detail-spare-user-cell7 {
  line-height: 20px;
  position: relative;
}

.funnel-detail-spare-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.funnel-detail-spare-user-cell7 {
  white-space: nowrap;
}

.funnel-detail-spare-column1, .funnel-detail-spare-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.funnel-detail-spare-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.funnel-detail-spare-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.funnel-detail-spare-column2, .funnel-detail-spare-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.funnel-detail-spare-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-spare-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-button-wrap, .funnel-detail-spare-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.funnel-detail-spare-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.funnel-detail-spare-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-content24, .funnel-detail-spare-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-content24 {
  padding: 10px 16px;
}

.funnel-detail-spare-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.funnel-detail-spare-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-content25, .funnel-detail-spare-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-content25 {
  padding: 10px 15px;
}

.funnel-detail-spare-pagination-number-base1 {
  overflow: hidden;
}

.funnel-detail-spare-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-content26, .funnel-detail-spare-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-content26 {
  padding: 10px 15px;
}

.funnel-detail-spare-pagination-number-base2 {
  overflow: hidden;
}

.funnel-detail-spare-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.funnel-detail-spare-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-content30, .funnel-detail-spare-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.funnel-detail-spare-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.funnel-detail-spare-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-button-wrap1, .funnel-detail-spare-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.funnel-detail-spare-pagination, .funnel-detail-spare-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-detail-spare-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.funnel-detail-spare-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.funnel-detail-spare-content-items10, .funnel-detail-spare-content-items11, .funnel-detail-spare-table-cell41, .funnel-detail-spare-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.funnel-detail-spare-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-spare-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-spare-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.funnel-detail-spare-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-spare-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-cell50, .funnel-detail-spare-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.funnel-detail-spare-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.funnel-detail-spare-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.funnel-detail-spare-column3, .funnel-detail-spare-table-cell52, .funnel-detail-spare-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.funnel-detail-spare-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.funnel-detail-spare-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.funnel-detail-spare-marker-pin-02-group, .funnel-detail-spare-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-marker-pin-02-group {
  gap: 7px;
}

.funnel-detail-spare-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.funnel-detail-spare-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.funnel-detail-spare-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.funnel-detail-spare-column-wrapper, .funnel-detail-spare-column4, .funnel-detail-spare-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.funnel-detail-spare-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.funnel-detail-spare-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.funnel-detail-spare-column5, .funnel-detail-spare-column6, .funnel-detail-spare-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.funnel-detail-spare-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.funnel-detail-spare-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-spare-column-parent, .funnel-detail-spare-frame-parent74, .funnel-detail-spare-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-spare-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.funnel-detail-spare-frame-parent74, .funnel-detail-spare-pagination1 {
  align-self: stretch;
}

.funnel-detail-spare-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.funnel-detail-spare-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-detail-spare-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-badge50, .funnel-detail-spare-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-spare-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.funnel-detail-spare-content-items14, .funnel-detail-spare-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.funnel-detail-spare-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.funnel-detail-spare-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-button-group-base27, .funnel-detail-spare-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-spare-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.funnel-detail-spare-button-group-base28 {
  background-color: #fff;
}

.funnel-detail-spare-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.funnel-detail-spare-filter-bar-container, .funnel-detail-spare-frame-parent, .funnel-detail-spare-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.funnel-detail-spare-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.funnel-detail-spare-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.funnel-detail-spare-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.funnel-detail-spare-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.funnel-detail-spare-buttonsbutton33, .funnel-detail-spare-content45, .funnel-detail-spare-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.funnel-detail-spare-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.funnel-detail-spare-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-actions11, .funnel-detail-spare-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.funnel-detail-spare-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.funnel-detail-spare-empty-state, .funnel-detail-spare-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.funnel-detail-spare-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.funnel-detail-spare-empty-state-wrapper, .funnel-detail-spare-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.funnel-detail-spare-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.funnel-detail-spare-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-spare-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.funnel-detail-spare-content46, .funnel-detail-spare-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.funnel-detail-spare-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.funnel-detail-spare-add, .funnel-detail-spare-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-learn-more {
  min-width: 88px;
}

.funnel-detail-spare-actions12, .funnel-detail-spare-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-spare-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.funnel-detail-spare-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.funnel-detail-spare-empty-state-container, .funnel-detail-spare-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.funnel-detail-spare-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.funnel-detail-spare-funnel-detail-spare-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.funnel-detail-spare-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.funnel-detail-spare-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-spare-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.funnel-detail-spare-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.funnel-detail-spare-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.funnel-detail-spare-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.funnel-detail-spare-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-detail-spare-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.funnel-detail-spare-component-listing-container::-webkit-scrollbar {
  display: none;
}

.funnel-detail-spare-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.funnel-detail-spare-component-funnel-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.funnel-detail-spare-component-funnel-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.funnel-detail-spare-component-funnel-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-detail-spare-component-funnel-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-component-funnel-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.funnel-detail-spare-component-funnel-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-component-funnel-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 80%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-detail-spare-component-funnel-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-spare-component-funnel-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.funnel-detail-spare-component-funnel-text78:hover {
  text-decoration: underline;
}

.funnel-detail-spare-component-funnel-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-detail-spare-component-funnel-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.funnel-detail-spare-component-funnel-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.funnel-detail-spare-component-funnel-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-spare-component-funnel-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-detail-spare-component-funnel-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-spare-component-funnel-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.funnel-detail-spare-component-funnel-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.funnel-detail-spare-component-funnel-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-component-funnel-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-component-funnel-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-spare-component-funnel-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-detail-spare-component-funnel-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-detail-spare-component-funnel-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-component-funnel-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-component-funnel-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.funnel-detail-spare-component-funnel-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-spare-component-funnel-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-component-funnel-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-component-funnel-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-spare-component-funnel-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.funnel-detail-spare-component-funnel-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-spare-component-funnel-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-component-funnel-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-component-funnel-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-component-funnel-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.funnel-detail-spare-component-funnel-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.funnel-detail-spare-component-funnel-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: -20px;
  display: flex;
}

.funnel-detail-spare-component-funnel-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-component-funnel-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-spare-component-funnel-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-spare-component-funnel-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-spare-component-funnel-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-detail-spare-component-funnel-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.funnel-detail-spare-component-funnel-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-spare-component-funnel-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-spare-component-funnel-divider-icon8 {
  z-index: 2;
  width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-spare-component-funnel-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.funnel-detail-spare-component-funnel-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-component-funnel-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-detail-spare-component-funnel-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.funnel-detail-spare-component-funnel-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-detail-spare-component-funnel-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-spare-component-funnel-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-detail-spare-component-funnel-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-component-funnel-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-component-funnel-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-detail-spare-component-funnel-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-detail-spare-component-funnel-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 95%;
  font-size: 14px;
  display: flex;
}

.funnel-detail-spare-component-funnel-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.funnel-detail-spare-component-funnel-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-component-funnel-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-component-funnel-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-buttonsbutton25, .funnel-detail-spare-component-funnel-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-component-funnel-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-spare-component-funnel-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-detail-spare-component-funnel-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-spare-component-funnel-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-spare-component-funnel-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-spare-component-funnel-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.funnel-detail-spare-component-funnel-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.funnel-detail-spare-component-funnel-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.funnel-detail-spare-component-funnel-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.funnel-detail-spare-component-funnel-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-spare-component-funnel-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1275px) {
  .funnel-detail-spare-all, .funnel-detail-spare-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .funnel-detail-spare-all {
    padding-bottom: 67px;
  }

  .funnel-detail-spare-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .funnel-detail-spare-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .funnel-detail-spare-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .funnel-detail-spare-content-elements-parent, .funnel-detail-spare-content17, .funnel-detail-spare-frame-group, .funnel-detail-spare-rectangle-parent10, .funnel-detail-spare-rectangle-parent5, .funnel-detail-spare-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .funnel-detail-spare-frame-wrapper31 {
    flex: 1;
  }

  .funnel-detail-spare-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-list-item-parent {
    flex: 1;
  }

  .funnel-detail-spare-card-list, .funnel-detail-spare-content20, .funnel-detail-spare-content21, .funnel-detail-spare-metric-item-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .funnel-detail-spare-content23, .funnel-detail-spare-frame-parent73, .funnel-detail-spare-frame-parent74 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .funnel-detail-spare-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }

  .funnel-detail-spare-component-funnel-rectangle-parent5, .funnel-detail-spare-component-funnel-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .funnel-detail-spare-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-spare-content13 {
    gap: 17px;
  }

  .funnel-detail-spare-tabs-and-filters {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-jul {
    width: 100%;
    height: 17px;
  }

  .funnel-detail-spare-x-axis {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-number {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-spare-main {
    gap: 16px;
  }

  .funnel-detail-spare-number3, .funnel-detail-spare-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .funnel-detail-spare-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .funnel-detail-spare-badge-elements, .funnel-detail-spare-card-elements, .funnel-detail-spare-dropdowns, .funnel-detail-spare-location-badge-number {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-action-fields {
    min-width: 100%;
  }

  .funnel-detail-spare-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-spare-frame-parent2, .funnel-detail-spare-primary-table {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-spare-frame-parent17, .funnel-detail-spare-frame-parent18, .funnel-detail-spare-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-element-details, .funnel-detail-spare-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .funnel-detail-spare-action-icons, .funnel-detail-spare-element-details-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-icon-button {
    gap: 17px;
  }

  .funnel-detail-spare-icon-button, .funnel-detail-spare-sidebar1 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-spare-rectangle-parent11 {
    gap: 16px;
  }

  .funnel-detail-spare-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .funnel-detail-spare-frame-parent39 {
    min-width: 100%;
  }

  .funnel-detail-spare-frame-wrapper31 {
    margin-left: 0;
  }

  .funnel-detail-spare-card-row {
    min-width: 100%;
  }

  .funnel-detail-spare-list-item-parent {
    margin-left: 0;
  }

  .funnel-detail-spare-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .funnel-detail-spare-text-and-supporting-text2 {
    min-width: 100%;
  }

  .funnel-detail-spare-actions4 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .funnel-detail-spare-text-and-supporting-text3 {
    min-width: 100%;
  }

  .funnel-detail-spare-actions5, .funnel-detail-spare-table-cell51, .funnel-detail-spare-table-cell52 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .funnel-detail-spare-frame-parent, .funnel-detail-spare-text-and-supporting-text16 {
    min-width: 100%;
  }

  .funnel-detail-spare-empty-state3 {
    gap: 16px;
  }

  .funnel-detail-spare-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .funnel-detail-spare-container3 {
    gap: 16px;
  }

  .funnel-detail-spare-component-funnel-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-spare-component-funnel-action-fields {
    min-width: 100%;
  }

  .funnel-detail-spare-component-funnel-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-component-funnel-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-spare-component-funnel-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .funnel-detail-spare-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .funnel-detail-spare-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .funnel-detail-spare-actions {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-number {
    font-size: 18px;
    line-height: 23px;
  }

  .funnel-detail-spare-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .funnel-detail-spare-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .funnel-detail-spare-number3, .funnel-detail-spare-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .funnel-detail-spare-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-spare-price {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-spare-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-date-elements-parent {
    flex: 1;
  }

  .funnel-detail-spare-badge-container, .funnel-detail-spare-frame-parent12 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-badge-group {
    height: auto;
    min-height: 104px;
  }

  .funnel-detail-spare-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-spare-work-type-icon {
    flex: 1;
  }

  .funnel-detail-spare-calendar-icon6 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-work-type-label {
    margin-left: 0;
  }

  .funnel-detail-spare-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-spare-frame-parent36, .funnel-detail-spare-frame-parent42 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-price5, .funnel-detail-spare-price6, .funnel-detail-spare-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-spare-frame-parent64 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .funnel-detail-spare-content22, .funnel-detail-spare-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-spare-input-dropdown3 {
    max-width: 100%;
  }

  .funnel-detail-spare-table-cell50, .funnel-detail-spare-table-cell53 {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .funnel-detail-spare-column5, .funnel-detail-spare-column6 {
    flex: 1;
  }

  .funnel-detail-spare-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .funnel-detail-spare-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-spare-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .funnel-detail-spare-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .funnel-detail-spare-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }

  .funnel-detail-spare-component-funnel-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-spare-component-funnel-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-detail-spare-component-funnel-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.beacon-detail-device-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.sbeacon-detail-device-component-listing-container::-webkit-scrollbar {
  display: none;
}

.beacon-detail-device-main-custom {
  width: 100% !important;
}

.beacon-detail-device-search-lg-icon-custom {
  cursor: pointer;
}

.beacon-detail-device-beacon-detail-device-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.beacon-detail-device-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.beacon-detail-device-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-badge1, .beacon-detail-device-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.beacon-detail-device-navigation, .beacon-detail-device-search-input {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.beacon-detail-device-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-device-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-content3, .beacon-detail-device-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-device-content3 {
  flex: 1;
  gap: 8px;
}

.beacon-detail-device-divider-icon, .beacon-detail-device-home-line-icon {
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.beacon-detail-device-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.beacon-detail-device-content12, .beacon-detail-device-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.beacon-detail-device-content5, .beacon-detail-device-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.beacon-detail-device-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.beacon-detail-device-supporting-text, .beacon-detail-device-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.beacon-detail-device-title {
  font-weight: 600;
}

.beacon-detail-device-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.beacon-detail-device-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.beacon-detail-device-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.beacon-detail-device-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-device-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.beacon-detail-device-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-device-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.beacon-detail-device-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.beacon-detail-device-tabs {
  gap: 8px;
}

.beacon-detail-device-breadcrumbs, .beacon-detail-device-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-device-heading, .beacon-detail-device-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.beacon-detail-device-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-detail-device-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.beacon-detail-device-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.beacon-detail-device-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-detail-device-button, .beacon-detail-device-button1, .beacon-detail-device-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.beacon-detail-device-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.beacon-detail-device-button1, .beacon-detail-device-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.beacon-detail-device-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.beacon-detail-device-actions, .beacon-detail-device-button2, .beacon-detail-device-button3 {
  flex-direction: row;
  align-items: center;
}

.beacon-detail-device-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.beacon-detail-device-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-device-button4, .beacon-detail-device-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.beacon-detail-device-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-button6, .beacon-detail-device-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-detail-device-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-content13, .beacon-detail-device-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.beacon-detail-device-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.beacon-detail-device-content13, .beacon-detail-device-divider-icon1, .beacon-detail-device-page-header {
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-device-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-detail-device-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-device-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-button-group-base1, .beacon-detail-device-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-device-button-group-base2 {
  width: 77px;
}

.beacon-detail-device-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.beacon-detail-device-button-group-base3, .beacon-detail-device-button-group-base4, .beacon-detail-device-button-group-base5, .beacon-detail-device-button-group-base6, .beacon-detail-device-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.beacon-detail-device-button-group-base4, .beacon-detail-device-button-group-base5, .beacon-detail-device-button-group-base6, .beacon-detail-device-button-group-base7 {
  z-index: 4;
}

.beacon-detail-device-button-group-base5, .beacon-detail-device-button-group-base6, .beacon-detail-device-button-group-base7 {
  z-index: 3;
}

.beacon-detail-device-button-group-base6, .beacon-detail-device-button-group-base7 {
  z-index: 2;
}

.beacon-detail-device-button-group-base7 {
  z-index: 1;
}

.beacon-detail-device-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-button-group, .beacon-detail-device-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.beacon-detail-device-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.beacon-detail-device-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-actions2, .beacon-detail-device-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-device-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.beacon-detail-device-container, .beacon-detail-device-header-section, .beacon-detail-device-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.beacon-detail-device-container, .beacon-detail-device-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.beacon-detail-device-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.beacon-detail-device-header-section {
  flex-shrink: 0;
}

.beacon-detail-device-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-device-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.beacon-detail-device-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-device-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-device-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-color2, .beacon-detail-device-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-device-color3 {
  background-color: #17b26a;
}

.beacon-detail-device-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.beacon-detail-device-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-device-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.beacon-detail-device-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.beacon-detail-device-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-device-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.beacon-detail-device-divider, .beacon-detail-device-y-axis-line, .beacon-detail-device-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-device-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.beacon-detail-device-y-axis-line, .beacon-detail-device-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.beacon-detail-device-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.beacon-detail-device-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.beacon-detail-device-y-axis, .beacon-detail-device-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-device-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.beacon-detail-device-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.beacon-detail-device-jan, .beacon-detail-device-jul, .beacon-detail-device-jun, .beacon-detail-device-mar, .beacon-detail-device-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-jul, .beacon-detail-device-jun, .beacon-detail-device-mar, .beacon-detail-device-may {
  min-width: 23px;
}

.beacon-detail-device-jul, .beacon-detail-device-jun, .beacon-detail-device-may {
  min-width: 25px;
}

.beacon-detail-device-jul, .beacon-detail-device-jun {
  min-width: 22px;
}

.beacon-detail-device-jul {
  min-width: 17px;
}

.beacon-detail-device-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-device-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.beacon-detail-device-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.beacon-detail-device-line-and-bar-chart, .beacon-detail-device-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-line-and-bar-chart {
  flex: 1;
}

.beacon-detail-device-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.beacon-detail-device-heading1, .beacon-detail-device-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.beacon-detail-device-number {
  white-space: nowrap;
  line-height: 38px;
}

.beacon-detail-device-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.beacon-detail-device-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-change-and-text, .beacon-detail-device-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-device-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.beacon-detail-device-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.beacon-detail-device-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-detail-device-dropdown, .beacon-detail-device-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.beacon-detail-device-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-detail-device-change-and-text1, .beacon-detail-device-container1, .beacon-detail-device-metric-group, .beacon-detail-device-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.beacon-detail-device-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-device-container1, .beacon-detail-device-metric-group, .beacon-detail-device-section {
  align-items: flex-start;
  max-width: 100%;
}

.beacon-detail-device-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.beacon-detail-device-container1, .beacon-detail-device-section {
  flex-direction: column;
}

.beacon-detail-device-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.beacon-detail-device-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.beacon-detail-device-separator, .beacon-detail-device-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.beacon-detail-device-separator1 {
  height: 43px;
}

.beacon-detail-device-main, .beacon-detail-device-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.beacon-detail-device-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.beacon-detail-device-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-device-breadcrumb-button-base6, .beacon-detail-device-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.beacon-detail-device-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.beacon-detail-device-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.beacon-detail-device-breadcrumbs1, .beacon-detail-device-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.beacon-detail-device-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.beacon-detail-device-breadcrumbs1 {
  width: 278px;
  display: none;
}

.beacon-detail-device-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.beacon-detail-device-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.beacon-detail-device-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.beacon-detail-device-content16, .beacon-detail-device-input-with-label1, .beacon-detail-device-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.beacon-detail-device-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.beacon-detail-device-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-device-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.beacon-detail-device-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.beacon-detail-device-content15, .beacon-detail-device-page-header-wrapper, .beacon-detail-device-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.beacon-detail-device-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.beacon-detail-device-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-device-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.beacon-detail-device-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.beacon-detail-device-text49, .beacon-detail-device-text50, .beacon-detail-device-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-text50, .beacon-detail-device-text51 {
  min-width: 62px;
}

.beacon-detail-device-text51 {
  min-width: 34px;
}

.beacon-detail-device-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.beacon-detail-device-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.beacon-detail-device-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.beacon-detail-device-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.beacon-detail-device-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-device-tab-button-base7, .beacon-detail-device-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.beacon-detail-device-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.beacon-detail-device-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.beacon-detail-device-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.beacon-detail-device-horizontal-tabs, .beacon-detail-device-horizontal-tabs-wrapper, .beacon-detail-device-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.beacon-detail-device-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.beacon-detail-device-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.beacon-detail-device-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-device-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.beacon-detail-device-dropdown3, .beacon-detail-device-metric-card, .beacon-detail-device-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.beacon-detail-device-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.beacon-detail-device-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-device-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.beacon-detail-device-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.beacon-detail-device-frame-inner, .beacon-detail-device-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.beacon-detail-device-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.beacon-detail-device-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.beacon-detail-device-heading5, .beacon-detail-device-number4 {
  z-index: 1;
  position: relative;
}

.beacon-detail-device-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.beacon-detail-device-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.beacon-detail-device-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.beacon-detail-device-badge12, .beacon-detail-device-frame-container, .beacon-detail-device-heading-parent, .beacon-detail-device-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.beacon-detail-device-frame-container, .beacon-detail-device-rectangle-container {
  box-sizing: border-box;
}

.beacon-detail-device-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.beacon-detail-device-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.beacon-detail-device-heading-group {
  gap: 8px;
  width: 153px;
}

.beacon-detail-device-dropdown7, .beacon-detail-device-heading-container, .beacon-detail-device-heading-group, .beacon-detail-device-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-heading-container {
  gap: 8px;
  width: 163px;
}

.beacon-detail-device-dropdown7, .beacon-detail-device-heading-parent1 {
  flex-shrink: 0;
}

.beacon-detail-device-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.beacon-detail-device-dropdown7 {
  z-index: 1;
}

.beacon-detail-device-frame-group, .beacon-detail-device-frame-wrapper, .beacon-detail-device-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.beacon-detail-device-frame-group, .beacon-detail-device-frame-wrapper {
  max-width: 100%;
}

.beacon-detail-device-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.beacon-detail-device-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.beacon-detail-device-text62, .beacon-detail-device-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-text63 {
  min-width: 74px;
}

.beacon-detail-device-buttonsbutton4, .beacon-detail-device-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.beacon-detail-device-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-dropdowns, .beacon-detail-device-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.beacon-detail-device-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-input-dropdown2, .beacon-detail-device-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.beacon-detail-device-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.beacon-detail-device-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.beacon-detail-device-content17, .beacon-detail-device-filters-bar, .beacon-detail-device-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.beacon-detail-device-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.beacon-detail-device-frame-child3, .beacon-detail-device-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.beacon-detail-device-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.beacon-detail-device-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.beacon-detail-device-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.beacon-detail-device-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-device-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.beacon-detail-device-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-detail-device-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-device-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-detail-device-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-location-badge, .beacon-detail-device-location-badge-number, .beacon-detail-device-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.beacon-detail-device-location-badge, .beacon-detail-device-type-number {
  box-sizing: border-box;
}

.beacon-detail-device-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.beacon-detail-device-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.beacon-detail-device-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.beacon-detail-device-location-elements, .beacon-detail-device-type-badge-elements, .beacon-detail-device-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.beacon-detail-device-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.beacon-detail-device-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-device-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.beacon-detail-device-badge-elements, .beacon-detail-device-badge-elements-wrapper, .beacon-detail-device-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.beacon-detail-device-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.beacon-detail-device-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-action-fields, .beacon-detail-device-card-elements, .beacon-detail-device-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.beacon-detail-device-action-fields, .beacon-detail-device-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.beacon-detail-device-input-elements {
  align-self: stretch;
  gap: 16px;
}

.beacon-detail-device-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.beacon-detail-device-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-device-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-detail-device-frame-wrapper3, .beacon-detail-device-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.beacon-detail-device-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.beacon-detail-device-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.beacon-detail-device-dropdown-elements, .beacon-detail-device-dropdown-options-parent, .beacon-detail-device-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.beacon-detail-device-price-parent {
  flex-direction: column;
  flex: 1;
}

.beacon-detail-device-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.beacon-detail-device-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.beacon-detail-device-content-actions, .beacon-detail-device-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.beacon-detail-device-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.beacon-detail-device-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.beacon-detail-device-name, .beacon-detail-device-role {
  display: inline-block;
  position: relative;
}

.beacon-detail-device-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.beacon-detail-device-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.beacon-detail-device-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-detail-device-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.beacon-detail-device-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.beacon-detail-device-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-buttonsbutton8, .beacon-detail-device-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.beacon-detail-device-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.beacon-detail-device-buttonsbutton-parent, .beacon-detail-device-primary-table, .beacon-detail-device-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.beacon-detail-device-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.beacon-detail-device-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.beacon-detail-device-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-content-items, .beacon-detail-device-help-avatar, .beacon-detail-device-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.beacon-detail-device-content-items, .beacon-detail-device-rectangle-parent3 {
  box-sizing: border-box;
}

.beacon-detail-device-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.beacon-detail-device-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.beacon-detail-device-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.beacon-detail-device-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-detail-device-badge-parent, .beacon-detail-device-badge23, .beacon-detail-device-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.beacon-detail-device-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-device-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-badge23, .beacon-detail-device-badge24, .beacon-detail-device-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.beacon-detail-device-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.beacon-detail-device-badge24, .beacon-detail-device-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-badge-elements-copy, .beacon-detail-device-badge25, .beacon-detail-device-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.beacon-detail-device-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.beacon-detail-device-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-device-badge26, .beacon-detail-device-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.beacon-detail-device-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-badge27, .beacon-detail-device-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.beacon-detail-device-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.beacon-detail-device-frame-parent1, .beacon-detail-device-frame-parent2, .beacon-detail-device-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.beacon-detail-device-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.beacon-detail-device-frame-child5, .beacon-detail-device-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.beacon-detail-device-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.beacon-detail-device-frame-child7, .beacon-detail-device-text78 {
  z-index: 2;
  position: relative;
}

.beacon-detail-device-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.beacon-detail-device-text78 {
  font-weight: 600;
  line-height: 28px;
}

.beacon-detail-device-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-location3, .beacon-detail-device-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-type-of-work2 {
  min-width: 109px;
}

.beacon-detail-device-frame-parent12, .beacon-detail-device-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.beacon-detail-device-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.beacon-detail-device-badge29, .beacon-detail-device-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.beacon-detail-device-badge30 {
  width: 76px;
}

.beacon-detail-device-badge-container, .beacon-detail-device-badge30, .beacon-detail-device-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.beacon-detail-device-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-device-badge-container, .beacon-detail-device-badge32, .beacon-detail-device-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.beacon-detail-device-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.beacon-detail-device-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-detail-device-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge33, .beacon-detail-device-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-detail-device-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.beacon-detail-device-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-price2, .beacon-detail-device-text83 {
  position: relative;
}

.beacon-detail-device-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.beacon-detail-device-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.beacon-detail-device-radar-1-1-container, .beacon-detail-device-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.beacon-detail-device-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.beacon-detail-device-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.beacon-detail-device-name2, .beacon-detail-device-role2 {
  display: inline-block;
  position: relative;
}

.beacon-detail-device-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.beacon-detail-device-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.beacon-detail-device-buttonsbutton13, .beacon-detail-device-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.beacon-detail-device-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.beacon-detail-device-buttonsbutton14, .beacon-detail-device-buttonsbutton15, .beacon-detail-device-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.beacon-detail-device-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.beacon-detail-device-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.beacon-detail-device-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.beacon-detail-device-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-frame-wrapper16, .beacon-detail-device-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.beacon-detail-device-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.beacon-detail-device-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.beacon-detail-device-divider-icon5, .beacon-detail-device-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.beacon-detail-device-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-device-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.beacon-detail-device-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.beacon-detail-device-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge34, .beacon-detail-device-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.beacon-detail-device-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-detail-device-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-badge36, .beacon-detail-device-badge37, .beacon-detail-device-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.beacon-detail-device-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-device-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.beacon-detail-device-badge38, .beacon-detail-device-frame-parent26, .beacon-detail-device-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.beacon-detail-device-badge39, .beacon-detail-device-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.beacon-detail-device-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-element-details-child, .beacon-detail-device-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.beacon-detail-device-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.beacon-detail-device-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.beacon-detail-device-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.beacon-detail-device-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.beacon-detail-device-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.beacon-detail-device-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-detail-device-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-device-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-date-icon, .beacon-detail-device-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-type-label {
  color: #101828;
  font-size: 14px;
}

.beacon-detail-device-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.beacon-detail-device-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-device-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-work-type-icon, .beacon-detail-device-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.beacon-detail-device-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.beacon-detail-device-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.beacon-detail-device-action-icons, .beacon-detail-device-calendar-icon6, .beacon-detail-device-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.beacon-detail-device-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.beacon-detail-device-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.beacon-detail-device-element-actions, .beacon-detail-device-element-details-parent, .beacon-detail-device-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.beacon-detail-device-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.beacon-detail-device-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.beacon-detail-device-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-device-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.beacon-detail-device-frame-parent32, .beacon-detail-device-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.beacon-detail-device-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.beacon-detail-device-dropdown-parent1, .beacon-detail-device-frame-parent31, .beacon-detail-device-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.beacon-detail-device-dropdown-parent1, .beacon-detail-device-frame-parent31 {
  align-items: flex-end;
}

.beacon-detail-device-frame-parent31 {
  flex: 1;
}

.beacon-detail-device-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.beacon-detail-device-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.beacon-detail-device-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.beacon-detail-device-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.beacon-detail-device-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.beacon-detail-device-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.beacon-detail-device-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.beacon-detail-device-span {
  font-weight: 500;
}

.beacon-detail-device-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.beacon-detail-device-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-device-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-frame-parent36, .beacon-detail-device-frame-parent37, .beacon-detail-device-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-device-frame-parent37, .beacon-detail-device-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.beacon-detail-device-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.beacon-detail-device-text105, .beacon-detail-device-text106, .beacon-detail-device-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-device-text105, .beacon-detail-device-text106 {
  display: inline-block;
}

.beacon-detail-device-text105 {
  min-width: 103px;
}

.beacon-detail-device-text106 {
  flex-shrink: 0;
  width: 151px;
}

.beacon-detail-device-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.beacon-detail-device-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.beacon-detail-device-supporting-text20, .beacon-detail-device-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-supporting-text20 {
  min-width: 70.9px;
}

.beacon-detail-device-supporting-text21 {
  width: 104px;
}

.beacon-detail-device-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.beacon-detail-device-frame-parent33, .beacon-detail-device-frame-parent34, .beacon-detail-device-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.beacon-detail-device-frame-parent33, .beacon-detail-device-frame-parent34 {
  flex: 1;
}

.beacon-detail-device-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.beacon-detail-device-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.beacon-detail-device-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-buttonsbutton-wrapper, .beacon-detail-device-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.beacon-detail-device-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-dropdown-parent2, .beacon-detail-device-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.beacon-detail-device-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.beacon-detail-device-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.beacon-detail-device-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-device-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.beacon-detail-device-content-items5, .beacon-detail-device-frame-child16, .beacon-detail-device-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.beacon-detail-device-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-device-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.beacon-detail-device-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-device-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.beacon-detail-device-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-device-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-device-frame-parent39, .beacon-detail-device-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.beacon-detail-device-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.beacon-detail-device-dropdown14, .beacon-detail-device-text112 {
  z-index: 1;
  position: absolute;
}

.beacon-detail-device-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.beacon-detail-device-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.beacon-detail-device-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-device-price6, .beacon-detail-device-text113 {
  z-index: 1;
  position: relative;
}

.beacon-detail-device-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.beacon-detail-device-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.beacon-detail-device-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.beacon-detail-device-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.beacon-detail-device-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-device-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.beacon-detail-device-frame-parent46, .beacon-detail-device-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.beacon-detail-device-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.beacon-detail-device-frame-parent45, .beacon-detail-device-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.beacon-detail-device-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.beacon-detail-device-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.beacon-detail-device-card-container-child, .beacon-detail-device-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.beacon-detail-device-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.beacon-detail-device-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.beacon-detail-device-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-device-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-detail-device-dropdown15, .beacon-detail-device-item-title {
  z-index: 2;
  position: absolute;
}

.beacon-detail-device-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.beacon-detail-device-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.beacon-detail-device-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-device-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.beacon-detail-device-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.beacon-detail-device-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.beacon-detail-device-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-device-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-detail-device-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.beacon-detail-device-card-container, .beacon-detail-device-card-list, .beacon-detail-device-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.beacon-detail-device-card-container, .beacon-detail-device-card-list {
  align-items: flex-start;
}

.beacon-detail-device-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.beacon-detail-device-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.beacon-detail-device-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.beacon-detail-device-frame-wrapper37, .beacon-detail-device-price-wrapper, .beacon-detail-device-text-wrapper18, .beacon-detail-device-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.beacon-detail-device-frame-wrapper37, .beacon-detail-device-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.beacon-detail-device-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.beacon-detail-device-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.beacon-detail-device-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.beacon-detail-device-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.beacon-detail-device-buttonsbutton-frame, .beacon-detail-device-frame-parent64, .beacon-detail-device-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.beacon-detail-device-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.beacon-detail-device-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-detail-device-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.beacon-detail-device-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-detail-device-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-change7, .beacon-detail-device-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-device-change7 {
  min-width: 38px;
  display: inline-block;
}

.beacon-detail-device-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.beacon-detail-device-change-and-text3, .beacon-detail-device-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-device-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.beacon-detail-device-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-detail-device-dropdown19, .beacon-detail-device-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-detail-device-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-buttonsbutton25, .beacon-detail-device-buttonsbutton26, .beacon-detail-device-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.beacon-detail-device-buttonsbutton25, .beacon-detail-device-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.beacon-detail-device-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-detail-device-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.beacon-detail-device-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.beacon-detail-device-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-arrow-square-up-right-wrapper1, .beacon-detail-device-buttonsbutton-parent1, .beacon-detail-device-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.beacon-detail-device-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.beacon-detail-device-divider-container1, .beacon-detail-device-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.beacon-detail-device-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.beacon-detail-device-buttonsbutton-wrapper1, .beacon-detail-device-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.beacon-detail-device-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-device-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.beacon-detail-device-badge46, .beacon-detail-device-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-device-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-detail-device-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.beacon-detail-device-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-actions3, .beacon-detail-device-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-device-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.beacon-detail-device-content20, .beacon-detail-device-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-device-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-detail-device-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-card-header, .beacon-detail-device-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.beacon-detail-device-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.beacon-detail-device-button-group-base9, .beacon-detail-device-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.beacon-detail-device-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.beacon-detail-device-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.beacon-detail-device-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-device-button-group-base10, .beacon-detail-device-button-group-base11, .beacon-detail-device-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.beacon-detail-device-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.beacon-detail-device-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-device-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.beacon-detail-device-content22, .beacon-detail-device-input-with-label3, .beacon-detail-device-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.beacon-detail-device-input-with-label3, .beacon-detail-device-input3 {
  align-self: stretch;
}

.beacon-detail-device-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.beacon-detail-device-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.beacon-detail-device-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-device-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.beacon-detail-device-actions4, .beacon-detail-device-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-device-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.beacon-detail-device-content-items9, .beacon-detail-device-content21, .beacon-detail-device-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.beacon-detail-device-content-items9, .beacon-detail-device-filters-bar1 {
  justify-content: flex-start;
}

.beacon-detail-device-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.beacon-detail-device-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.beacon-detail-device-badge-number1, .beacon-detail-device-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.beacon-detail-device-badge47, .beacon-detail-device-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-device-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-detail-device-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.beacon-detail-device-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-detail-device-actions5, .beacon-detail-device-card-header1, .beacon-detail-device-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.beacon-detail-device-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.beacon-detail-device-card-header1, .beacon-detail-device-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.beacon-detail-device-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.beacon-detail-device-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-detail-device-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.beacon-detail-device-checkbox-wrapper, .beacon-detail-device-sub-nav-items-wrapper, .beacon-detail-device-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.beacon-detail-device-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.beacon-detail-device-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-avatar2, .beacon-detail-device-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.beacon-detail-device-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.beacon-detail-device-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.beacon-detail-device-account-button, .beacon-detail-device-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-account-button {
  min-width: 75px;
  font-weight: 500;
}

.beacon-detail-device-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.beacon-detail-device-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-device-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-device-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-device-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-device-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-device-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-contrast-border6, .beacon-detail-device-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.beacon-detail-device-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.beacon-detail-device-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.beacon-detail-device-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.beacon-detail-device-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-button-upload, .beacon-detail-device-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.beacon-detail-device-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-device-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-device-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-device-table-cell6, .beacon-detail-device-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-device-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.beacon-detail-device-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-device-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-device-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-device-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-device-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-device-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-table-cell15, .beacon-detail-device-table-cell16, .beacon-detail-device-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-device-table-cell16, .beacon-detail-device-table-cell18 {
  width: 271px;
}

.beacon-detail-device-table-cell18 {
  width: 239px;
}

.beacon-detail-device-column, .beacon-detail-device-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.beacon-detail-device-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.beacon-detail-device-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.beacon-detail-device-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-device-user-cell2, .beacon-detail-device-user-cell3, .beacon-detail-device-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-user-cell3, .beacon-detail-device-user-cell4 {
  min-width: 84px;
}

.beacon-detail-device-user-cell4 {
  min-width: 82px;
}

.beacon-detail-device-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-device-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.beacon-detail-device-user-cell5, .beacon-detail-device-user-cell6, .beacon-detail-device-user-cell7 {
  line-height: 20px;
  position: relative;
}

.beacon-detail-device-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.beacon-detail-device-user-cell7 {
  white-space: nowrap;
}

.beacon-detail-device-column1, .beacon-detail-device-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.beacon-detail-device-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.beacon-detail-device-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-column2, .beacon-detail-device-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.beacon-detail-device-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.beacon-detail-device-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-button-wrap, .beacon-detail-device-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.beacon-detail-device-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.beacon-detail-device-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-content24, .beacon-detail-device-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-content24 {
  padding: 10px 16px;
}

.beacon-detail-device-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.beacon-detail-device-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-content25, .beacon-detail-device-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-content25 {
  padding: 10px 15px;
}

.beacon-detail-device-pagination-number-base1 {
  overflow: hidden;
}

.beacon-detail-device-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-content26, .beacon-detail-device-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-content26 {
  padding: 10px 15px;
}

.beacon-detail-device-pagination-number-base2 {
  overflow: hidden;
}

.beacon-detail-device-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.beacon-detail-device-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-content30, .beacon-detail-device-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.beacon-detail-device-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.beacon-detail-device-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-button-wrap1, .beacon-detail-device-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-device-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.beacon-detail-device-pagination, .beacon-detail-device-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.beacon-detail-device-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-detail-device-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.beacon-detail-device-content-items10, .beacon-detail-device-content-items11, .beacon-detail-device-table-cell41, .beacon-detail-device-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.beacon-detail-device-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-device-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-detail-device-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.beacon-detail-device-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-device-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-table-cell50, .beacon-detail-device-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.beacon-detail-device-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.beacon-detail-device-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.beacon-detail-device-column3, .beacon-detail-device-table-cell52, .beacon-detail-device-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.beacon-detail-device-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.beacon-detail-device-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.beacon-detail-device-marker-pin-02-group, .beacon-detail-device-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-device-marker-pin-02-group {
  gap: 7px;
}

.beacon-detail-device-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.beacon-detail-device-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.beacon-detail-device-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.beacon-detail-device-column-wrapper, .beacon-detail-device-column4, .beacon-detail-device-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.beacon-detail-device-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.beacon-detail-device-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.beacon-detail-device-column5, .beacon-detail-device-column6, .beacon-detail-device-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.beacon-detail-device-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.beacon-detail-device-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.beacon-detail-device-column-parent, .beacon-detail-device-frame-parent74, .beacon-detail-device-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.beacon-detail-device-frame-parent74, .beacon-detail-device-pagination1 {
  align-self: stretch;
}

.beacon-detail-device-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.beacon-detail-device-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.beacon-detail-device-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-badge50, .beacon-detail-device-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-device-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-detail-device-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.beacon-detail-device-content-items14, .beacon-detail-device-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.beacon-detail-device-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.beacon-detail-device-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-button-group-base27, .beacon-detail-device-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-device-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.beacon-detail-device-button-group-base28 {
  background-color: #fff;
}

.beacon-detail-device-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.beacon-detail-device-filter-bar-container, .beacon-detail-device-frame-parent, .beacon-detail-device-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.beacon-detail-device-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.beacon-detail-device-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.beacon-detail-device-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.beacon-detail-device-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.beacon-detail-device-buttonsbutton33, .beacon-detail-device-content45, .beacon-detail-device-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.beacon-detail-device-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.beacon-detail-device-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-actions11, .beacon-detail-device-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.beacon-detail-device-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.beacon-detail-device-empty-state, .beacon-detail-device-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.beacon-detail-device-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.beacon-detail-device-empty-state-wrapper, .beacon-detail-device-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.beacon-detail-device-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.beacon-detail-device-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-detail-device-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.beacon-detail-device-content46, .beacon-detail-device-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-device-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.beacon-detail-device-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.beacon-detail-device-add, .beacon-detail-device-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-learn-more {
  min-width: 88px;
}

.beacon-detail-device-actions12, .beacon-detail-device-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-device-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.beacon-detail-device-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.beacon-detail-device-empty-state-container, .beacon-detail-device-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.beacon-detail-device-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.beacon-detail-device-beacon-detail-device-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.beacon-detail-device-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.beacon-detail-device-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-detail-device-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.beacon-detail-device-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.beacon-detail-device-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.beacon-detail-device-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.beacon-detail-device-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.beacon-detail-device-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.beacon-detail-device-component-listing-container::-webkit-scrollbar {
  display: none;
}

.beacon-detail-device-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.beacon-detail-device-component-beacon-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.beacon-detail-device-component-beacon-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.beacon-detail-device-component-beacon-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-detail-device-component-beacon-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-component-beacon-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.beacon-detail-device-component-beacon-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-component-beacon-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 80%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-detail-device-component-beacon-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-component-beacon-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.beacon-detail-device-component-beacon-text78:hover {
  text-decoration: underline;
}

.beacon-detail-device-component-beacon-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.beacon-detail-device-component-beacon-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.beacon-detail-device-component-beacon-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.beacon-detail-device-component-beacon-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-detail-device-component-beacon-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-detail-device-component-beacon-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-device-component-beacon-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-detail-device-component-beacon-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.beacon-detail-device-component-beacon-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-component-beacon-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-component-beacon-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.beacon-detail-device-component-beacon-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-detail-device-component-beacon-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.beacon-detail-device-component-beacon-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-component-beacon-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-component-beacon-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.beacon-detail-device-component-beacon-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-device-component-beacon-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-component-beacon-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-component-beacon-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-device-component-beacon-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.beacon-detail-device-component-beacon-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-device-component-beacon-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-component-beacon-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-component-beacon-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-component-beacon-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.beacon-detail-device-component-beacon-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.beacon-detail-device-component-beacon-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.beacon-detail-device-component-beacon-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-component-beacon-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-device-component-beacon-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-device-component-beacon-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-device-component-beacon-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-detail-device-component-beacon-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.beacon-detail-device-component-beacon-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-device-component-beacon-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-detail-device-component-beacon-divider-icon8 {
  z-index: 2;
  width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-detail-device-component-beacon-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.beacon-detail-device-component-beacon-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-component-beacon-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-detail-device-component-beacon-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.beacon-detail-device-component-beacon-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-detail-device-component-beacon-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-device-component-beacon-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-detail-device-component-beacon-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-component-beacon-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-component-beacon-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-detail-device-component-beacon-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-detail-device-component-beacon-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 95%;
  font-size: 14px;
  display: flex;
}

.beacon-detail-device-component-beacon-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.beacon-detail-device-component-beacon-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-component-beacon-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-component-beacon-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-buttonsbutton25, .beacon-detail-device-component-beacon-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-component-beacon-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.beacon-detail-device-component-beacon-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-detail-device-component-beacon-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-device-component-beacon-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-device-component-beacon-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-component-beacon-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.beacon-detail-device-component-beacon-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.beacon-detail-device-component-beacon-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.beacon-detail-device-component-beacon-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.beacon-detail-device-component-beacon-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-component-beacon-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

.beacon-detail-device-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.beacon-detail-device-display-form-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.beacon-detail-device-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-display-toggle-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-device-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.beacon-detail-device-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-table {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-detail-device-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-detail-device-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-detail-device-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.beacon-detail-device-table-header-title {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-divider-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-table-content {
  box-sizing: border-box;
  scrollbar-width: thin;
  flex-direction: column;
  align-items: flex-start;
  width: 1014px;
  max-width: 100%;
  max-height: 420px;
  padding: 0 1px 0 0;
  display: flex;
  overflow: hidden auto;
}

.beacon-detail-device-table-row {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.beacon-detail-device-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 13px 24px 11px;
  display: flex;
}

.beacon-detail-device-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  min-height: 64.4px;
  padding: 6px 20px;
  display: flex;
}

.beacon-detail-device-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.beacon-detail-device-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-device-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-device-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  min-height: 64.4px;
  padding: 15px 27px;
  display: flex;
}

.beacon-detail-device-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-device-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-device-table-cell30 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  min-height: 64.4px;
  padding: 15px 27px;
  display: flex;
}

.beacon-detail-device-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-device-table-cell40 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  min-height: 64.4px;
  padding: 15px 50px 9px 11px;
  display: flex;
}

.beacon-detail-device-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-device-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.beacon-detail-device-table-header-cell-parent:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.beacon-detail-device-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-display-form-content-wrapper-Viewed {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.beacon-detail-device-display-form-content-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-display-toggle-header-parent-Viewed {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.beacon-detail-device-display-toggle-header-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-display-toggle-title-Viewed {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-device-display-divider-container-Viewed {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.beacon-detail-device-display-divider-icon3-Viewed {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-table-Viewed {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-detail-device-card-header1-Viewed {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-device-content4-Viewed {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-detail-device-text-and-supporting-text2-Viewed {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-detail-device-text-and-badge1-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.beacon-detail-device-table-header-title-Viewed {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-dropdown-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-dots-vertical-icon-Viewed {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-divider-icon-Viewed {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-table-content-Viewed {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.beacon-detail-device-table-row-Viewed {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.beacon-detail-device-table-header-cell1-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.beacon-detail-device-table-cell10-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.beacon-detail-device-checkbox-wrapper-Viewed {
  width: 28px;
  height: 20px;
  margin: 0;
}

.beacon-detail-device-table-header-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-device-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-arrow-down-icon1-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-table-header-cell2-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-device-table-cell20-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-device-help-icon-Viewed {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-device-table-header-cell3-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-device-table-cell30-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-device-table-header-cell4-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-device-table-cell40-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.beacon-detail-device-table-header2-Viewed {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-device-action-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-device-arrow-down-icon2-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-device-table-header-cell-parent-Viewed {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.beacon-detail-device-cell-content-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-device-table-avatar {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 35px;
  height: 35px;
  display: flex;
}

.beacon-detail-device-table-data-custom-main-container {
  scrollbar-width: thin;
  flex-direction: column;
  max-height: 420px;
  display: flex;
  overflow: hidden auto;
}

@media screen and (width <= 1275px) {
  .beacon-detail-device-all, .beacon-detail-device-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .beacon-detail-device-all {
    padding-bottom: 67px;
  }

  .beacon-detail-device-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .beacon-detail-device-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .beacon-detail-device-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .beacon-detail-device-content-elements-parent, .beacon-detail-device-content17, .beacon-detail-device-frame-group, .beacon-detail-device-rectangle-parent10, .beacon-detail-device-rectangle-parent5, .beacon-detail-device-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .beacon-detail-device-frame-wrapper31 {
    flex: 1;
  }

  .beacon-detail-device-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-list-item-parent {
    flex: 1;
  }

  .beacon-detail-device-card-list, .beacon-detail-device-content20, .beacon-detail-device-content21, .beacon-detail-device-metric-item-parent {
    flex-wrap: wrap;
  }

  .beacon-detail-device-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .beacon-detail-device-content23, .beacon-detail-device-frame-parent73, .beacon-detail-device-frame-parent74 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .beacon-detail-device-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }

  .beacon-detail-device-component-beacon-rectangle-parent5, .beacon-detail-device-component-beacon-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .beacon-detail-device-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-detail-device-content13 {
    gap: 17px;
  }

  .beacon-detail-device-tabs-and-filters {
    flex-wrap: wrap;
  }

  .beacon-detail-device-jul {
    width: 100%;
    height: 17px;
  }

  .beacon-detail-device-x-axis {
    flex-wrap: wrap;
  }

  .beacon-detail-device-number {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-detail-device-main {
    gap: 16px;
  }

  .beacon-detail-device-number3, .beacon-detail-device-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .beacon-detail-device-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .beacon-detail-device-badge-elements, .beacon-detail-device-card-elements, .beacon-detail-device-dropdowns, .beacon-detail-device-location-badge-number {
    flex-wrap: wrap;
  }

  .beacon-detail-device-action-fields {
    min-width: 100%;
  }

  .beacon-detail-device-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-device-frame-parent2, .beacon-detail-device-primary-table {
    flex-wrap: wrap;
  }

  .beacon-detail-device-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-device-frame-parent17, .beacon-detail-device-frame-parent18, .beacon-detail-device-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-element-details, .beacon-detail-device-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .beacon-detail-device-action-icons, .beacon-detail-device-element-details-parent {
    flex-wrap: wrap;
  }

  .beacon-detail-device-icon-button {
    gap: 17px;
  }

  .beacon-detail-device-icon-button, .beacon-detail-device-sidebar1 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-device-rectangle-parent11 {
    gap: 16px;
  }

  .beacon-detail-device-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .beacon-detail-device-frame-parent39 {
    min-width: 100%;
  }

  .beacon-detail-device-frame-wrapper31 {
    margin-left: 0;
  }

  .beacon-detail-device-card-row {
    min-width: 100%;
  }

  .beacon-detail-device-list-item-parent {
    margin-left: 0;
  }

  .beacon-detail-device-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .beacon-detail-device-text-and-supporting-text2 {
    min-width: 100%;
  }

  .beacon-detail-device-actions4 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .beacon-detail-device-text-and-supporting-text3 {
    min-width: 100%;
  }

  .beacon-detail-device-actions5, .beacon-detail-device-table-cell51, .beacon-detail-device-table-cell52 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .beacon-detail-device-frame-parent, .beacon-detail-device-text-and-supporting-text16 {
    min-width: 100%;
  }

  .beacon-detail-device-empty-state3 {
    gap: 16px;
  }

  .beacon-detail-device-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .beacon-detail-device-container3 {
    gap: 16px;
  }

  .beacon-detail-device-component-beacon-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-device-component-beacon-action-fields {
    min-width: 100%;
  }

  .beacon-detail-device-component-beacon-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-component-beacon-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-detail-device-component-beacon-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .beacon-detail-device-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .beacon-detail-device-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .beacon-detail-device-actions {
    flex-wrap: wrap;
  }

  .beacon-detail-device-number {
    font-size: 18px;
    line-height: 23px;
  }

  .beacon-detail-device-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-detail-device-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .beacon-detail-device-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .beacon-detail-device-number3, .beacon-detail-device-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .beacon-detail-device-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-detail-device-price {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-device-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .beacon-detail-device-date-elements-parent {
    flex: 1;
  }

  .beacon-detail-device-badge-container, .beacon-detail-device-frame-parent12 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-badge-group {
    height: auto;
    min-height: 104px;
  }

  .beacon-detail-device-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-device-work-type-icon {
    flex: 1;
  }

  .beacon-detail-device-calendar-icon6 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-work-type-label {
    margin-left: 0;
  }

  .beacon-detail-device-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-device-frame-parent36, .beacon-detail-device-frame-parent42 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-price5, .beacon-detail-device-price6, .beacon-detail-device-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-device-frame-parent64 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .beacon-detail-device-content22, .beacon-detail-device-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-detail-device-input-dropdown3 {
    max-width: 100%;
  }

  .beacon-detail-device-table-cell50, .beacon-detail-device-table-cell53 {
    flex-wrap: wrap;
  }

  .beacon-detail-device-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .beacon-detail-device-column5, .beacon-detail-device-column6 {
    flex: 1;
  }

  .beacon-detail-device-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .beacon-detail-device-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-detail-device-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .beacon-detail-device-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .beacon-detail-device-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }

  .beacon-detail-device-component-beacon-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-device-component-beacon-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-detail-device-component-beacon-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.beacon-broadcast-featured-icon2 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  padding-top: 3px;
  position: relative;
}

.backend-validation-errors {
  width: 100%;
}

.beacon-broadcast-supporting-text91, .beacon-broadcast-title9 {
  white-space: nowrap;
  align-self: stretch;
  position: relative;
}

.beacon-broadcast-title9 {
  color: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.beacon-broadcast-supporting-text91 {
  color: #475467;
  font-size: 14px;
  line-height: 20px;
}

.beacon-broadcast-content71, .beacon-broadcast-text-and-supporting-text26 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-broadcast-content71 {
  flex-direction: row;
  gap: 16px;
  position: absolute;
  top: 24px;
  left: 24px;
  margin: 0 !important;
}

.beacon-broadcast-button-close-x6, .beacon-broadcast-slide-out-menu-header {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.beacon-broadcast-button-close-x6 {
  z-index: 1;
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 20px;
  padding: 8px 0;
  position: absolute;
  top: 27px;
  right: 26px;
  overflow: hidden;
  margin: 0 !important;
}

.beacon-broadcast-slide-out-menu-header {
  text-align: left;
  color: #101828;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  height: 78px;
  padding: 0 24px;
  font-family: Inter;
  font-size: 20px;
  position: relative;
}

.beacon-broadcast-label9 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-broadcast-content72 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 194px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.beacon-broadcast-help-icon2 {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
}

.beacon-broadcast-input6 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-broadcast-input6:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.beacon-broadcast-input6:hover {
  border-color: #7e56d9;
}

.beacon-broadcast-input6a {
  box-sizing: border-box;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"%3E%3Cpath fill=\"gray\" d=\"M10 12l-6-6h12z\"/%3E%3C/svg%3E");
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: none;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 13px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-broadcast-input6a:focus {
  border-color: #7e56d9;
  box-shadow: 0 0 5px #7e56d980;
}

.beacon-broadcast-input6a:hover {
  border-color: #7e56d9;
}

.beacon-broadcast-hint-text6 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-broadcast-input-field {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.beacon-broadcast-label10 {
  min-width: 94px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-broadcast-mail-01-icon, .beacon-broadcast-text274 {
  position: relative;
  overflow: hidden;
}

.beacon-broadcast-mail-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.beacon-broadcast-text274 {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 80%;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.beacon-broadcast-content73 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

.beacon-broadcast-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-broadcast-form, .beacon-broadcast-input-field1, .beacon-broadcast-input7 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.beacon-broadcast-input7 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 50%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-broadcast-email-domain {
  color: #475467;
  width: 50%;
  padding: 9px 0 0 8px;
  line-height: 20px;
  position: relative;
}

.beacon-broadcast-email-card {
  flex-direction: row;
  display: flex;
}

.beacon-broadcast-form, .beacon-broadcast-input-field1 {
  flex-direction: column;
}

.beacon-broadcast-input-field1 {
  align-items: flex-start;
  gap: 6px;
}

.beacon-broadcast-form {
  align-items: flex-end;
}

.beacon-broadcast-label11, .beacon-broadcast-label12 {
  min-width: 108px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-broadcast-label12 {
  min-width: 69px;
}

.beacon-broadcast-section2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.beacon-broadcast-divider12, .beacon-broadcast-section-container {
  align-self: stretch;
  max-width: 100%;
}

.beacon-broadcast-section-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 24px;
  display: flex;
}

.beacon-broadcast-divider12 {
  background-color: #eaecf0;
  flex: 1;
  display: none;
  position: relative;
}

.beacon-broadcast-divider-wrapper, .beacon-broadcast-slide-out-menu-header-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-broadcast-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  height: 1px;
  padding: 0 24px;
}

.beacon-broadcast-slide-out-menu-header-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  gap: 24px;
  font-family: Inter;
  font-size: 14px;
}

.beacon-broadcast-placeholder-icon91 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-broadcast-text275 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-broadcast-buttonsbutton49, .beacon-broadcast-text-padding51 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-broadcast-buttonsbutton49 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-broadcast-buttonsbutton49:hover {
  background-color: #eaecf0;
}

.beacon-broadcast-text276 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-broadcast-actions19, .beacon-broadcast-buttonsbutton50 {
  flex-direction: row;
  display: flex;
}

.beacon-broadcast-buttonsbutton50 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-broadcast-buttonsbutton50:hover {
  background-color: #6941c6;
}

.beacon-broadcast-actions19 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: max-content;
}

.beacon-broadcast-content76, .beacon-broadcast-footer2 {
  align-self: stretch;
  align-items: center;
  display: flex;
}

.beacon-broadcast-content76 {
  flex-direction: row;
  justify-content: flex-end;
  padding: 16px 24px;
}

.beacon-broadcast-footer2 {
  border-top: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
}

.beacon-broadcast-panel {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 24px -4px #10182814, 0 8px 8px -4px #10182808;
}

.beacon-broadcast-slide-out-menu {
  letter-spacing: normal;
  box-sizing: border-box;
  z-index: 3;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 100%;
  line-height: normal;
  transition: transform .3s ease-in-out;
  display: flex;
}

.beacon-broadcast-slide-out-menu.open {
  transform: translateX(0);
}

.beacon-broadcast-searchbox-container {
  background-color: #fff;
  border-radius: 8px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  margin: 0 23px;
  display: flex;
  overflow: hidden;
}

.beacon-broadcast-searchbox {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  height: 24px;
  display: flex;
}

.beacon-broadcast-searchbox-input-field {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 2.5px;
  display: flex;
}

.beacon-broadcast-searchbox-search-icon {
  width: 20px;
  height: 20px;
  position: relative;
  top: 2px;
  overflow: hidden;
}

.beacon-broadcast-searchbox-placeholder {
  color: #667085;
  background-color: #0000;
  border: none;
  outline: none;
  padding: 0 8px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.beacon-broadcast-contact-header {
  color: #344054;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
}

.beacon-broadcast-contact-container {
  scrollbar-width: thin;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  height: 256px;
  display: flex;
  overflow: hidden auto;
}

.beacon-broadcast-contact-container-menu {
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: inline-flex;
}

.beacon-broadcast-contact-main {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.beacon-broadcast-contact-avatar-menu {
  background: linear-gradient(0deg, #cfcbdc 0% 100%);
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-broadcast-contact-avatar {
  background-image: url("avatar@3x.614c6518.png");
  background-size: contain;
  border: .75px solid #00000014;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-broadcast-contact-avatar-online-indicator {
  background: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 30px;
  left: 30px;
}

.beacon-broadcast-contact-name-and-work-title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: inline-flex;
}

.beacon-broadcast-contact-name {
  color: #344054;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 220px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  overflow: hidden;
}

.beacon-broadcast-contact-work-title {
  color: #475467;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 220px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  overflow: hidden;
}

.beacon-broadcast-contact-checkbox-container {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.beacon-broadcast-contact-checkbox {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 3.33px 1.67px;
  display: flex;
}

.beacon-broadcast-input-field-container {
  align-self: stretch;
  margin: 0 23px;
  padding: 10px 3px;
  overflow: hidden;
}

.broadcast-campaign-modal-overlay {
  z-index: 9999;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  animation: .3s ease-out fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.broadcast-campaign-modal-content {
  background: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 5px 15px #0003;
}

@media screen and (width <= 400px) {
  .beacon-broadcast-panel {
    gap: 216px;
  }
}

.beacon-detail-spare-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.sbeacon-detail-spare-component-listing-container::-webkit-scrollbar {
  display: none;
}

.beacon-detail-spare-main-custom {
  width: 100% !important;
}

.beacon-detail-spare-search-lg-icon-custom {
  cursor: pointer;
}

.beacon-detail-spare-beacon-detail-spare-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.beacon-detail-spare-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.beacon-detail-spare-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-badge1, .beacon-detail-spare-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.beacon-detail-spare-navigation, .beacon-detail-spare-search-input {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.beacon-detail-spare-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-spare-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-content3, .beacon-detail-spare-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-content3 {
  flex: 1;
  gap: 8px;
}

.beacon-detail-spare-divider-icon, .beacon-detail-spare-home-line-icon {
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.beacon-detail-spare-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.beacon-detail-spare-content12, .beacon-detail-spare-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.beacon-detail-spare-content5, .beacon-detail-spare-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.beacon-detail-spare-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.beacon-detail-spare-supporting-text, .beacon-detail-spare-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.beacon-detail-spare-title {
  font-weight: 600;
}

.beacon-detail-spare-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.beacon-detail-spare-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.beacon-detail-spare-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.beacon-detail-spare-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-spare-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.beacon-detail-spare-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-spare-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.beacon-detail-spare-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.beacon-detail-spare-tabs {
  gap: 8px;
}

.beacon-detail-spare-breadcrumbs, .beacon-detail-spare-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-heading, .beacon-detail-spare-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.beacon-detail-spare-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-detail-spare-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.beacon-detail-spare-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.beacon-detail-spare-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-detail-spare-button, .beacon-detail-spare-button1, .beacon-detail-spare-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.beacon-detail-spare-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.beacon-detail-spare-button1, .beacon-detail-spare-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.beacon-detail-spare-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.beacon-detail-spare-actions, .beacon-detail-spare-button2, .beacon-detail-spare-button3 {
  flex-direction: row;
  align-items: center;
}

.beacon-detail-spare-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.beacon-detail-spare-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-spare-button4, .beacon-detail-spare-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.beacon-detail-spare-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-button6, .beacon-detail-spare-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-detail-spare-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-content13, .beacon-detail-spare-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.beacon-detail-spare-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.beacon-detail-spare-content13, .beacon-detail-spare-divider-icon1, .beacon-detail-spare-page-header {
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-spare-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-detail-spare-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-spare-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-button-group-base1, .beacon-detail-spare-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-spare-button-group-base2 {
  width: 77px;
}

.beacon-detail-spare-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.beacon-detail-spare-button-group-base3, .beacon-detail-spare-button-group-base4, .beacon-detail-spare-button-group-base5, .beacon-detail-spare-button-group-base6, .beacon-detail-spare-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.beacon-detail-spare-button-group-base4, .beacon-detail-spare-button-group-base5, .beacon-detail-spare-button-group-base6, .beacon-detail-spare-button-group-base7 {
  z-index: 4;
}

.beacon-detail-spare-button-group-base5, .beacon-detail-spare-button-group-base6, .beacon-detail-spare-button-group-base7 {
  z-index: 3;
}

.beacon-detail-spare-button-group-base6, .beacon-detail-spare-button-group-base7 {
  z-index: 2;
}

.beacon-detail-spare-button-group-base7 {
  z-index: 1;
}

.beacon-detail-spare-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-button-group, .beacon-detail-spare-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.beacon-detail-spare-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.beacon-detail-spare-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-actions2, .beacon-detail-spare-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.beacon-detail-spare-container, .beacon-detail-spare-header-section, .beacon-detail-spare-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.beacon-detail-spare-container, .beacon-detail-spare-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.beacon-detail-spare-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.beacon-detail-spare-header-section {
  flex-shrink: 0;
}

.beacon-detail-spare-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-spare-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.beacon-detail-spare-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-spare-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-spare-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-color2, .beacon-detail-spare-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-spare-color3 {
  background-color: #17b26a;
}

.beacon-detail-spare-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.beacon-detail-spare-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-spare-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.beacon-detail-spare-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.beacon-detail-spare-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-spare-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.beacon-detail-spare-divider, .beacon-detail-spare-y-axis-line, .beacon-detail-spare-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-spare-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.beacon-detail-spare-y-axis-line, .beacon-detail-spare-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.beacon-detail-spare-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.beacon-detail-spare-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.beacon-detail-spare-y-axis, .beacon-detail-spare-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-spare-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.beacon-detail-spare-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.beacon-detail-spare-jan, .beacon-detail-spare-jul, .beacon-detail-spare-jun, .beacon-detail-spare-mar, .beacon-detail-spare-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-jul, .beacon-detail-spare-jun, .beacon-detail-spare-mar, .beacon-detail-spare-may {
  min-width: 23px;
}

.beacon-detail-spare-jul, .beacon-detail-spare-jun, .beacon-detail-spare-may {
  min-width: 25px;
}

.beacon-detail-spare-jul, .beacon-detail-spare-jun {
  min-width: 22px;
}

.beacon-detail-spare-jul {
  min-width: 17px;
}

.beacon-detail-spare-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-spare-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.beacon-detail-spare-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.beacon-detail-spare-line-and-bar-chart, .beacon-detail-spare-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-line-and-bar-chart {
  flex: 1;
}

.beacon-detail-spare-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.beacon-detail-spare-heading1, .beacon-detail-spare-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.beacon-detail-spare-number {
  white-space: nowrap;
  line-height: 38px;
}

.beacon-detail-spare-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-change-and-text, .beacon-detail-spare-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-spare-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.beacon-detail-spare-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.beacon-detail-spare-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-detail-spare-dropdown, .beacon-detail-spare-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.beacon-detail-spare-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-detail-spare-change-and-text1, .beacon-detail-spare-container1, .beacon-detail-spare-metric-group, .beacon-detail-spare-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.beacon-detail-spare-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-spare-container1, .beacon-detail-spare-metric-group, .beacon-detail-spare-section {
  align-items: flex-start;
  max-width: 100%;
}

.beacon-detail-spare-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.beacon-detail-spare-container1, .beacon-detail-spare-section {
  flex-direction: column;
}

.beacon-detail-spare-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.beacon-detail-spare-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.beacon-detail-spare-separator, .beacon-detail-spare-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.beacon-detail-spare-separator1 {
  height: 43px;
}

.beacon-detail-spare-main, .beacon-detail-spare-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.beacon-detail-spare-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.beacon-detail-spare-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-spare-breadcrumb-button-base6, .beacon-detail-spare-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.beacon-detail-spare-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.beacon-detail-spare-breadcrumbs1, .beacon-detail-spare-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.beacon-detail-spare-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.beacon-detail-spare-breadcrumbs1 {
  width: 278px;
  display: none;
}

.beacon-detail-spare-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.beacon-detail-spare-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.beacon-detail-spare-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.beacon-detail-spare-content16, .beacon-detail-spare-input-with-label1, .beacon-detail-spare-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.beacon-detail-spare-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.beacon-detail-spare-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-spare-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.beacon-detail-spare-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.beacon-detail-spare-content15, .beacon-detail-spare-page-header-wrapper, .beacon-detail-spare-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.beacon-detail-spare-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.beacon-detail-spare-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-spare-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.beacon-detail-spare-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.beacon-detail-spare-text49, .beacon-detail-spare-text50, .beacon-detail-spare-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-text50, .beacon-detail-spare-text51 {
  min-width: 62px;
}

.beacon-detail-spare-text51 {
  min-width: 34px;
}

.beacon-detail-spare-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.beacon-detail-spare-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.beacon-detail-spare-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.beacon-detail-spare-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.beacon-detail-spare-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-spare-tab-button-base7, .beacon-detail-spare-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.beacon-detail-spare-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.beacon-detail-spare-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.beacon-detail-spare-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.beacon-detail-spare-horizontal-tabs, .beacon-detail-spare-horizontal-tabs-wrapper, .beacon-detail-spare-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.beacon-detail-spare-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.beacon-detail-spare-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.beacon-detail-spare-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-spare-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.beacon-detail-spare-dropdown3, .beacon-detail-spare-metric-card, .beacon-detail-spare-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.beacon-detail-spare-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.beacon-detail-spare-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-spare-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.beacon-detail-spare-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.beacon-detail-spare-frame-inner, .beacon-detail-spare-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.beacon-detail-spare-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.beacon-detail-spare-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.beacon-detail-spare-heading5, .beacon-detail-spare-number4 {
  z-index: 1;
  position: relative;
}

.beacon-detail-spare-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.beacon-detail-spare-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.beacon-detail-spare-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.beacon-detail-spare-badge12, .beacon-detail-spare-frame-container, .beacon-detail-spare-heading-parent, .beacon-detail-spare-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.beacon-detail-spare-frame-container, .beacon-detail-spare-rectangle-container {
  box-sizing: border-box;
}

.beacon-detail-spare-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.beacon-detail-spare-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.beacon-detail-spare-heading-group {
  gap: 8px;
  width: 153px;
}

.beacon-detail-spare-dropdown7, .beacon-detail-spare-heading-container, .beacon-detail-spare-heading-group, .beacon-detail-spare-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-heading-container {
  gap: 8px;
  width: 163px;
}

.beacon-detail-spare-dropdown7, .beacon-detail-spare-heading-parent1 {
  flex-shrink: 0;
}

.beacon-detail-spare-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.beacon-detail-spare-dropdown7 {
  z-index: 1;
}

.beacon-detail-spare-frame-group, .beacon-detail-spare-frame-wrapper, .beacon-detail-spare-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.beacon-detail-spare-frame-group, .beacon-detail-spare-frame-wrapper {
  max-width: 100%;
}

.beacon-detail-spare-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.beacon-detail-spare-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.beacon-detail-spare-text62, .beacon-detail-spare-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-text63 {
  min-width: 74px;
}

.beacon-detail-spare-buttonsbutton4, .beacon-detail-spare-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.beacon-detail-spare-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-dropdowns, .beacon-detail-spare-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.beacon-detail-spare-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-input-dropdown2, .beacon-detail-spare-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.beacon-detail-spare-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.beacon-detail-spare-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.beacon-detail-spare-content17, .beacon-detail-spare-filters-bar, .beacon-detail-spare-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.beacon-detail-spare-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.beacon-detail-spare-frame-child3, .beacon-detail-spare-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.beacon-detail-spare-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.beacon-detail-spare-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.beacon-detail-spare-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.beacon-detail-spare-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-spare-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.beacon-detail-spare-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-detail-spare-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-spare-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-detail-spare-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-location-badge, .beacon-detail-spare-location-badge-number, .beacon-detail-spare-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.beacon-detail-spare-location-badge, .beacon-detail-spare-type-number {
  box-sizing: border-box;
}

.beacon-detail-spare-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.beacon-detail-spare-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.beacon-detail-spare-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.beacon-detail-spare-location-elements, .beacon-detail-spare-type-badge-elements, .beacon-detail-spare-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.beacon-detail-spare-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.beacon-detail-spare-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-spare-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.beacon-detail-spare-badge-elements, .beacon-detail-spare-badge-elements-wrapper, .beacon-detail-spare-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.beacon-detail-spare-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.beacon-detail-spare-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-action-fields, .beacon-detail-spare-card-elements, .beacon-detail-spare-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.beacon-detail-spare-action-fields, .beacon-detail-spare-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.beacon-detail-spare-input-elements {
  align-self: stretch;
  gap: 16px;
}

.beacon-detail-spare-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.beacon-detail-spare-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-spare-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-detail-spare-frame-wrapper3, .beacon-detail-spare-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.beacon-detail-spare-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.beacon-detail-spare-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.beacon-detail-spare-dropdown-elements, .beacon-detail-spare-dropdown-options-parent, .beacon-detail-spare-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.beacon-detail-spare-price-parent {
  flex-direction: column;
  flex: 1;
}

.beacon-detail-spare-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.beacon-detail-spare-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.beacon-detail-spare-content-actions, .beacon-detail-spare-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.beacon-detail-spare-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.beacon-detail-spare-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.beacon-detail-spare-name, .beacon-detail-spare-role {
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.beacon-detail-spare-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.beacon-detail-spare-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-detail-spare-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.beacon-detail-spare-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.beacon-detail-spare-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-buttonsbutton8, .beacon-detail-spare-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.beacon-detail-spare-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.beacon-detail-spare-buttonsbutton-parent, .beacon-detail-spare-primary-table, .beacon-detail-spare-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.beacon-detail-spare-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.beacon-detail-spare-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.beacon-detail-spare-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-content-items, .beacon-detail-spare-help-avatar, .beacon-detail-spare-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.beacon-detail-spare-content-items, .beacon-detail-spare-rectangle-parent3 {
  box-sizing: border-box;
}

.beacon-detail-spare-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.beacon-detail-spare-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.beacon-detail-spare-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.beacon-detail-spare-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-detail-spare-badge-parent, .beacon-detail-spare-badge23, .beacon-detail-spare-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.beacon-detail-spare-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-spare-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-badge23, .beacon-detail-spare-badge24, .beacon-detail-spare-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.beacon-detail-spare-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.beacon-detail-spare-badge24, .beacon-detail-spare-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-badge-elements-copy, .beacon-detail-spare-badge25, .beacon-detail-spare-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.beacon-detail-spare-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.beacon-detail-spare-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-spare-badge26, .beacon-detail-spare-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.beacon-detail-spare-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-badge27, .beacon-detail-spare-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.beacon-detail-spare-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.beacon-detail-spare-frame-parent1, .beacon-detail-spare-frame-parent2, .beacon-detail-spare-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.beacon-detail-spare-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.beacon-detail-spare-frame-child5, .beacon-detail-spare-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.beacon-detail-spare-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.beacon-detail-spare-frame-child7, .beacon-detail-spare-text78 {
  z-index: 2;
  position: relative;
}

.beacon-detail-spare-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.beacon-detail-spare-text78 {
  font-weight: 600;
  line-height: 28px;
}

.beacon-detail-spare-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-location3, .beacon-detail-spare-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-type-of-work2 {
  min-width: 109px;
}

.beacon-detail-spare-frame-parent12, .beacon-detail-spare-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.beacon-detail-spare-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.beacon-detail-spare-badge29, .beacon-detail-spare-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.beacon-detail-spare-badge30 {
  width: 76px;
}

.beacon-detail-spare-badge-container, .beacon-detail-spare-badge30, .beacon-detail-spare-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.beacon-detail-spare-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-spare-badge-container, .beacon-detail-spare-badge32, .beacon-detail-spare-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.beacon-detail-spare-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.beacon-detail-spare-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-detail-spare-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge33, .beacon-detail-spare-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-detail-spare-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.beacon-detail-spare-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-price2, .beacon-detail-spare-text83 {
  position: relative;
}

.beacon-detail-spare-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.beacon-detail-spare-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.beacon-detail-spare-radar-1-1-container, .beacon-detail-spare-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.beacon-detail-spare-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.beacon-detail-spare-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.beacon-detail-spare-name2, .beacon-detail-spare-role2 {
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.beacon-detail-spare-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.beacon-detail-spare-buttonsbutton13, .beacon-detail-spare-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.beacon-detail-spare-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.beacon-detail-spare-buttonsbutton14, .beacon-detail-spare-buttonsbutton15, .beacon-detail-spare-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.beacon-detail-spare-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.beacon-detail-spare-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.beacon-detail-spare-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.beacon-detail-spare-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-frame-wrapper16, .beacon-detail-spare-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.beacon-detail-spare-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.beacon-detail-spare-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.beacon-detail-spare-divider-icon5, .beacon-detail-spare-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.beacon-detail-spare-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-spare-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.beacon-detail-spare-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.beacon-detail-spare-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge34, .beacon-detail-spare-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.beacon-detail-spare-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-detail-spare-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-badge36, .beacon-detail-spare-badge37, .beacon-detail-spare-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.beacon-detail-spare-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-spare-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.beacon-detail-spare-badge38, .beacon-detail-spare-frame-parent26, .beacon-detail-spare-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.beacon-detail-spare-badge39, .beacon-detail-spare-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.beacon-detail-spare-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-element-details-child, .beacon-detail-spare-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.beacon-detail-spare-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.beacon-detail-spare-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.beacon-detail-spare-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.beacon-detail-spare-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.beacon-detail-spare-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.beacon-detail-spare-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-detail-spare-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-spare-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-date-icon, .beacon-detail-spare-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-type-label {
  color: #101828;
  font-size: 14px;
}

.beacon-detail-spare-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.beacon-detail-spare-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-spare-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-work-type-icon, .beacon-detail-spare-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.beacon-detail-spare-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.beacon-detail-spare-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.beacon-detail-spare-action-icons, .beacon-detail-spare-calendar-icon6, .beacon-detail-spare-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.beacon-detail-spare-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.beacon-detail-spare-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.beacon-detail-spare-element-actions, .beacon-detail-spare-element-details-parent, .beacon-detail-spare-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.beacon-detail-spare-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.beacon-detail-spare-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.beacon-detail-spare-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-spare-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.beacon-detail-spare-frame-parent32, .beacon-detail-spare-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.beacon-detail-spare-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.beacon-detail-spare-dropdown-parent1, .beacon-detail-spare-frame-parent31, .beacon-detail-spare-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.beacon-detail-spare-dropdown-parent1, .beacon-detail-spare-frame-parent31 {
  align-items: flex-end;
}

.beacon-detail-spare-frame-parent31 {
  flex: 1;
}

.beacon-detail-spare-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.beacon-detail-spare-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.beacon-detail-spare-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.beacon-detail-spare-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.beacon-detail-spare-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.beacon-detail-spare-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.beacon-detail-spare-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.beacon-detail-spare-span {
  font-weight: 500;
}

.beacon-detail-spare-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.beacon-detail-spare-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-spare-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-frame-parent36, .beacon-detail-spare-frame-parent37, .beacon-detail-spare-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-spare-frame-parent37, .beacon-detail-spare-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.beacon-detail-spare-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.beacon-detail-spare-text105, .beacon-detail-spare-text106, .beacon-detail-spare-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-spare-text105, .beacon-detail-spare-text106 {
  display: inline-block;
}

.beacon-detail-spare-text105 {
  min-width: 103px;
}

.beacon-detail-spare-text106 {
  flex-shrink: 0;
  width: 151px;
}

.beacon-detail-spare-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.beacon-detail-spare-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.beacon-detail-spare-supporting-text20, .beacon-detail-spare-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-supporting-text20 {
  min-width: 70.9px;
}

.beacon-detail-spare-supporting-text21 {
  width: 104px;
}

.beacon-detail-spare-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.beacon-detail-spare-frame-parent33, .beacon-detail-spare-frame-parent34, .beacon-detail-spare-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.beacon-detail-spare-frame-parent33, .beacon-detail-spare-frame-parent34 {
  flex: 1;
}

.beacon-detail-spare-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.beacon-detail-spare-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.beacon-detail-spare-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-buttonsbutton-wrapper, .beacon-detail-spare-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.beacon-detail-spare-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-dropdown-parent2, .beacon-detail-spare-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.beacon-detail-spare-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.beacon-detail-spare-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.beacon-detail-spare-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-spare-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.beacon-detail-spare-content-items5, .beacon-detail-spare-frame-child16, .beacon-detail-spare-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.beacon-detail-spare-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-spare-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.beacon-detail-spare-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-spare-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.beacon-detail-spare-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-spare-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-spare-frame-parent39, .beacon-detail-spare-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.beacon-detail-spare-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.beacon-detail-spare-dropdown14, .beacon-detail-spare-text112 {
  z-index: 1;
  position: absolute;
}

.beacon-detail-spare-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.beacon-detail-spare-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.beacon-detail-spare-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-spare-price6, .beacon-detail-spare-text113 {
  z-index: 1;
  position: relative;
}

.beacon-detail-spare-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.beacon-detail-spare-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.beacon-detail-spare-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.beacon-detail-spare-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.beacon-detail-spare-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-spare-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.beacon-detail-spare-frame-parent46, .beacon-detail-spare-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.beacon-detail-spare-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.beacon-detail-spare-frame-parent45, .beacon-detail-spare-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.beacon-detail-spare-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.beacon-detail-spare-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.beacon-detail-spare-card-container-child, .beacon-detail-spare-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.beacon-detail-spare-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.beacon-detail-spare-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.beacon-detail-spare-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-spare-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-detail-spare-dropdown15, .beacon-detail-spare-item-title {
  z-index: 2;
  position: absolute;
}

.beacon-detail-spare-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.beacon-detail-spare-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.beacon-detail-spare-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-spare-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.beacon-detail-spare-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.beacon-detail-spare-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.beacon-detail-spare-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-spare-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-detail-spare-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.beacon-detail-spare-card-container, .beacon-detail-spare-card-list, .beacon-detail-spare-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.beacon-detail-spare-card-container, .beacon-detail-spare-card-list {
  align-items: flex-start;
}

.beacon-detail-spare-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.beacon-detail-spare-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.beacon-detail-spare-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.beacon-detail-spare-frame-wrapper37, .beacon-detail-spare-price-wrapper, .beacon-detail-spare-text-wrapper18, .beacon-detail-spare-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.beacon-detail-spare-frame-wrapper37, .beacon-detail-spare-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.beacon-detail-spare-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.beacon-detail-spare-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.beacon-detail-spare-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.beacon-detail-spare-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.beacon-detail-spare-buttonsbutton-frame, .beacon-detail-spare-frame-parent64, .beacon-detail-spare-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.beacon-detail-spare-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.beacon-detail-spare-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-detail-spare-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.beacon-detail-spare-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-detail-spare-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-change7, .beacon-detail-spare-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-spare-change7 {
  min-width: 38px;
  display: inline-block;
}

.beacon-detail-spare-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.beacon-detail-spare-change-and-text3, .beacon-detail-spare-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-spare-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.beacon-detail-spare-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-detail-spare-dropdown19, .beacon-detail-spare-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-detail-spare-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-buttonsbutton25, .beacon-detail-spare-buttonsbutton26, .beacon-detail-spare-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.beacon-detail-spare-buttonsbutton25, .beacon-detail-spare-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.beacon-detail-spare-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-detail-spare-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.beacon-detail-spare-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.beacon-detail-spare-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-arrow-square-up-right-wrapper1, .beacon-detail-spare-buttonsbutton-parent1, .beacon-detail-spare-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.beacon-detail-spare-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.beacon-detail-spare-divider-container1, .beacon-detail-spare-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.beacon-detail-spare-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.beacon-detail-spare-buttonsbutton-wrapper1, .beacon-detail-spare-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.beacon-detail-spare-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-spare-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.beacon-detail-spare-badge46, .beacon-detail-spare-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-detail-spare-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.beacon-detail-spare-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-actions3, .beacon-detail-spare-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.beacon-detail-spare-content20, .beacon-detail-spare-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-spare-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-detail-spare-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-card-header, .beacon-detail-spare-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.beacon-detail-spare-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.beacon-detail-spare-button-group-base9, .beacon-detail-spare-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.beacon-detail-spare-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.beacon-detail-spare-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.beacon-detail-spare-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-spare-button-group-base10, .beacon-detail-spare-button-group-base11, .beacon-detail-spare-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.beacon-detail-spare-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.beacon-detail-spare-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-spare-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.beacon-detail-spare-content22, .beacon-detail-spare-input-with-label3, .beacon-detail-spare-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.beacon-detail-spare-input-with-label3, .beacon-detail-spare-input3 {
  align-self: stretch;
}

.beacon-detail-spare-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.beacon-detail-spare-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.beacon-detail-spare-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-spare-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.beacon-detail-spare-actions4, .beacon-detail-spare-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.beacon-detail-spare-content-items9, .beacon-detail-spare-content21, .beacon-detail-spare-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.beacon-detail-spare-content-items9, .beacon-detail-spare-filters-bar1 {
  justify-content: flex-start;
}

.beacon-detail-spare-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.beacon-detail-spare-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.beacon-detail-spare-badge-number1, .beacon-detail-spare-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.beacon-detail-spare-badge47, .beacon-detail-spare-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-detail-spare-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.beacon-detail-spare-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-detail-spare-actions5, .beacon-detail-spare-card-header1, .beacon-detail-spare-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.beacon-detail-spare-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.beacon-detail-spare-card-header1, .beacon-detail-spare-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.beacon-detail-spare-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.beacon-detail-spare-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-detail-spare-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.beacon-detail-spare-checkbox-wrapper, .beacon-detail-spare-sub-nav-items-wrapper, .beacon-detail-spare-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.beacon-detail-spare-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.beacon-detail-spare-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-avatar2, .beacon-detail-spare-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.beacon-detail-spare-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.beacon-detail-spare-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.beacon-detail-spare-account-button, .beacon-detail-spare-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-account-button {
  min-width: 75px;
  font-weight: 500;
}

.beacon-detail-spare-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.beacon-detail-spare-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-spare-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-spare-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-spare-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-spare-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-spare-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-contrast-border6, .beacon-detail-spare-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.beacon-detail-spare-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.beacon-detail-spare-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.beacon-detail-spare-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.beacon-detail-spare-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-button-upload, .beacon-detail-spare-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.beacon-detail-spare-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-spare-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-spare-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-spare-table-cell6, .beacon-detail-spare-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-spare-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.beacon-detail-spare-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-spare-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-spare-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-spare-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-spare-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-spare-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-table-cell15, .beacon-detail-spare-table-cell16, .beacon-detail-spare-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-spare-table-cell16, .beacon-detail-spare-table-cell18 {
  width: 271px;
}

.beacon-detail-spare-table-cell18 {
  width: 239px;
}

.beacon-detail-spare-column, .beacon-detail-spare-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.beacon-detail-spare-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.beacon-detail-spare-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.beacon-detail-spare-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-spare-user-cell2, .beacon-detail-spare-user-cell3, .beacon-detail-spare-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-user-cell3, .beacon-detail-spare-user-cell4 {
  min-width: 84px;
}

.beacon-detail-spare-user-cell4 {
  min-width: 82px;
}

.beacon-detail-spare-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-spare-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.beacon-detail-spare-user-cell5, .beacon-detail-spare-user-cell6, .beacon-detail-spare-user-cell7 {
  line-height: 20px;
  position: relative;
}

.beacon-detail-spare-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.beacon-detail-spare-user-cell7 {
  white-space: nowrap;
}

.beacon-detail-spare-column1, .beacon-detail-spare-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.beacon-detail-spare-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.beacon-detail-spare-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-column2, .beacon-detail-spare-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.beacon-detail-spare-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.beacon-detail-spare-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-button-wrap, .beacon-detail-spare-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.beacon-detail-spare-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.beacon-detail-spare-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-content24, .beacon-detail-spare-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-content24 {
  padding: 10px 16px;
}

.beacon-detail-spare-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.beacon-detail-spare-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-content25, .beacon-detail-spare-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-content25 {
  padding: 10px 15px;
}

.beacon-detail-spare-pagination-number-base1 {
  overflow: hidden;
}

.beacon-detail-spare-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-content26, .beacon-detail-spare-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-content26 {
  padding: 10px 15px;
}

.beacon-detail-spare-pagination-number-base2 {
  overflow: hidden;
}

.beacon-detail-spare-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.beacon-detail-spare-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-content30, .beacon-detail-spare-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.beacon-detail-spare-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.beacon-detail-spare-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-button-wrap1, .beacon-detail-spare-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.beacon-detail-spare-pagination, .beacon-detail-spare-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.beacon-detail-spare-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-detail-spare-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.beacon-detail-spare-content-items10, .beacon-detail-spare-content-items11, .beacon-detail-spare-table-cell41, .beacon-detail-spare-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.beacon-detail-spare-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-spare-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-detail-spare-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.beacon-detail-spare-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-spare-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-table-cell50, .beacon-detail-spare-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.beacon-detail-spare-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.beacon-detail-spare-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.beacon-detail-spare-column3, .beacon-detail-spare-table-cell52, .beacon-detail-spare-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.beacon-detail-spare-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.beacon-detail-spare-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.beacon-detail-spare-marker-pin-02-group, .beacon-detail-spare-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-marker-pin-02-group {
  gap: 7px;
}

.beacon-detail-spare-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.beacon-detail-spare-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.beacon-detail-spare-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.beacon-detail-spare-column-wrapper, .beacon-detail-spare-column4, .beacon-detail-spare-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.beacon-detail-spare-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.beacon-detail-spare-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.beacon-detail-spare-column5, .beacon-detail-spare-column6, .beacon-detail-spare-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.beacon-detail-spare-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.beacon-detail-spare-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.beacon-detail-spare-column-parent, .beacon-detail-spare-frame-parent74, .beacon-detail-spare-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.beacon-detail-spare-frame-parent74, .beacon-detail-spare-pagination1 {
  align-self: stretch;
}

.beacon-detail-spare-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.beacon-detail-spare-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.beacon-detail-spare-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-badge50, .beacon-detail-spare-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-detail-spare-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.beacon-detail-spare-content-items14, .beacon-detail-spare-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.beacon-detail-spare-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.beacon-detail-spare-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-button-group-base27, .beacon-detail-spare-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-spare-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.beacon-detail-spare-button-group-base28 {
  background-color: #fff;
}

.beacon-detail-spare-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.beacon-detail-spare-filter-bar-container, .beacon-detail-spare-frame-parent, .beacon-detail-spare-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.beacon-detail-spare-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.beacon-detail-spare-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.beacon-detail-spare-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.beacon-detail-spare-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.beacon-detail-spare-buttonsbutton33, .beacon-detail-spare-content45, .beacon-detail-spare-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.beacon-detail-spare-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.beacon-detail-spare-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-actions11, .beacon-detail-spare-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.beacon-detail-spare-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.beacon-detail-spare-empty-state, .beacon-detail-spare-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.beacon-detail-spare-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.beacon-detail-spare-empty-state-wrapper, .beacon-detail-spare-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.beacon-detail-spare-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.beacon-detail-spare-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-detail-spare-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.beacon-detail-spare-content46, .beacon-detail-spare-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.beacon-detail-spare-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.beacon-detail-spare-add, .beacon-detail-spare-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-learn-more {
  min-width: 88px;
}

.beacon-detail-spare-actions12, .beacon-detail-spare-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-spare-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.beacon-detail-spare-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.beacon-detail-spare-empty-state-container, .beacon-detail-spare-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.beacon-detail-spare-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.beacon-detail-spare-beacon-detail-spare-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.beacon-detail-spare-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.beacon-detail-spare-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-detail-spare-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.beacon-detail-spare-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.beacon-detail-spare-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.beacon-detail-spare-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.beacon-detail-spare-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.beacon-detail-spare-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.beacon-detail-spare-component-listing-container::-webkit-scrollbar {
  display: none;
}

.beacon-detail-spare-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.beacon-detail-spare-component-beacon-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.beacon-detail-spare-component-beacon-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.beacon-detail-spare-component-beacon-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-detail-spare-component-beacon-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-component-beacon-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.beacon-detail-spare-component-beacon-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-component-beacon-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 80%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-detail-spare-component-beacon-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-component-beacon-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.beacon-detail-spare-component-beacon-text78:hover {
  text-decoration: underline;
}

.beacon-detail-spare-component-beacon-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.beacon-detail-spare-component-beacon-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.beacon-detail-spare-component-beacon-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.beacon-detail-spare-component-beacon-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-detail-spare-component-beacon-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-detail-spare-component-beacon-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-spare-component-beacon-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-detail-spare-component-beacon-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.beacon-detail-spare-component-beacon-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-component-beacon-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-component-beacon-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.beacon-detail-spare-component-beacon-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-detail-spare-component-beacon-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.beacon-detail-spare-component-beacon-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-component-beacon-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-component-beacon-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.beacon-detail-spare-component-beacon-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-spare-component-beacon-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-component-beacon-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-component-beacon-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-spare-component-beacon-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.beacon-detail-spare-component-beacon-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-spare-component-beacon-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-component-beacon-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-component-beacon-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-component-beacon-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.beacon-detail-spare-component-beacon-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.beacon-detail-spare-component-beacon-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.beacon-detail-spare-component-beacon-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-component-beacon-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-spare-component-beacon-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-spare-component-beacon-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-spare-component-beacon-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-detail-spare-component-beacon-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.beacon-detail-spare-component-beacon-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-spare-component-beacon-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-detail-spare-component-beacon-divider-icon8 {
  z-index: 2;
  width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-detail-spare-component-beacon-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.beacon-detail-spare-component-beacon-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-component-beacon-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-detail-spare-component-beacon-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.beacon-detail-spare-component-beacon-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-detail-spare-component-beacon-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-spare-component-beacon-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-detail-spare-component-beacon-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-component-beacon-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-component-beacon-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-detail-spare-component-beacon-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-detail-spare-component-beacon-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 95%;
  font-size: 14px;
  display: flex;
}

.beacon-detail-spare-component-beacon-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.beacon-detail-spare-component-beacon-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-component-beacon-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-component-beacon-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-buttonsbutton25, .beacon-detail-spare-component-beacon-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-component-beacon-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.beacon-detail-spare-component-beacon-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-detail-spare-component-beacon-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-spare-component-beacon-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-spare-component-beacon-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-component-beacon-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.beacon-detail-spare-component-beacon-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.beacon-detail-spare-component-beacon-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.beacon-detail-spare-component-beacon-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.beacon-detail-spare-component-beacon-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-component-beacon-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

.beacon-detail-spare-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.beacon-detail-spare-display-form-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.beacon-detail-spare-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-display-toggle-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-spare-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.beacon-detail-spare-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-table {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-detail-spare-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-detail-spare-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-detail-spare-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.beacon-detail-spare-table-header-title {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-divider-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-table-content {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.beacon-detail-spare-table-row {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.beacon-detail-spare-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 13px 24px 11px;
  display: flex;
}

.beacon-detail-spare-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 6.5px 20px 0;
  display: flex;
}

.beacon-detail-spare-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.beacon-detail-spare-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-spare-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-spare-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-spare-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-spare-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-spare-table-cell30 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-spare-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-spare-table-cell40 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.beacon-detail-spare-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-spare-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.beacon-detail-spare-table-header-cell-parent:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.beacon-detail-spare-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-display-form-content-wrapper-Viewed {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.beacon-detail-spare-display-form-content-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-display-toggle-header-parent-Viewed {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.beacon-detail-spare-display-toggle-header-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-display-toggle-title-Viewed {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-spare-display-divider-container-Viewed {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.beacon-detail-spare-display-divider-icon3-Viewed {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-table-Viewed {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-detail-spare-card-header1-Viewed {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-spare-content4-Viewed {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-detail-spare-text-and-supporting-text2-Viewed {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-detail-spare-text-and-badge1-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.beacon-detail-spare-table-header-title-Viewed {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-dropdown-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-spare-dots-vertical-icon-Viewed {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-divider-icon-Viewed {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-table-content-Viewed {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.beacon-detail-spare-table-row-Viewed {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.beacon-detail-spare-table-header-cell1-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.beacon-detail-spare-table-cell10-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.beacon-detail-spare-checkbox-wrapper-Viewed {
  width: 28px;
  height: 20px;
  margin: 0;
}

.beacon-detail-spare-table-header-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-spare-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-arrow-down-icon1-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-table-header-cell2-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-spare-table-cell20-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-spare-help-icon-Viewed {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-spare-table-header-cell3-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-spare-table-cell30-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-spare-table-header-cell4-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-spare-table-cell40-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.beacon-detail-spare-table-header2-Viewed {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-spare-action-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-spare-arrow-down-icon2-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-spare-table-header-cell-parent-Viewed {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.beacon-detail-spare-cell-content-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (width <= 1275px) {
  .beacon-detail-spare-all, .beacon-detail-spare-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .beacon-detail-spare-all {
    padding-bottom: 67px;
  }

  .beacon-detail-spare-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .beacon-detail-spare-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .beacon-detail-spare-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .beacon-detail-spare-content-elements-parent, .beacon-detail-spare-content17, .beacon-detail-spare-frame-group, .beacon-detail-spare-rectangle-parent10, .beacon-detail-spare-rectangle-parent5, .beacon-detail-spare-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .beacon-detail-spare-frame-wrapper31 {
    flex: 1;
  }

  .beacon-detail-spare-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-list-item-parent {
    flex: 1;
  }

  .beacon-detail-spare-card-list, .beacon-detail-spare-content20, .beacon-detail-spare-content21, .beacon-detail-spare-metric-item-parent {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .beacon-detail-spare-content23, .beacon-detail-spare-frame-parent73, .beacon-detail-spare-frame-parent74 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .beacon-detail-spare-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }

  .beacon-detail-spare-component-beacon-rectangle-parent5, .beacon-detail-spare-component-beacon-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .beacon-detail-spare-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-detail-spare-content13 {
    gap: 17px;
  }

  .beacon-detail-spare-tabs-and-filters {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-jul {
    width: 100%;
    height: 17px;
  }

  .beacon-detail-spare-x-axis {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-number {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-detail-spare-main {
    gap: 16px;
  }

  .beacon-detail-spare-number3, .beacon-detail-spare-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .beacon-detail-spare-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .beacon-detail-spare-badge-elements, .beacon-detail-spare-card-elements, .beacon-detail-spare-dropdowns, .beacon-detail-spare-location-badge-number {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-action-fields {
    min-width: 100%;
  }

  .beacon-detail-spare-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-spare-frame-parent2, .beacon-detail-spare-primary-table {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-spare-frame-parent17, .beacon-detail-spare-frame-parent18, .beacon-detail-spare-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-element-details, .beacon-detail-spare-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .beacon-detail-spare-action-icons, .beacon-detail-spare-element-details-parent {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-icon-button {
    gap: 17px;
  }

  .beacon-detail-spare-icon-button, .beacon-detail-spare-sidebar1 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-spare-rectangle-parent11 {
    gap: 16px;
  }

  .beacon-detail-spare-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .beacon-detail-spare-frame-parent39 {
    min-width: 100%;
  }

  .beacon-detail-spare-frame-wrapper31 {
    margin-left: 0;
  }

  .beacon-detail-spare-card-row {
    min-width: 100%;
  }

  .beacon-detail-spare-list-item-parent {
    margin-left: 0;
  }

  .beacon-detail-spare-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .beacon-detail-spare-text-and-supporting-text2 {
    min-width: 100%;
  }

  .beacon-detail-spare-actions4 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .beacon-detail-spare-text-and-supporting-text3 {
    min-width: 100%;
  }

  .beacon-detail-spare-actions5, .beacon-detail-spare-table-cell51, .beacon-detail-spare-table-cell52 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .beacon-detail-spare-frame-parent, .beacon-detail-spare-text-and-supporting-text16 {
    min-width: 100%;
  }

  .beacon-detail-spare-empty-state3 {
    gap: 16px;
  }

  .beacon-detail-spare-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .beacon-detail-spare-container3 {
    gap: 16px;
  }

  .beacon-detail-spare-component-beacon-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-spare-component-beacon-action-fields {
    min-width: 100%;
  }

  .beacon-detail-spare-component-beacon-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-component-beacon-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-detail-spare-component-beacon-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .beacon-detail-spare-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .beacon-detail-spare-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .beacon-detail-spare-actions {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-number {
    font-size: 18px;
    line-height: 23px;
  }

  .beacon-detail-spare-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .beacon-detail-spare-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .beacon-detail-spare-number3, .beacon-detail-spare-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .beacon-detail-spare-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-detail-spare-price {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-spare-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-date-elements-parent {
    flex: 1;
  }

  .beacon-detail-spare-badge-container, .beacon-detail-spare-frame-parent12 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-badge-group {
    height: auto;
    min-height: 104px;
  }

  .beacon-detail-spare-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-spare-work-type-icon {
    flex: 1;
  }

  .beacon-detail-spare-calendar-icon6 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-work-type-label {
    margin-left: 0;
  }

  .beacon-detail-spare-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-spare-frame-parent36, .beacon-detail-spare-frame-parent42 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-price5, .beacon-detail-spare-price6, .beacon-detail-spare-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-spare-frame-parent64 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .beacon-detail-spare-content22, .beacon-detail-spare-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-detail-spare-input-dropdown3 {
    max-width: 100%;
  }

  .beacon-detail-spare-table-cell50, .beacon-detail-spare-table-cell53 {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .beacon-detail-spare-column5, .beacon-detail-spare-column6 {
    flex: 1;
  }

  .beacon-detail-spare-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .beacon-detail-spare-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-detail-spare-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .beacon-detail-spare-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .beacon-detail-spare-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }

  .beacon-detail-spare-component-beacon-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-spare-component-beacon-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-detail-spare-component-beacon-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.beacon-detail-service-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.sbeacon-detail-service-component-listing-container::-webkit-scrollbar {
  display: none;
}

.beacon-detail-service-main-custom {
  width: 100% !important;
}

.beacon-detail-service-search-lg-icon-custom {
  cursor: pointer;
}

.beacon-detail-service-beacon-detail-service-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.beacon-detail-service-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.beacon-detail-service-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-badge1, .beacon-detail-service-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.beacon-detail-service-navigation, .beacon-detail-service-search-input {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.beacon-detail-service-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-service-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-content3, .beacon-detail-service-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-service-content3 {
  flex: 1;
  gap: 8px;
}

.beacon-detail-service-divider-icon, .beacon-detail-service-home-line-icon {
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.beacon-detail-service-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.beacon-detail-service-content12, .beacon-detail-service-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.beacon-detail-service-content5, .beacon-detail-service-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.beacon-detail-service-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.beacon-detail-service-supporting-text, .beacon-detail-service-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.beacon-detail-service-title {
  font-weight: 600;
}

.beacon-detail-service-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.beacon-detail-service-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.beacon-detail-service-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.beacon-detail-service-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-service-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.beacon-detail-service-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-service-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.beacon-detail-service-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.beacon-detail-service-tabs {
  gap: 8px;
}

.beacon-detail-service-breadcrumbs, .beacon-detail-service-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-service-heading, .beacon-detail-service-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.beacon-detail-service-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-detail-service-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.beacon-detail-service-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.beacon-detail-service-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-detail-service-button, .beacon-detail-service-button1, .beacon-detail-service-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.beacon-detail-service-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.beacon-detail-service-button1, .beacon-detail-service-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.beacon-detail-service-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.beacon-detail-service-actions, .beacon-detail-service-button2, .beacon-detail-service-button3 {
  flex-direction: row;
  align-items: center;
}

.beacon-detail-service-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.beacon-detail-service-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-service-button4, .beacon-detail-service-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.beacon-detail-service-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-button6, .beacon-detail-service-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-detail-service-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-content13, .beacon-detail-service-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.beacon-detail-service-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.beacon-detail-service-content13, .beacon-detail-service-divider-icon1, .beacon-detail-service-page-header {
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-service-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-detail-service-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-service-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-button-group-base1, .beacon-detail-service-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-service-button-group-base2 {
  width: 77px;
}

.beacon-detail-service-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.beacon-detail-service-button-group-base3, .beacon-detail-service-button-group-base4, .beacon-detail-service-button-group-base5, .beacon-detail-service-button-group-base6, .beacon-detail-service-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.beacon-detail-service-button-group-base4, .beacon-detail-service-button-group-base5, .beacon-detail-service-button-group-base6, .beacon-detail-service-button-group-base7 {
  z-index: 4;
}

.beacon-detail-service-button-group-base5, .beacon-detail-service-button-group-base6, .beacon-detail-service-button-group-base7 {
  z-index: 3;
}

.beacon-detail-service-button-group-base6, .beacon-detail-service-button-group-base7 {
  z-index: 2;
}

.beacon-detail-service-button-group-base7 {
  z-index: 1;
}

.beacon-detail-service-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-button-group, .beacon-detail-service-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.beacon-detail-service-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.beacon-detail-service-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-actions2, .beacon-detail-service-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-service-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.beacon-detail-service-container, .beacon-detail-service-header-section, .beacon-detail-service-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.beacon-detail-service-container, .beacon-detail-service-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.beacon-detail-service-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.beacon-detail-service-header-section {
  flex-shrink: 0;
}

.beacon-detail-service-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-service-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.beacon-detail-service-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-service-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-service-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-color2, .beacon-detail-service-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-service-color3 {
  background-color: #17b26a;
}

.beacon-detail-service-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.beacon-detail-service-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-service-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.beacon-detail-service-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.beacon-detail-service-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-service-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.beacon-detail-service-divider, .beacon-detail-service-y-axis-line, .beacon-detail-service-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-service-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.beacon-detail-service-y-axis-line, .beacon-detail-service-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.beacon-detail-service-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.beacon-detail-service-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.beacon-detail-service-y-axis, .beacon-detail-service-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-service-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.beacon-detail-service-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.beacon-detail-service-jan, .beacon-detail-service-jul, .beacon-detail-service-jun, .beacon-detail-service-mar, .beacon-detail-service-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-jul, .beacon-detail-service-jun, .beacon-detail-service-mar, .beacon-detail-service-may {
  min-width: 23px;
}

.beacon-detail-service-jul, .beacon-detail-service-jun, .beacon-detail-service-may {
  min-width: 25px;
}

.beacon-detail-service-jul, .beacon-detail-service-jun {
  min-width: 22px;
}

.beacon-detail-service-jul {
  min-width: 17px;
}

.beacon-detail-service-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-service-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.beacon-detail-service-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.beacon-detail-service-line-and-bar-chart, .beacon-detail-service-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-line-and-bar-chart {
  flex: 1;
}

.beacon-detail-service-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.beacon-detail-service-heading1, .beacon-detail-service-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.beacon-detail-service-number {
  white-space: nowrap;
  line-height: 38px;
}

.beacon-detail-service-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.beacon-detail-service-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-change-and-text, .beacon-detail-service-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-service-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.beacon-detail-service-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.beacon-detail-service-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-detail-service-dropdown, .beacon-detail-service-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.beacon-detail-service-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-detail-service-change-and-text1, .beacon-detail-service-container1, .beacon-detail-service-metric-group, .beacon-detail-service-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.beacon-detail-service-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-service-container1, .beacon-detail-service-metric-group, .beacon-detail-service-section {
  align-items: flex-start;
  max-width: 100%;
}

.beacon-detail-service-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.beacon-detail-service-container1, .beacon-detail-service-section {
  flex-direction: column;
}

.beacon-detail-service-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.beacon-detail-service-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.beacon-detail-service-separator, .beacon-detail-service-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.beacon-detail-service-separator1 {
  height: 43px;
}

.beacon-detail-service-main, .beacon-detail-service-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.beacon-detail-service-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.beacon-detail-service-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-service-breadcrumb-button-base6, .beacon-detail-service-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.beacon-detail-service-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.beacon-detail-service-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.beacon-detail-service-breadcrumbs1, .beacon-detail-service-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.beacon-detail-service-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.beacon-detail-service-breadcrumbs1 {
  width: 278px;
  display: none;
}

.beacon-detail-service-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.beacon-detail-service-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.beacon-detail-service-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.beacon-detail-service-content16, .beacon-detail-service-input-with-label1, .beacon-detail-service-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.beacon-detail-service-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.beacon-detail-service-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-service-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.beacon-detail-service-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.beacon-detail-service-content15, .beacon-detail-service-page-header-wrapper, .beacon-detail-service-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.beacon-detail-service-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.beacon-detail-service-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-service-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.beacon-detail-service-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.beacon-detail-service-text49, .beacon-detail-service-text50, .beacon-detail-service-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-text50, .beacon-detail-service-text51 {
  min-width: 62px;
}

.beacon-detail-service-text51 {
  min-width: 34px;
}

.beacon-detail-service-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.beacon-detail-service-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.beacon-detail-service-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.beacon-detail-service-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.beacon-detail-service-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-service-tab-button-base7, .beacon-detail-service-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.beacon-detail-service-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.beacon-detail-service-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.beacon-detail-service-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.beacon-detail-service-horizontal-tabs, .beacon-detail-service-horizontal-tabs-wrapper, .beacon-detail-service-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.beacon-detail-service-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.beacon-detail-service-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.beacon-detail-service-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-service-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.beacon-detail-service-dropdown3, .beacon-detail-service-metric-card, .beacon-detail-service-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.beacon-detail-service-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.beacon-detail-service-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-service-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.beacon-detail-service-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.beacon-detail-service-frame-inner, .beacon-detail-service-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.beacon-detail-service-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.beacon-detail-service-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.beacon-detail-service-heading5, .beacon-detail-service-number4 {
  z-index: 1;
  position: relative;
}

.beacon-detail-service-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.beacon-detail-service-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.beacon-detail-service-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.beacon-detail-service-badge12, .beacon-detail-service-frame-container, .beacon-detail-service-heading-parent, .beacon-detail-service-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.beacon-detail-service-frame-container, .beacon-detail-service-rectangle-container {
  box-sizing: border-box;
}

.beacon-detail-service-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.beacon-detail-service-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.beacon-detail-service-heading-group {
  gap: 8px;
  width: 153px;
}

.beacon-detail-service-dropdown7, .beacon-detail-service-heading-container, .beacon-detail-service-heading-group, .beacon-detail-service-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-heading-container {
  gap: 8px;
  width: 163px;
}

.beacon-detail-service-dropdown7, .beacon-detail-service-heading-parent1 {
  flex-shrink: 0;
}

.beacon-detail-service-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.beacon-detail-service-dropdown7 {
  z-index: 1;
}

.beacon-detail-service-frame-group, .beacon-detail-service-frame-wrapper, .beacon-detail-service-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.beacon-detail-service-frame-group, .beacon-detail-service-frame-wrapper {
  max-width: 100%;
}

.beacon-detail-service-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.beacon-detail-service-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.beacon-detail-service-text62, .beacon-detail-service-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-text63 {
  min-width: 74px;
}

.beacon-detail-service-buttonsbutton4, .beacon-detail-service-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.beacon-detail-service-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-dropdowns, .beacon-detail-service-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.beacon-detail-service-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-input-dropdown2, .beacon-detail-service-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.beacon-detail-service-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.beacon-detail-service-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.beacon-detail-service-content17, .beacon-detail-service-filters-bar, .beacon-detail-service-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.beacon-detail-service-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.beacon-detail-service-frame-child3, .beacon-detail-service-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.beacon-detail-service-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.beacon-detail-service-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.beacon-detail-service-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.beacon-detail-service-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-service-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.beacon-detail-service-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-detail-service-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-service-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-detail-service-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-location-badge, .beacon-detail-service-location-badge-number, .beacon-detail-service-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.beacon-detail-service-location-badge, .beacon-detail-service-type-number {
  box-sizing: border-box;
}

.beacon-detail-service-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.beacon-detail-service-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.beacon-detail-service-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.beacon-detail-service-location-elements, .beacon-detail-service-type-badge-elements, .beacon-detail-service-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.beacon-detail-service-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.beacon-detail-service-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-service-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.beacon-detail-service-badge-elements, .beacon-detail-service-badge-elements-wrapper, .beacon-detail-service-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.beacon-detail-service-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.beacon-detail-service-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-action-fields, .beacon-detail-service-card-elements, .beacon-detail-service-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.beacon-detail-service-action-fields, .beacon-detail-service-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.beacon-detail-service-input-elements {
  align-self: stretch;
  gap: 16px;
}

.beacon-detail-service-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.beacon-detail-service-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-service-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-detail-service-frame-wrapper3, .beacon-detail-service-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.beacon-detail-service-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.beacon-detail-service-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.beacon-detail-service-dropdown-elements, .beacon-detail-service-dropdown-options-parent, .beacon-detail-service-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.beacon-detail-service-price-parent {
  flex-direction: column;
  flex: 1;
}

.beacon-detail-service-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.beacon-detail-service-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.beacon-detail-service-content-actions, .beacon-detail-service-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.beacon-detail-service-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.beacon-detail-service-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.beacon-detail-service-name, .beacon-detail-service-role {
  display: inline-block;
  position: relative;
}

.beacon-detail-service-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.beacon-detail-service-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.beacon-detail-service-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-detail-service-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.beacon-detail-service-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.beacon-detail-service-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-buttonsbutton8, .beacon-detail-service-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.beacon-detail-service-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.beacon-detail-service-buttonsbutton-parent, .beacon-detail-service-primary-table, .beacon-detail-service-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.beacon-detail-service-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.beacon-detail-service-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.beacon-detail-service-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-content-items, .beacon-detail-service-help-avatar, .beacon-detail-service-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.beacon-detail-service-content-items, .beacon-detail-service-rectangle-parent3 {
  box-sizing: border-box;
}

.beacon-detail-service-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.beacon-detail-service-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.beacon-detail-service-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.beacon-detail-service-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-detail-service-badge-parent, .beacon-detail-service-badge23, .beacon-detail-service-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.beacon-detail-service-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-service-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-badge23, .beacon-detail-service-badge24, .beacon-detail-service-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.beacon-detail-service-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.beacon-detail-service-badge24, .beacon-detail-service-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-badge-elements-copy, .beacon-detail-service-badge25, .beacon-detail-service-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.beacon-detail-service-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.beacon-detail-service-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-service-badge26, .beacon-detail-service-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.beacon-detail-service-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-badge27, .beacon-detail-service-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.beacon-detail-service-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.beacon-detail-service-frame-parent1, .beacon-detail-service-frame-parent2, .beacon-detail-service-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.beacon-detail-service-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.beacon-detail-service-frame-child5, .beacon-detail-service-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.beacon-detail-service-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.beacon-detail-service-frame-child7, .beacon-detail-service-text78 {
  z-index: 2;
  position: relative;
}

.beacon-detail-service-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.beacon-detail-service-text78 {
  font-weight: 600;
  line-height: 28px;
}

.beacon-detail-service-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-location3, .beacon-detail-service-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-type-of-work2 {
  min-width: 109px;
}

.beacon-detail-service-frame-parent12, .beacon-detail-service-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.beacon-detail-service-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.beacon-detail-service-badge29, .beacon-detail-service-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.beacon-detail-service-badge30 {
  width: 76px;
}

.beacon-detail-service-badge-container, .beacon-detail-service-badge30, .beacon-detail-service-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.beacon-detail-service-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-service-badge-container, .beacon-detail-service-badge32, .beacon-detail-service-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.beacon-detail-service-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.beacon-detail-service-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-detail-service-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge33, .beacon-detail-service-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-detail-service-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.beacon-detail-service-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-price2, .beacon-detail-service-text83 {
  position: relative;
}

.beacon-detail-service-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.beacon-detail-service-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.beacon-detail-service-radar-1-1-container, .beacon-detail-service-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.beacon-detail-service-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.beacon-detail-service-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.beacon-detail-service-name2, .beacon-detail-service-role2 {
  display: inline-block;
  position: relative;
}

.beacon-detail-service-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.beacon-detail-service-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.beacon-detail-service-buttonsbutton13, .beacon-detail-service-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.beacon-detail-service-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.beacon-detail-service-buttonsbutton14, .beacon-detail-service-buttonsbutton15, .beacon-detail-service-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.beacon-detail-service-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.beacon-detail-service-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.beacon-detail-service-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.beacon-detail-service-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-frame-wrapper16, .beacon-detail-service-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.beacon-detail-service-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.beacon-detail-service-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.beacon-detail-service-divider-icon5, .beacon-detail-service-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.beacon-detail-service-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-service-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.beacon-detail-service-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.beacon-detail-service-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge34, .beacon-detail-service-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.beacon-detail-service-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-detail-service-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-badge36, .beacon-detail-service-badge37, .beacon-detail-service-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.beacon-detail-service-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-service-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.beacon-detail-service-badge38, .beacon-detail-service-frame-parent26, .beacon-detail-service-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.beacon-detail-service-badge39, .beacon-detail-service-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.beacon-detail-service-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-element-details-child, .beacon-detail-service-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.beacon-detail-service-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.beacon-detail-service-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.beacon-detail-service-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.beacon-detail-service-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.beacon-detail-service-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.beacon-detail-service-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-detail-service-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-service-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-date-icon, .beacon-detail-service-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-type-label {
  color: #101828;
  font-size: 14px;
}

.beacon-detail-service-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.beacon-detail-service-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-service-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-work-type-icon, .beacon-detail-service-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.beacon-detail-service-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.beacon-detail-service-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.beacon-detail-service-action-icons, .beacon-detail-service-calendar-icon6, .beacon-detail-service-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.beacon-detail-service-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.beacon-detail-service-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.beacon-detail-service-element-actions, .beacon-detail-service-element-details-parent, .beacon-detail-service-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.beacon-detail-service-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.beacon-detail-service-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.beacon-detail-service-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-service-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.beacon-detail-service-frame-parent32, .beacon-detail-service-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.beacon-detail-service-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.beacon-detail-service-dropdown-parent1, .beacon-detail-service-frame-parent31, .beacon-detail-service-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.beacon-detail-service-dropdown-parent1, .beacon-detail-service-frame-parent31 {
  align-items: flex-end;
}

.beacon-detail-service-frame-parent31 {
  flex: 1;
}

.beacon-detail-service-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.beacon-detail-service-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.beacon-detail-service-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.beacon-detail-service-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.beacon-detail-service-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.beacon-detail-service-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.beacon-detail-service-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.beacon-detail-service-span {
  font-weight: 500;
}

.beacon-detail-service-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.beacon-detail-service-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-service-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-frame-parent36, .beacon-detail-service-frame-parent37, .beacon-detail-service-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-service-frame-parent37, .beacon-detail-service-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.beacon-detail-service-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.beacon-detail-service-text105, .beacon-detail-service-text106, .beacon-detail-service-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-service-text105, .beacon-detail-service-text106 {
  display: inline-block;
}

.beacon-detail-service-text105 {
  min-width: 103px;
}

.beacon-detail-service-text106 {
  flex-shrink: 0;
  width: 151px;
}

.beacon-detail-service-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.beacon-detail-service-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.beacon-detail-service-supporting-text20, .beacon-detail-service-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-supporting-text20 {
  min-width: 70.9px;
}

.beacon-detail-service-supporting-text21 {
  width: 104px;
}

.beacon-detail-service-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.beacon-detail-service-frame-parent33, .beacon-detail-service-frame-parent34, .beacon-detail-service-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.beacon-detail-service-frame-parent33, .beacon-detail-service-frame-parent34 {
  flex: 1;
}

.beacon-detail-service-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.beacon-detail-service-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.beacon-detail-service-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-buttonsbutton-wrapper, .beacon-detail-service-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.beacon-detail-service-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-dropdown-parent2, .beacon-detail-service-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.beacon-detail-service-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.beacon-detail-service-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.beacon-detail-service-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-service-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.beacon-detail-service-content-items5, .beacon-detail-service-frame-child16, .beacon-detail-service-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.beacon-detail-service-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-service-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.beacon-detail-service-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-service-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.beacon-detail-service-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-service-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-service-frame-parent39, .beacon-detail-service-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.beacon-detail-service-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.beacon-detail-service-dropdown14, .beacon-detail-service-text112 {
  z-index: 1;
  position: absolute;
}

.beacon-detail-service-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.beacon-detail-service-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.beacon-detail-service-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-service-price6, .beacon-detail-service-text113 {
  z-index: 1;
  position: relative;
}

.beacon-detail-service-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.beacon-detail-service-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.beacon-detail-service-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.beacon-detail-service-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.beacon-detail-service-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-service-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.beacon-detail-service-frame-parent46, .beacon-detail-service-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.beacon-detail-service-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.beacon-detail-service-frame-parent45, .beacon-detail-service-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.beacon-detail-service-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.beacon-detail-service-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.beacon-detail-service-card-container-child, .beacon-detail-service-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.beacon-detail-service-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.beacon-detail-service-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.beacon-detail-service-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-service-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-detail-service-dropdown15, .beacon-detail-service-item-title {
  z-index: 2;
  position: absolute;
}

.beacon-detail-service-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.beacon-detail-service-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.beacon-detail-service-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-service-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.beacon-detail-service-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.beacon-detail-service-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.beacon-detail-service-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-service-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-detail-service-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.beacon-detail-service-card-container, .beacon-detail-service-card-list, .beacon-detail-service-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.beacon-detail-service-card-container, .beacon-detail-service-card-list {
  align-items: flex-start;
}

.beacon-detail-service-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.beacon-detail-service-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.beacon-detail-service-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.beacon-detail-service-frame-wrapper37, .beacon-detail-service-price-wrapper, .beacon-detail-service-text-wrapper18, .beacon-detail-service-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.beacon-detail-service-frame-wrapper37, .beacon-detail-service-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.beacon-detail-service-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.beacon-detail-service-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.beacon-detail-service-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.beacon-detail-service-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.beacon-detail-service-buttonsbutton-frame, .beacon-detail-service-frame-parent64, .beacon-detail-service-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.beacon-detail-service-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.beacon-detail-service-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-detail-service-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.beacon-detail-service-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-detail-service-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-change7, .beacon-detail-service-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-service-change7 {
  min-width: 38px;
  display: inline-block;
}

.beacon-detail-service-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.beacon-detail-service-change-and-text3, .beacon-detail-service-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-service-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.beacon-detail-service-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-detail-service-dropdown19, .beacon-detail-service-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-detail-service-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-buttonsbutton25, .beacon-detail-service-buttonsbutton26, .beacon-detail-service-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.beacon-detail-service-buttonsbutton25, .beacon-detail-service-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.beacon-detail-service-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-detail-service-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.beacon-detail-service-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.beacon-detail-service-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-arrow-square-up-right-wrapper1, .beacon-detail-service-buttonsbutton-parent1, .beacon-detail-service-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.beacon-detail-service-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.beacon-detail-service-divider-container1, .beacon-detail-service-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.beacon-detail-service-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.beacon-detail-service-buttonsbutton-wrapper1, .beacon-detail-service-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.beacon-detail-service-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-service-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.beacon-detail-service-badge46, .beacon-detail-service-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-service-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-detail-service-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.beacon-detail-service-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-actions3, .beacon-detail-service-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-service-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.beacon-detail-service-content20, .beacon-detail-service-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-service-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-detail-service-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-card-header, .beacon-detail-service-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.beacon-detail-service-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.beacon-detail-service-button-group-base9, .beacon-detail-service-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.beacon-detail-service-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.beacon-detail-service-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.beacon-detail-service-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-service-button-group-base10, .beacon-detail-service-button-group-base11, .beacon-detail-service-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.beacon-detail-service-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.beacon-detail-service-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-service-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.beacon-detail-service-content22, .beacon-detail-service-input-with-label3, .beacon-detail-service-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.beacon-detail-service-input-with-label3, .beacon-detail-service-input3 {
  align-self: stretch;
}

.beacon-detail-service-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.beacon-detail-service-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.beacon-detail-service-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-service-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.beacon-detail-service-actions4, .beacon-detail-service-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-service-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.beacon-detail-service-content-items9, .beacon-detail-service-content21, .beacon-detail-service-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.beacon-detail-service-content-items9, .beacon-detail-service-filters-bar1 {
  justify-content: flex-start;
}

.beacon-detail-service-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.beacon-detail-service-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.beacon-detail-service-badge-number1, .beacon-detail-service-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.beacon-detail-service-badge47, .beacon-detail-service-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-service-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-detail-service-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.beacon-detail-service-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-detail-service-actions5, .beacon-detail-service-card-header1, .beacon-detail-service-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.beacon-detail-service-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.beacon-detail-service-card-header1, .beacon-detail-service-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.beacon-detail-service-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.beacon-detail-service-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-detail-service-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.beacon-detail-service-checkbox-wrapper, .beacon-detail-service-sub-nav-items-wrapper, .beacon-detail-service-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.beacon-detail-service-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.beacon-detail-service-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-avatar2, .beacon-detail-service-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.beacon-detail-service-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.beacon-detail-service-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.beacon-detail-service-account-button, .beacon-detail-service-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-account-button {
  min-width: 75px;
  font-weight: 500;
}

.beacon-detail-service-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.beacon-detail-service-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-service-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-service-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-service-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-service-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-service-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-contrast-border6, .beacon-detail-service-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.beacon-detail-service-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.beacon-detail-service-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.beacon-detail-service-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.beacon-detail-service-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-button-upload, .beacon-detail-service-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.beacon-detail-service-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-service-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-service-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-service-table-cell6, .beacon-detail-service-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-service-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.beacon-detail-service-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-service-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-service-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-service-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-service-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-service-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-table-cell15, .beacon-detail-service-table-cell16, .beacon-detail-service-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-service-table-cell16, .beacon-detail-service-table-cell18 {
  width: 271px;
}

.beacon-detail-service-table-cell18 {
  width: 239px;
}

.beacon-detail-service-column, .beacon-detail-service-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.beacon-detail-service-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.beacon-detail-service-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.beacon-detail-service-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-service-user-cell2, .beacon-detail-service-user-cell3, .beacon-detail-service-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-user-cell3, .beacon-detail-service-user-cell4 {
  min-width: 84px;
}

.beacon-detail-service-user-cell4 {
  min-width: 82px;
}

.beacon-detail-service-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-service-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.beacon-detail-service-user-cell5, .beacon-detail-service-user-cell6, .beacon-detail-service-user-cell7 {
  line-height: 20px;
  position: relative;
}

.beacon-detail-service-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.beacon-detail-service-user-cell7 {
  white-space: nowrap;
}

.beacon-detail-service-column1, .beacon-detail-service-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.beacon-detail-service-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.beacon-detail-service-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-column2, .beacon-detail-service-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.beacon-detail-service-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.beacon-detail-service-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-button-wrap, .beacon-detail-service-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.beacon-detail-service-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.beacon-detail-service-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-content24, .beacon-detail-service-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-content24 {
  padding: 10px 16px;
}

.beacon-detail-service-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.beacon-detail-service-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-content25, .beacon-detail-service-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-content25 {
  padding: 10px 15px;
}

.beacon-detail-service-pagination-number-base1 {
  overflow: hidden;
}

.beacon-detail-service-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-content26, .beacon-detail-service-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-content26 {
  padding: 10px 15px;
}

.beacon-detail-service-pagination-number-base2 {
  overflow: hidden;
}

.beacon-detail-service-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.beacon-detail-service-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-content30, .beacon-detail-service-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.beacon-detail-service-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.beacon-detail-service-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-button-wrap1, .beacon-detail-service-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-service-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.beacon-detail-service-pagination, .beacon-detail-service-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.beacon-detail-service-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-detail-service-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.beacon-detail-service-content-items10, .beacon-detail-service-content-items11, .beacon-detail-service-table-cell41, .beacon-detail-service-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.beacon-detail-service-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-service-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-detail-service-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.beacon-detail-service-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-service-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-table-cell50, .beacon-detail-service-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.beacon-detail-service-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.beacon-detail-service-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.beacon-detail-service-column3, .beacon-detail-service-table-cell52, .beacon-detail-service-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.beacon-detail-service-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.beacon-detail-service-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.beacon-detail-service-marker-pin-02-group, .beacon-detail-service-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-service-marker-pin-02-group {
  gap: 7px;
}

.beacon-detail-service-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.beacon-detail-service-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.beacon-detail-service-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.beacon-detail-service-column-wrapper, .beacon-detail-service-column4, .beacon-detail-service-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.beacon-detail-service-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.beacon-detail-service-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.beacon-detail-service-column5, .beacon-detail-service-column6, .beacon-detail-service-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.beacon-detail-service-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.beacon-detail-service-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.beacon-detail-service-column-parent, .beacon-detail-service-frame-parent74, .beacon-detail-service-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.beacon-detail-service-frame-parent74, .beacon-detail-service-pagination1 {
  align-self: stretch;
}

.beacon-detail-service-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.beacon-detail-service-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.beacon-detail-service-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-badge50, .beacon-detail-service-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-service-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-detail-service-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.beacon-detail-service-content-items14, .beacon-detail-service-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.beacon-detail-service-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.beacon-detail-service-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-button-group-base27, .beacon-detail-service-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-service-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.beacon-detail-service-button-group-base28 {
  background-color: #fff;
}

.beacon-detail-service-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.beacon-detail-service-filter-bar-container, .beacon-detail-service-frame-parent, .beacon-detail-service-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.beacon-detail-service-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.beacon-detail-service-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.beacon-detail-service-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.beacon-detail-service-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.beacon-detail-service-buttonsbutton33, .beacon-detail-service-content45, .beacon-detail-service-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.beacon-detail-service-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.beacon-detail-service-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-actions11, .beacon-detail-service-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.beacon-detail-service-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.beacon-detail-service-empty-state, .beacon-detail-service-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.beacon-detail-service-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.beacon-detail-service-empty-state-wrapper, .beacon-detail-service-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.beacon-detail-service-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.beacon-detail-service-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-detail-service-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.beacon-detail-service-content46, .beacon-detail-service-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-service-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.beacon-detail-service-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.beacon-detail-service-add, .beacon-detail-service-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-learn-more {
  min-width: 88px;
}

.beacon-detail-service-actions12, .beacon-detail-service-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-service-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.beacon-detail-service-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.beacon-detail-service-empty-state-container, .beacon-detail-service-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.beacon-detail-service-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.beacon-detail-service-beacon-detail-service-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.beacon-detail-service-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.beacon-detail-service-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-detail-service-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.beacon-detail-service-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.beacon-detail-service-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.beacon-detail-service-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.beacon-detail-service-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.beacon-detail-service-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.beacon-detail-service-component-listing-container::-webkit-scrollbar {
  display: none;
}

.beacon-detail-service-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.beacon-detail-service-component-beacon-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.beacon-detail-service-component-beacon-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.beacon-detail-service-component-beacon-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-detail-service-component-beacon-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-component-beacon-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.beacon-detail-service-component-beacon-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-component-beacon-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 80%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-detail-service-component-beacon-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-component-beacon-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.beacon-detail-service-component-beacon-text78:hover {
  text-decoration: underline;
}

.beacon-detail-service-component-beacon-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.beacon-detail-service-component-beacon-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.beacon-detail-service-component-beacon-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.beacon-detail-service-component-beacon-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-detail-service-component-beacon-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-detail-service-component-beacon-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-service-component-beacon-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-detail-service-component-beacon-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.beacon-detail-service-component-beacon-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-component-beacon-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-component-beacon-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.beacon-detail-service-component-beacon-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-detail-service-component-beacon-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.beacon-detail-service-component-beacon-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-component-beacon-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-component-beacon-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.beacon-detail-service-component-beacon-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-service-component-beacon-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-component-beacon-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-component-beacon-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-service-component-beacon-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.beacon-detail-service-component-beacon-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-service-component-beacon-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-component-beacon-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-component-beacon-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-component-beacon-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.beacon-detail-service-component-beacon-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.beacon-detail-service-component-beacon-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.beacon-detail-service-component-beacon-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-component-beacon-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-service-component-beacon-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-service-component-beacon-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-service-component-beacon-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-detail-service-component-beacon-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.beacon-detail-service-component-beacon-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-service-component-beacon-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-detail-service-component-beacon-divider-icon8 {
  z-index: 2;
  width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-detail-service-component-beacon-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.beacon-detail-service-component-beacon-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-component-beacon-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-detail-service-component-beacon-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.beacon-detail-service-component-beacon-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-detail-service-component-beacon-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-service-component-beacon-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-detail-service-component-beacon-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-component-beacon-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-component-beacon-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-detail-service-component-beacon-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-detail-service-component-beacon-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 95%;
  font-size: 14px;
  display: flex;
}

.beacon-detail-service-component-beacon-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.beacon-detail-service-component-beacon-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-component-beacon-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-component-beacon-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-buttonsbutton25, .beacon-detail-service-component-beacon-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-component-beacon-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.beacon-detail-service-component-beacon-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-detail-service-component-beacon-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-service-component-beacon-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-service-component-beacon-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-component-beacon-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.beacon-detail-service-component-beacon-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.beacon-detail-service-component-beacon-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.beacon-detail-service-component-beacon-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.beacon-detail-service-component-beacon-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-component-beacon-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

.beacon-detail-service-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.beacon-detail-service-display-form-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.beacon-detail-service-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-display-toggle-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-service-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.beacon-detail-service-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-table {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-detail-service-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-detail-service-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-detail-service-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.beacon-detail-service-table-header-title {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-divider-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-table-content {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.beacon-detail-service-table-row {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.beacon-detail-service-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 13px 24px 11px;
  display: flex;
}

.beacon-detail-service-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 6.5px 20px 0;
  display: flex;
}

.beacon-detail-service-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.beacon-detail-service-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-service-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-service-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-service-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-service-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-service-table-cell30 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-service-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-service-table-cell40 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.beacon-detail-service-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-service-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.beacon-detail-service-table-header-cell-parent:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.beacon-detail-service-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-display-form-content-wrapper-Viewed {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.beacon-detail-service-display-form-content-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-display-toggle-header-parent-Viewed {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.beacon-detail-service-display-toggle-header-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-display-toggle-title-Viewed {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-service-display-divider-container-Viewed {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.beacon-detail-service-display-divider-icon3-Viewed {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-table-Viewed {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-detail-service-card-header1-Viewed {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-service-content4-Viewed {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-detail-service-text-and-supporting-text2-Viewed {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-detail-service-text-and-badge1-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.beacon-detail-service-table-header-title-Viewed {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-dropdown-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-service-dots-vertical-icon-Viewed {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-divider-icon-Viewed {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-table-content-Viewed {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.beacon-detail-service-table-row-Viewed {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.beacon-detail-service-table-header-cell1-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.beacon-detail-service-table-cell10-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.beacon-detail-service-checkbox-wrapper-Viewed {
  width: 28px;
  height: 20px;
  margin: 0;
}

.beacon-detail-service-table-header-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-service-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-arrow-down-icon1-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-table-header-cell2-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-service-table-cell20-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-service-help-icon-Viewed {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-service-table-header-cell3-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-service-table-cell30-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-service-table-header-cell4-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-service-table-cell40-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.beacon-detail-service-table-header2-Viewed {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-service-action-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-service-arrow-down-icon2-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-service-table-header-cell-parent-Viewed {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.beacon-detail-service-cell-content-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (width <= 1275px) {
  .beacon-detail-service-all, .beacon-detail-service-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .beacon-detail-service-all {
    padding-bottom: 67px;
  }

  .beacon-detail-service-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .beacon-detail-service-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .beacon-detail-service-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .beacon-detail-service-content-elements-parent, .beacon-detail-service-content17, .beacon-detail-service-frame-group, .beacon-detail-service-rectangle-parent10, .beacon-detail-service-rectangle-parent5, .beacon-detail-service-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .beacon-detail-service-frame-wrapper31 {
    flex: 1;
  }

  .beacon-detail-service-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-list-item-parent {
    flex: 1;
  }

  .beacon-detail-service-card-list, .beacon-detail-service-content20, .beacon-detail-service-content21, .beacon-detail-service-metric-item-parent {
    flex-wrap: wrap;
  }

  .beacon-detail-service-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .beacon-detail-service-content23, .beacon-detail-service-frame-parent73, .beacon-detail-service-frame-parent74 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .beacon-detail-service-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }

  .beacon-detail-service-component-beacon-rectangle-parent5, .beacon-detail-service-component-beacon-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .beacon-detail-service-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-detail-service-content13 {
    gap: 17px;
  }

  .beacon-detail-service-tabs-and-filters {
    flex-wrap: wrap;
  }

  .beacon-detail-service-jul {
    width: 100%;
    height: 17px;
  }

  .beacon-detail-service-x-axis {
    flex-wrap: wrap;
  }

  .beacon-detail-service-number {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-detail-service-main {
    gap: 16px;
  }

  .beacon-detail-service-number3, .beacon-detail-service-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .beacon-detail-service-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .beacon-detail-service-badge-elements, .beacon-detail-service-card-elements, .beacon-detail-service-dropdowns, .beacon-detail-service-location-badge-number {
    flex-wrap: wrap;
  }

  .beacon-detail-service-action-fields {
    min-width: 100%;
  }

  .beacon-detail-service-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-service-frame-parent2, .beacon-detail-service-primary-table {
    flex-wrap: wrap;
  }

  .beacon-detail-service-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-service-frame-parent17, .beacon-detail-service-frame-parent18, .beacon-detail-service-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-element-details, .beacon-detail-service-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .beacon-detail-service-action-icons, .beacon-detail-service-element-details-parent {
    flex-wrap: wrap;
  }

  .beacon-detail-service-icon-button {
    gap: 17px;
  }

  .beacon-detail-service-icon-button, .beacon-detail-service-sidebar1 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-service-rectangle-parent11 {
    gap: 16px;
  }

  .beacon-detail-service-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .beacon-detail-service-frame-parent39 {
    min-width: 100%;
  }

  .beacon-detail-service-frame-wrapper31 {
    margin-left: 0;
  }

  .beacon-detail-service-card-row {
    min-width: 100%;
  }

  .beacon-detail-service-list-item-parent {
    margin-left: 0;
  }

  .beacon-detail-service-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .beacon-detail-service-text-and-supporting-text2 {
    min-width: 100%;
  }

  .beacon-detail-service-actions4 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .beacon-detail-service-text-and-supporting-text3 {
    min-width: 100%;
  }

  .beacon-detail-service-actions5, .beacon-detail-service-table-cell51, .beacon-detail-service-table-cell52 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .beacon-detail-service-frame-parent, .beacon-detail-service-text-and-supporting-text16 {
    min-width: 100%;
  }

  .beacon-detail-service-empty-state3 {
    gap: 16px;
  }

  .beacon-detail-service-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .beacon-detail-service-container3 {
    gap: 16px;
  }

  .beacon-detail-service-component-beacon-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-service-component-beacon-action-fields {
    min-width: 100%;
  }

  .beacon-detail-service-component-beacon-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-component-beacon-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-detail-service-component-beacon-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .beacon-detail-service-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .beacon-detail-service-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .beacon-detail-service-actions {
    flex-wrap: wrap;
  }

  .beacon-detail-service-number {
    font-size: 18px;
    line-height: 23px;
  }

  .beacon-detail-service-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-detail-service-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .beacon-detail-service-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .beacon-detail-service-number3, .beacon-detail-service-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .beacon-detail-service-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-detail-service-price {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-service-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .beacon-detail-service-date-elements-parent {
    flex: 1;
  }

  .beacon-detail-service-badge-container, .beacon-detail-service-frame-parent12 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-badge-group {
    height: auto;
    min-height: 104px;
  }

  .beacon-detail-service-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-service-work-type-icon {
    flex: 1;
  }

  .beacon-detail-service-calendar-icon6 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-work-type-label {
    margin-left: 0;
  }

  .beacon-detail-service-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-service-frame-parent36, .beacon-detail-service-frame-parent42 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-price5, .beacon-detail-service-price6, .beacon-detail-service-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-service-frame-parent64 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .beacon-detail-service-content22, .beacon-detail-service-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-detail-service-input-dropdown3 {
    max-width: 100%;
  }

  .beacon-detail-service-table-cell50, .beacon-detail-service-table-cell53 {
    flex-wrap: wrap;
  }

  .beacon-detail-service-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .beacon-detail-service-column5, .beacon-detail-service-column6 {
    flex: 1;
  }

  .beacon-detail-service-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .beacon-detail-service-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-detail-service-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .beacon-detail-service-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .beacon-detail-service-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }

  .beacon-detail-service-component-beacon-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-service-component-beacon-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-detail-service-component-beacon-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.beacon-detail-software-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.sbeacon-detail-software-component-listing-container::-webkit-scrollbar {
  display: none;
}

.beacon-detail-software-main-custom {
  width: 100% !important;
}

.beacon-detail-software-search-lg-icon-custom {
  cursor: pointer;
}

.beacon-detail-software-beacon-detail-software-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.beacon-detail-software-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.beacon-detail-software-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-badge1, .beacon-detail-software-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.beacon-detail-software-navigation, .beacon-detail-software-search-input {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.beacon-detail-software-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-software-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-content3, .beacon-detail-software-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-software-content3 {
  flex: 1;
  gap: 8px;
}

.beacon-detail-software-divider-icon, .beacon-detail-software-home-line-icon {
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.beacon-detail-software-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.beacon-detail-software-content12, .beacon-detail-software-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.beacon-detail-software-content5, .beacon-detail-software-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.beacon-detail-software-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.beacon-detail-software-supporting-text, .beacon-detail-software-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.beacon-detail-software-title {
  font-weight: 600;
}

.beacon-detail-software-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.beacon-detail-software-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.beacon-detail-software-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.beacon-detail-software-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-software-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.beacon-detail-software-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-software-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.beacon-detail-software-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.beacon-detail-software-tabs {
  gap: 8px;
}

.beacon-detail-software-breadcrumbs, .beacon-detail-software-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-software-heading, .beacon-detail-software-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.beacon-detail-software-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-detail-software-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.beacon-detail-software-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.beacon-detail-software-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-detail-software-button, .beacon-detail-software-button1, .beacon-detail-software-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.beacon-detail-software-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.beacon-detail-software-button1, .beacon-detail-software-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.beacon-detail-software-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.beacon-detail-software-actions, .beacon-detail-software-button2, .beacon-detail-software-button3 {
  flex-direction: row;
  align-items: center;
}

.beacon-detail-software-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.beacon-detail-software-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-software-button4, .beacon-detail-software-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.beacon-detail-software-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-button6, .beacon-detail-software-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-detail-software-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-content13, .beacon-detail-software-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.beacon-detail-software-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.beacon-detail-software-content13, .beacon-detail-software-divider-icon1, .beacon-detail-software-page-header {
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-software-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-detail-software-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-software-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-button-group-base1, .beacon-detail-software-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-software-button-group-base2 {
  width: 77px;
}

.beacon-detail-software-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.beacon-detail-software-button-group-base3, .beacon-detail-software-button-group-base4, .beacon-detail-software-button-group-base5, .beacon-detail-software-button-group-base6, .beacon-detail-software-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.beacon-detail-software-button-group-base4, .beacon-detail-software-button-group-base5, .beacon-detail-software-button-group-base6, .beacon-detail-software-button-group-base7 {
  z-index: 4;
}

.beacon-detail-software-button-group-base5, .beacon-detail-software-button-group-base6, .beacon-detail-software-button-group-base7 {
  z-index: 3;
}

.beacon-detail-software-button-group-base6, .beacon-detail-software-button-group-base7 {
  z-index: 2;
}

.beacon-detail-software-button-group-base7 {
  z-index: 1;
}

.beacon-detail-software-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-button-group, .beacon-detail-software-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.beacon-detail-software-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.beacon-detail-software-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-actions2, .beacon-detail-software-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-software-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.beacon-detail-software-container, .beacon-detail-software-header-section, .beacon-detail-software-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.beacon-detail-software-container, .beacon-detail-software-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.beacon-detail-software-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.beacon-detail-software-header-section {
  flex-shrink: 0;
}

.beacon-detail-software-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-software-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.beacon-detail-software-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-software-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-software-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-color2, .beacon-detail-software-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-software-color3 {
  background-color: #17b26a;
}

.beacon-detail-software-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.beacon-detail-software-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-software-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.beacon-detail-software-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.beacon-detail-software-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.beacon-detail-software-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.beacon-detail-software-divider, .beacon-detail-software-y-axis-line, .beacon-detail-software-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-software-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.beacon-detail-software-y-axis-line, .beacon-detail-software-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.beacon-detail-software-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.beacon-detail-software-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.beacon-detail-software-y-axis, .beacon-detail-software-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-software-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.beacon-detail-software-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.beacon-detail-software-jan, .beacon-detail-software-jul, .beacon-detail-software-jun, .beacon-detail-software-mar, .beacon-detail-software-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-jul, .beacon-detail-software-jun, .beacon-detail-software-mar, .beacon-detail-software-may {
  min-width: 23px;
}

.beacon-detail-software-jul, .beacon-detail-software-jun, .beacon-detail-software-may {
  min-width: 25px;
}

.beacon-detail-software-jul, .beacon-detail-software-jun {
  min-width: 22px;
}

.beacon-detail-software-jul {
  min-width: 17px;
}

.beacon-detail-software-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-software-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.beacon-detail-software-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.beacon-detail-software-line-and-bar-chart, .beacon-detail-software-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-line-and-bar-chart {
  flex: 1;
}

.beacon-detail-software-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.beacon-detail-software-heading1, .beacon-detail-software-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.beacon-detail-software-number {
  white-space: nowrap;
  line-height: 38px;
}

.beacon-detail-software-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.beacon-detail-software-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-change-and-text, .beacon-detail-software-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-software-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.beacon-detail-software-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.beacon-detail-software-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-detail-software-dropdown, .beacon-detail-software-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.beacon-detail-software-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-detail-software-change-and-text1, .beacon-detail-software-container1, .beacon-detail-software-metric-group, .beacon-detail-software-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.beacon-detail-software-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-software-container1, .beacon-detail-software-metric-group, .beacon-detail-software-section {
  align-items: flex-start;
  max-width: 100%;
}

.beacon-detail-software-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.beacon-detail-software-container1, .beacon-detail-software-section {
  flex-direction: column;
}

.beacon-detail-software-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.beacon-detail-software-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.beacon-detail-software-separator, .beacon-detail-software-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.beacon-detail-software-separator1 {
  height: 43px;
}

.beacon-detail-software-main, .beacon-detail-software-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.beacon-detail-software-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.beacon-detail-software-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-software-breadcrumb-button-base6, .beacon-detail-software-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.beacon-detail-software-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.beacon-detail-software-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.beacon-detail-software-breadcrumbs1, .beacon-detail-software-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.beacon-detail-software-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.beacon-detail-software-breadcrumbs1 {
  width: 278px;
  display: none;
}

.beacon-detail-software-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.beacon-detail-software-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.beacon-detail-software-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.beacon-detail-software-content16, .beacon-detail-software-input-with-label1, .beacon-detail-software-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.beacon-detail-software-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.beacon-detail-software-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-software-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.beacon-detail-software-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.beacon-detail-software-content15, .beacon-detail-software-page-header-wrapper, .beacon-detail-software-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.beacon-detail-software-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.beacon-detail-software-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-software-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.beacon-detail-software-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.beacon-detail-software-text49, .beacon-detail-software-text50, .beacon-detail-software-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-text50, .beacon-detail-software-text51 {
  min-width: 62px;
}

.beacon-detail-software-text51 {
  min-width: 34px;
}

.beacon-detail-software-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.beacon-detail-software-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.beacon-detail-software-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.beacon-detail-software-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.beacon-detail-software-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-software-tab-button-base7, .beacon-detail-software-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.beacon-detail-software-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.beacon-detail-software-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.beacon-detail-software-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.beacon-detail-software-horizontal-tabs, .beacon-detail-software-horizontal-tabs-wrapper, .beacon-detail-software-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.beacon-detail-software-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.beacon-detail-software-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.beacon-detail-software-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-software-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.beacon-detail-software-dropdown3, .beacon-detail-software-metric-card, .beacon-detail-software-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.beacon-detail-software-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.beacon-detail-software-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-software-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.beacon-detail-software-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.beacon-detail-software-frame-inner, .beacon-detail-software-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.beacon-detail-software-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.beacon-detail-software-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.beacon-detail-software-heading5, .beacon-detail-software-number4 {
  z-index: 1;
  position: relative;
}

.beacon-detail-software-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.beacon-detail-software-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.beacon-detail-software-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.beacon-detail-software-badge12, .beacon-detail-software-frame-container, .beacon-detail-software-heading-parent, .beacon-detail-software-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.beacon-detail-software-frame-container, .beacon-detail-software-rectangle-container {
  box-sizing: border-box;
}

.beacon-detail-software-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.beacon-detail-software-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.beacon-detail-software-heading-group {
  gap: 8px;
  width: 153px;
}

.beacon-detail-software-dropdown7, .beacon-detail-software-heading-container, .beacon-detail-software-heading-group, .beacon-detail-software-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-heading-container {
  gap: 8px;
  width: 163px;
}

.beacon-detail-software-dropdown7, .beacon-detail-software-heading-parent1 {
  flex-shrink: 0;
}

.beacon-detail-software-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.beacon-detail-software-dropdown7 {
  z-index: 1;
}

.beacon-detail-software-frame-group, .beacon-detail-software-frame-wrapper, .beacon-detail-software-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.beacon-detail-software-frame-group, .beacon-detail-software-frame-wrapper {
  max-width: 100%;
}

.beacon-detail-software-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.beacon-detail-software-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.beacon-detail-software-text62, .beacon-detail-software-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-text63 {
  min-width: 74px;
}

.beacon-detail-software-buttonsbutton4, .beacon-detail-software-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.beacon-detail-software-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-dropdowns, .beacon-detail-software-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.beacon-detail-software-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-input-dropdown2, .beacon-detail-software-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.beacon-detail-software-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.beacon-detail-software-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.beacon-detail-software-content17, .beacon-detail-software-filters-bar, .beacon-detail-software-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.beacon-detail-software-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.beacon-detail-software-frame-child3, .beacon-detail-software-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.beacon-detail-software-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.beacon-detail-software-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.beacon-detail-software-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.beacon-detail-software-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-software-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.beacon-detail-software-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-detail-software-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-software-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-detail-software-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-location-badge, .beacon-detail-software-location-badge-number, .beacon-detail-software-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.beacon-detail-software-location-badge, .beacon-detail-software-type-number {
  box-sizing: border-box;
}

.beacon-detail-software-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.beacon-detail-software-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.beacon-detail-software-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.beacon-detail-software-location-elements, .beacon-detail-software-type-badge-elements, .beacon-detail-software-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.beacon-detail-software-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.beacon-detail-software-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-software-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.beacon-detail-software-badge-elements, .beacon-detail-software-badge-elements-wrapper, .beacon-detail-software-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.beacon-detail-software-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.beacon-detail-software-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-action-fields, .beacon-detail-software-card-elements, .beacon-detail-software-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.beacon-detail-software-action-fields, .beacon-detail-software-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.beacon-detail-software-input-elements {
  align-self: stretch;
  gap: 16px;
}

.beacon-detail-software-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.beacon-detail-software-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-software-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-detail-software-frame-wrapper3, .beacon-detail-software-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.beacon-detail-software-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.beacon-detail-software-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.beacon-detail-software-dropdown-elements, .beacon-detail-software-dropdown-options-parent, .beacon-detail-software-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.beacon-detail-software-price-parent {
  flex-direction: column;
  flex: 1;
}

.beacon-detail-software-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.beacon-detail-software-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.beacon-detail-software-content-actions, .beacon-detail-software-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.beacon-detail-software-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.beacon-detail-software-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.beacon-detail-software-name, .beacon-detail-software-role {
  display: inline-block;
  position: relative;
}

.beacon-detail-software-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.beacon-detail-software-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.beacon-detail-software-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-detail-software-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.beacon-detail-software-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.beacon-detail-software-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-buttonsbutton8, .beacon-detail-software-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.beacon-detail-software-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.beacon-detail-software-buttonsbutton-parent, .beacon-detail-software-primary-table, .beacon-detail-software-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.beacon-detail-software-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.beacon-detail-software-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.beacon-detail-software-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-content-items, .beacon-detail-software-help-avatar, .beacon-detail-software-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.beacon-detail-software-content-items, .beacon-detail-software-rectangle-parent3 {
  box-sizing: border-box;
}

.beacon-detail-software-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.beacon-detail-software-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.beacon-detail-software-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.beacon-detail-software-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-detail-software-badge-parent, .beacon-detail-software-badge23, .beacon-detail-software-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.beacon-detail-software-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-software-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-badge23, .beacon-detail-software-badge24, .beacon-detail-software-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.beacon-detail-software-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.beacon-detail-software-badge24, .beacon-detail-software-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-badge-elements-copy, .beacon-detail-software-badge25, .beacon-detail-software-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.beacon-detail-software-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.beacon-detail-software-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-software-badge26, .beacon-detail-software-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.beacon-detail-software-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-badge27, .beacon-detail-software-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.beacon-detail-software-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.beacon-detail-software-frame-parent1, .beacon-detail-software-frame-parent2, .beacon-detail-software-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.beacon-detail-software-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.beacon-detail-software-frame-child5, .beacon-detail-software-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.beacon-detail-software-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.beacon-detail-software-frame-child7, .beacon-detail-software-text78 {
  z-index: 2;
  position: relative;
}

.beacon-detail-software-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.beacon-detail-software-text78 {
  font-weight: 600;
  line-height: 28px;
}

.beacon-detail-software-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-location3, .beacon-detail-software-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-type-of-work2 {
  min-width: 109px;
}

.beacon-detail-software-frame-parent12, .beacon-detail-software-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.beacon-detail-software-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.beacon-detail-software-badge29, .beacon-detail-software-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.beacon-detail-software-badge30 {
  width: 76px;
}

.beacon-detail-software-badge-container, .beacon-detail-software-badge30, .beacon-detail-software-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.beacon-detail-software-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-software-badge-container, .beacon-detail-software-badge32, .beacon-detail-software-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.beacon-detail-software-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.beacon-detail-software-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.beacon-detail-software-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge33, .beacon-detail-software-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-detail-software-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.beacon-detail-software-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-price2, .beacon-detail-software-text83 {
  position: relative;
}

.beacon-detail-software-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.beacon-detail-software-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.beacon-detail-software-radar-1-1-container, .beacon-detail-software-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.beacon-detail-software-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.beacon-detail-software-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.beacon-detail-software-name2, .beacon-detail-software-role2 {
  display: inline-block;
  position: relative;
}

.beacon-detail-software-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.beacon-detail-software-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.beacon-detail-software-buttonsbutton13, .beacon-detail-software-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.beacon-detail-software-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.beacon-detail-software-buttonsbutton14, .beacon-detail-software-buttonsbutton15, .beacon-detail-software-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.beacon-detail-software-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.beacon-detail-software-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.beacon-detail-software-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.beacon-detail-software-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-frame-wrapper16, .beacon-detail-software-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.beacon-detail-software-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.beacon-detail-software-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.beacon-detail-software-divider-icon5, .beacon-detail-software-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.beacon-detail-software-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-software-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.beacon-detail-software-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.beacon-detail-software-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge34, .beacon-detail-software-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.beacon-detail-software-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-detail-software-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-badge36, .beacon-detail-software-badge37, .beacon-detail-software-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.beacon-detail-software-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-software-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.beacon-detail-software-badge38, .beacon-detail-software-frame-parent26, .beacon-detail-software-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.beacon-detail-software-badge39, .beacon-detail-software-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.beacon-detail-software-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-element-details-child, .beacon-detail-software-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.beacon-detail-software-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.beacon-detail-software-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.beacon-detail-software-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.beacon-detail-software-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.beacon-detail-software-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.beacon-detail-software-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-detail-software-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-software-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-date-icon, .beacon-detail-software-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-type-label {
  color: #101828;
  font-size: 14px;
}

.beacon-detail-software-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.beacon-detail-software-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-software-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-work-type-icon, .beacon-detail-software-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.beacon-detail-software-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.beacon-detail-software-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.beacon-detail-software-action-icons, .beacon-detail-software-calendar-icon6, .beacon-detail-software-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.beacon-detail-software-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.beacon-detail-software-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.beacon-detail-software-element-actions, .beacon-detail-software-element-details-parent, .beacon-detail-software-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.beacon-detail-software-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.beacon-detail-software-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.beacon-detail-software-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-software-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.beacon-detail-software-frame-parent32, .beacon-detail-software-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.beacon-detail-software-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.beacon-detail-software-dropdown-parent1, .beacon-detail-software-frame-parent31, .beacon-detail-software-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.beacon-detail-software-dropdown-parent1, .beacon-detail-software-frame-parent31 {
  align-items: flex-end;
}

.beacon-detail-software-frame-parent31 {
  flex: 1;
}

.beacon-detail-software-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.beacon-detail-software-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.beacon-detail-software-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.beacon-detail-software-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.beacon-detail-software-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.beacon-detail-software-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.beacon-detail-software-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.beacon-detail-software-span {
  font-weight: 500;
}

.beacon-detail-software-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.beacon-detail-software-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-software-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-frame-parent36, .beacon-detail-software-frame-parent37, .beacon-detail-software-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-software-frame-parent37, .beacon-detail-software-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.beacon-detail-software-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.beacon-detail-software-text105, .beacon-detail-software-text106, .beacon-detail-software-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-software-text105, .beacon-detail-software-text106 {
  display: inline-block;
}

.beacon-detail-software-text105 {
  min-width: 103px;
}

.beacon-detail-software-text106 {
  flex-shrink: 0;
  width: 151px;
}

.beacon-detail-software-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.beacon-detail-software-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.beacon-detail-software-supporting-text20, .beacon-detail-software-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-supporting-text20 {
  min-width: 70.9px;
}

.beacon-detail-software-supporting-text21 {
  width: 104px;
}

.beacon-detail-software-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.beacon-detail-software-frame-parent33, .beacon-detail-software-frame-parent34, .beacon-detail-software-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.beacon-detail-software-frame-parent33, .beacon-detail-software-frame-parent34 {
  flex: 1;
}

.beacon-detail-software-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.beacon-detail-software-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.beacon-detail-software-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-buttonsbutton-wrapper, .beacon-detail-software-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.beacon-detail-software-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-dropdown-parent2, .beacon-detail-software-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.beacon-detail-software-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.beacon-detail-software-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.beacon-detail-software-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-software-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.beacon-detail-software-content-items5, .beacon-detail-software-frame-child16, .beacon-detail-software-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.beacon-detail-software-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-software-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.beacon-detail-software-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-software-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.beacon-detail-software-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.beacon-detail-software-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-software-frame-parent39, .beacon-detail-software-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.beacon-detail-software-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.beacon-detail-software-dropdown14, .beacon-detail-software-text112 {
  z-index: 1;
  position: absolute;
}

.beacon-detail-software-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.beacon-detail-software-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.beacon-detail-software-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-software-price6, .beacon-detail-software-text113 {
  z-index: 1;
  position: relative;
}

.beacon-detail-software-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.beacon-detail-software-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.beacon-detail-software-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.beacon-detail-software-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.beacon-detail-software-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-software-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.beacon-detail-software-frame-parent46, .beacon-detail-software-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.beacon-detail-software-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.beacon-detail-software-frame-parent45, .beacon-detail-software-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.beacon-detail-software-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.beacon-detail-software-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.beacon-detail-software-card-container-child, .beacon-detail-software-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.beacon-detail-software-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.beacon-detail-software-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.beacon-detail-software-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-software-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-detail-software-dropdown15, .beacon-detail-software-item-title {
  z-index: 2;
  position: absolute;
}

.beacon-detail-software-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.beacon-detail-software-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.beacon-detail-software-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-software-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.beacon-detail-software-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.beacon-detail-software-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.beacon-detail-software-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-software-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-detail-software-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.beacon-detail-software-card-container, .beacon-detail-software-card-list, .beacon-detail-software-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.beacon-detail-software-card-container, .beacon-detail-software-card-list {
  align-items: flex-start;
}

.beacon-detail-software-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.beacon-detail-software-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.beacon-detail-software-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.beacon-detail-software-frame-wrapper37, .beacon-detail-software-price-wrapper, .beacon-detail-software-text-wrapper18, .beacon-detail-software-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.beacon-detail-software-frame-wrapper37, .beacon-detail-software-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.beacon-detail-software-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.beacon-detail-software-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.beacon-detail-software-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.beacon-detail-software-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.beacon-detail-software-buttonsbutton-frame, .beacon-detail-software-frame-parent64, .beacon-detail-software-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.beacon-detail-software-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.beacon-detail-software-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-detail-software-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.beacon-detail-software-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-detail-software-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-change7, .beacon-detail-software-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.beacon-detail-software-change7 {
  min-width: 38px;
  display: inline-block;
}

.beacon-detail-software-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.beacon-detail-software-change-and-text3, .beacon-detail-software-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.beacon-detail-software-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.beacon-detail-software-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-detail-software-dropdown19, .beacon-detail-software-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-detail-software-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-buttonsbutton25, .beacon-detail-software-buttonsbutton26, .beacon-detail-software-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.beacon-detail-software-buttonsbutton25, .beacon-detail-software-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.beacon-detail-software-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-detail-software-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.beacon-detail-software-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.beacon-detail-software-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-arrow-square-up-right-wrapper1, .beacon-detail-software-buttonsbutton-parent1, .beacon-detail-software-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.beacon-detail-software-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.beacon-detail-software-divider-container1, .beacon-detail-software-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.beacon-detail-software-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.beacon-detail-software-buttonsbutton-wrapper1, .beacon-detail-software-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.beacon-detail-software-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-software-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.beacon-detail-software-badge46, .beacon-detail-software-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-software-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-detail-software-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.beacon-detail-software-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-actions3, .beacon-detail-software-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-software-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.beacon-detail-software-content20, .beacon-detail-software-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.beacon-detail-software-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-detail-software-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-card-header, .beacon-detail-software-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.beacon-detail-software-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.beacon-detail-software-button-group-base9, .beacon-detail-software-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.beacon-detail-software-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.beacon-detail-software-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.beacon-detail-software-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-software-button-group-base10, .beacon-detail-software-button-group-base11, .beacon-detail-software-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.beacon-detail-software-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.beacon-detail-software-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-software-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.beacon-detail-software-content22, .beacon-detail-software-input-with-label3, .beacon-detail-software-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.beacon-detail-software-input-with-label3, .beacon-detail-software-input3 {
  align-self: stretch;
}

.beacon-detail-software-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.beacon-detail-software-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.beacon-detail-software-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.beacon-detail-software-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.beacon-detail-software-actions4, .beacon-detail-software-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-software-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.beacon-detail-software-content-items9, .beacon-detail-software-content21, .beacon-detail-software-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.beacon-detail-software-content-items9, .beacon-detail-software-filters-bar1 {
  justify-content: flex-start;
}

.beacon-detail-software-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.beacon-detail-software-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.beacon-detail-software-badge-number1, .beacon-detail-software-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.beacon-detail-software-badge47, .beacon-detail-software-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-software-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-detail-software-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.beacon-detail-software-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-detail-software-actions5, .beacon-detail-software-card-header1, .beacon-detail-software-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.beacon-detail-software-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.beacon-detail-software-card-header1, .beacon-detail-software-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.beacon-detail-software-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.beacon-detail-software-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-detail-software-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.beacon-detail-software-checkbox-wrapper, .beacon-detail-software-sub-nav-items-wrapper, .beacon-detail-software-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.beacon-detail-software-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.beacon-detail-software-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-avatar2, .beacon-detail-software-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.beacon-detail-software-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.beacon-detail-software-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.beacon-detail-software-account-button, .beacon-detail-software-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-account-button {
  min-width: 75px;
  font-weight: 500;
}

.beacon-detail-software-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.beacon-detail-software-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-software-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-software-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-software-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-software-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-software-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-contrast-border6, .beacon-detail-software-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.beacon-detail-software-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.beacon-detail-software-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.beacon-detail-software-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.beacon-detail-software-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-button-upload, .beacon-detail-software-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.beacon-detail-software-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-software-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-software-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-software-table-cell6, .beacon-detail-software-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-software-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.beacon-detail-software-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-software-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-software-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-software-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.beacon-detail-software-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-software-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-table-cell15, .beacon-detail-software-table-cell16, .beacon-detail-software-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-software-table-cell16, .beacon-detail-software-table-cell18 {
  width: 271px;
}

.beacon-detail-software-table-cell18 {
  width: 239px;
}

.beacon-detail-software-column, .beacon-detail-software-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.beacon-detail-software-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.beacon-detail-software-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.beacon-detail-software-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-software-user-cell2, .beacon-detail-software-user-cell3, .beacon-detail-software-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-user-cell3, .beacon-detail-software-user-cell4 {
  min-width: 84px;
}

.beacon-detail-software-user-cell4 {
  min-width: 82px;
}

.beacon-detail-software-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.beacon-detail-software-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.beacon-detail-software-user-cell5, .beacon-detail-software-user-cell6, .beacon-detail-software-user-cell7 {
  line-height: 20px;
  position: relative;
}

.beacon-detail-software-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.beacon-detail-software-user-cell7 {
  white-space: nowrap;
}

.beacon-detail-software-column1, .beacon-detail-software-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.beacon-detail-software-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.beacon-detail-software-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-column2, .beacon-detail-software-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.beacon-detail-software-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.beacon-detail-software-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-button-wrap, .beacon-detail-software-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.beacon-detail-software-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.beacon-detail-software-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-content24, .beacon-detail-software-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-content24 {
  padding: 10px 16px;
}

.beacon-detail-software-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.beacon-detail-software-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-content25, .beacon-detail-software-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-content25 {
  padding: 10px 15px;
}

.beacon-detail-software-pagination-number-base1 {
  overflow: hidden;
}

.beacon-detail-software-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-content26, .beacon-detail-software-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-content26 {
  padding: 10px 15px;
}

.beacon-detail-software-pagination-number-base2 {
  overflow: hidden;
}

.beacon-detail-software-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.beacon-detail-software-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-content30, .beacon-detail-software-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.beacon-detail-software-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.beacon-detail-software-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-button-wrap1, .beacon-detail-software-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.beacon-detail-software-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.beacon-detail-software-pagination, .beacon-detail-software-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.beacon-detail-software-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-detail-software-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.beacon-detail-software-content-items10, .beacon-detail-software-content-items11, .beacon-detail-software-table-cell41, .beacon-detail-software-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.beacon-detail-software-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-software-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.beacon-detail-software-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.beacon-detail-software-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.beacon-detail-software-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-table-cell50, .beacon-detail-software-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.beacon-detail-software-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.beacon-detail-software-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.beacon-detail-software-column3, .beacon-detail-software-table-cell52, .beacon-detail-software-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.beacon-detail-software-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.beacon-detail-software-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.beacon-detail-software-marker-pin-02-group, .beacon-detail-software-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-software-marker-pin-02-group {
  gap: 7px;
}

.beacon-detail-software-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.beacon-detail-software-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.beacon-detail-software-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.beacon-detail-software-column-wrapper, .beacon-detail-software-column4, .beacon-detail-software-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.beacon-detail-software-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.beacon-detail-software-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.beacon-detail-software-column5, .beacon-detail-software-column6, .beacon-detail-software-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.beacon-detail-software-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.beacon-detail-software-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.beacon-detail-software-column-parent, .beacon-detail-software-frame-parent74, .beacon-detail-software-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.beacon-detail-software-frame-parent74, .beacon-detail-software-pagination1 {
  align-self: stretch;
}

.beacon-detail-software-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.beacon-detail-software-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.beacon-detail-software-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-badge50, .beacon-detail-software-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-software-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.beacon-detail-software-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.beacon-detail-software-content-items14, .beacon-detail-software-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.beacon-detail-software-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.beacon-detail-software-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-button-group-base27, .beacon-detail-software-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.beacon-detail-software-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.beacon-detail-software-button-group-base28 {
  background-color: #fff;
}

.beacon-detail-software-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.beacon-detail-software-filter-bar-container, .beacon-detail-software-frame-parent, .beacon-detail-software-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.beacon-detail-software-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.beacon-detail-software-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.beacon-detail-software-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.beacon-detail-software-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.beacon-detail-software-buttonsbutton33, .beacon-detail-software-content45, .beacon-detail-software-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.beacon-detail-software-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.beacon-detail-software-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-actions11, .beacon-detail-software-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.beacon-detail-software-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.beacon-detail-software-empty-state, .beacon-detail-software-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.beacon-detail-software-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.beacon-detail-software-empty-state-wrapper, .beacon-detail-software-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.beacon-detail-software-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.beacon-detail-software-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-detail-software-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.beacon-detail-software-content46, .beacon-detail-software-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-software-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.beacon-detail-software-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.beacon-detail-software-add, .beacon-detail-software-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-learn-more {
  min-width: 88px;
}

.beacon-detail-software-actions12, .beacon-detail-software-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.beacon-detail-software-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.beacon-detail-software-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.beacon-detail-software-empty-state-container, .beacon-detail-software-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.beacon-detail-software-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.beacon-detail-software-beacon-detail-software-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.beacon-detail-software-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.beacon-detail-software-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.beacon-detail-software-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.beacon-detail-software-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.beacon-detail-software-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.beacon-detail-software-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.beacon-detail-software-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.beacon-detail-software-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.beacon-detail-software-component-listing-container::-webkit-scrollbar {
  display: none;
}

.beacon-detail-software-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.beacon-detail-software-component-beacon-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.beacon-detail-software-component-beacon-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.beacon-detail-software-component-beacon-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.beacon-detail-software-component-beacon-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-component-beacon-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.beacon-detail-software-component-beacon-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-component-beacon-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 80%;
  padding: 10px 0 0;
  display: flex;
}

.beacon-detail-software-component-beacon-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-component-beacon-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.beacon-detail-software-component-beacon-text78:hover {
  text-decoration: underline;
}

.beacon-detail-software-component-beacon-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.beacon-detail-software-component-beacon-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.beacon-detail-software-component-beacon-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.beacon-detail-software-component-beacon-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.beacon-detail-software-component-beacon-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.beacon-detail-software-component-beacon-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-software-component-beacon-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.beacon-detail-software-component-beacon-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.beacon-detail-software-component-beacon-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-component-beacon-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-component-beacon-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.beacon-detail-software-component-beacon-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.beacon-detail-software-component-beacon-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.beacon-detail-software-component-beacon-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-component-beacon-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-component-beacon-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.beacon-detail-software-component-beacon-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-software-component-beacon-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-component-beacon-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-component-beacon-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.beacon-detail-software-component-beacon-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.beacon-detail-software-component-beacon-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-software-component-beacon-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-component-beacon-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-component-beacon-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-component-beacon-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.beacon-detail-software-component-beacon-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.beacon-detail-software-component-beacon-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.beacon-detail-software-component-beacon-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-component-beacon-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beacon-detail-software-component-beacon-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.beacon-detail-software-component-beacon-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.beacon-detail-software-component-beacon-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.beacon-detail-software-component-beacon-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.beacon-detail-software-component-beacon-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.beacon-detail-software-component-beacon-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.beacon-detail-software-component-beacon-divider-icon8 {
  z-index: 2;
  width: 100%;
  max-height: 100%;
  position: relative;
}

.beacon-detail-software-component-beacon-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.beacon-detail-software-component-beacon-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-component-beacon-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.beacon-detail-software-component-beacon-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.beacon-detail-software-component-beacon-heading {
  font-weight: 600;
  line-height: 38px;
}

.beacon-detail-software-component-beacon-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.beacon-detail-software-component-beacon-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.beacon-detail-software-component-beacon-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-component-beacon-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-component-beacon-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.beacon-detail-software-component-beacon-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.beacon-detail-software-component-beacon-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 95%;
  font-size: 14px;
  display: flex;
}

.beacon-detail-software-component-beacon-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.beacon-detail-software-component-beacon-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-component-beacon-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-component-beacon-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-buttonsbutton25, .beacon-detail-software-component-beacon-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-component-beacon-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.beacon-detail-software-component-beacon-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.beacon-detail-software-component-beacon-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-software-component-beacon-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.beacon-detail-software-component-beacon-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-component-beacon-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.beacon-detail-software-component-beacon-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.beacon-detail-software-component-beacon-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.beacon-detail-software-component-beacon-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.beacon-detail-software-component-beacon-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-component-beacon-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

.beacon-detail-software-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.beacon-detail-software-display-form-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-display-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.beacon-detail-software-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-display-toggle-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-software-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.beacon-detail-software-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-table {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-detail-software-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-detail-software-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-detail-software-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.beacon-detail-software-table-header-title {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-divider-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-table-content {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.beacon-detail-software-table-row {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.beacon-detail-software-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 13px 24px 11px;
  display: flex;
}

.beacon-detail-software-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 240px;
  padding: 6.5px 20px 0;
  display: flex;
}

.beacon-detail-software-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.beacon-detail-software-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-software-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-software-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-software-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-software-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-software-table-cell30 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-software-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-software-table-cell40 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.beacon-detail-software-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-software-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-table-header-cell-parent {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.beacon-detail-software-table-header-cell-parent:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.beacon-detail-software-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-display-form-content-wrapper-Viewed {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  padding: 0 0 0 58px;
  display: flex;
}

.beacon-detail-software-display-form-content-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-display-toggle-header-parent-Viewed {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.beacon-detail-software-display-toggle-header-Viewed {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-display-toggle-title-Viewed {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.beacon-detail-software-display-divider-container-Viewed {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.beacon-detail-software-display-divider-icon3-Viewed {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-table-Viewed {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  min-height: 500px;
  margin: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.beacon-detail-software-card-header1-Viewed {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.beacon-detail-software-content4-Viewed {
  box-sizing: border-box;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  padding: 20px 24px 0;
  display: flex;
}

.beacon-detail-software-text-and-supporting-text2-Viewed {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.beacon-detail-software-text-and-badge1-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 0 729px 0 0;
  display: flex;
}

.beacon-detail-software-table-header-title-Viewed {
  color: #101828;
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-dropdown-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.beacon-detail-software-dots-vertical-icon-Viewed {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-divider-icon-Viewed {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-table-content-Viewed {
  box-sizing: border-box;
  scrollbar-width: none;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  padding: 0 1px 0 0;
  display: flex;
  overflow-y: auto;
}

.beacon-detail-software-table-row-Viewed {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.beacon-detail-software-table-header-cell1-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.beacon-detail-software-table-cell10-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 190px;
  padding: 13px 24px 11px;
  display: flex;
}

.beacon-detail-software-checkbox-wrapper-Viewed {
  width: 28px;
  height: 20px;
  margin: 0;
}

.beacon-detail-software-table-header-Viewed {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-software-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-arrow-down-icon1-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-table-header-cell2-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-software-table-cell20-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 230px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-software-help-icon-Viewed {
  width: 16px;
  height: 16px;
  position: relative;
}

.beacon-detail-software-table-header-cell3-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-software-table-cell30-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-software-table-header-cell4-Viewed {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 144px;
  padding: 13px 27px 11px;
  display: flex;
}

.beacon-detail-software-table-cell40-Viewed {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 144px;
  padding: 13px 50px 5px 11px;
  display: flex;
}

.beacon-detail-software-table-header2-Viewed {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.beacon-detail-software-action-column-title-Viewed {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.beacon-detail-software-arrow-down-icon2-Viewed {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.beacon-detail-software-table-header-cell-parent-Viewed {
  flex-direction: row;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.beacon-detail-software-cell-content-Viewed {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (width <= 1275px) {
  .beacon-detail-software-all, .beacon-detail-software-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .beacon-detail-software-all {
    padding-bottom: 67px;
  }

  .beacon-detail-software-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .beacon-detail-software-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .beacon-detail-software-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .beacon-detail-software-content-elements-parent, .beacon-detail-software-content17, .beacon-detail-software-frame-group, .beacon-detail-software-rectangle-parent10, .beacon-detail-software-rectangle-parent5, .beacon-detail-software-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .beacon-detail-software-frame-wrapper31 {
    flex: 1;
  }

  .beacon-detail-software-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-list-item-parent {
    flex: 1;
  }

  .beacon-detail-software-card-list, .beacon-detail-software-content20, .beacon-detail-software-content21, .beacon-detail-software-metric-item-parent {
    flex-wrap: wrap;
  }

  .beacon-detail-software-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .beacon-detail-software-content23, .beacon-detail-software-frame-parent73, .beacon-detail-software-frame-parent74 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .beacon-detail-software-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }

  .beacon-detail-software-component-beacon-rectangle-parent5, .beacon-detail-software-component-beacon-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .beacon-detail-software-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-detail-software-content13 {
    gap: 17px;
  }

  .beacon-detail-software-tabs-and-filters {
    flex-wrap: wrap;
  }

  .beacon-detail-software-jul {
    width: 100%;
    height: 17px;
  }

  .beacon-detail-software-x-axis {
    flex-wrap: wrap;
  }

  .beacon-detail-software-number {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-detail-software-main {
    gap: 16px;
  }

  .beacon-detail-software-number3, .beacon-detail-software-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .beacon-detail-software-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .beacon-detail-software-badge-elements, .beacon-detail-software-card-elements, .beacon-detail-software-dropdowns, .beacon-detail-software-location-badge-number {
    flex-wrap: wrap;
  }

  .beacon-detail-software-action-fields {
    min-width: 100%;
  }

  .beacon-detail-software-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-software-frame-parent2, .beacon-detail-software-primary-table {
    flex-wrap: wrap;
  }

  .beacon-detail-software-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-software-frame-parent17, .beacon-detail-software-frame-parent18, .beacon-detail-software-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-element-details, .beacon-detail-software-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .beacon-detail-software-action-icons, .beacon-detail-software-element-details-parent {
    flex-wrap: wrap;
  }

  .beacon-detail-software-icon-button {
    gap: 17px;
  }

  .beacon-detail-software-icon-button, .beacon-detail-software-sidebar1 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-software-rectangle-parent11 {
    gap: 16px;
  }

  .beacon-detail-software-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .beacon-detail-software-frame-parent39 {
    min-width: 100%;
  }

  .beacon-detail-software-frame-wrapper31 {
    margin-left: 0;
  }

  .beacon-detail-software-card-row {
    min-width: 100%;
  }

  .beacon-detail-software-list-item-parent {
    margin-left: 0;
  }

  .beacon-detail-software-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .beacon-detail-software-text-and-supporting-text2 {
    min-width: 100%;
  }

  .beacon-detail-software-actions4 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .beacon-detail-software-text-and-supporting-text3 {
    min-width: 100%;
  }

  .beacon-detail-software-actions5, .beacon-detail-software-table-cell51, .beacon-detail-software-table-cell52 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .beacon-detail-software-frame-parent, .beacon-detail-software-text-and-supporting-text16 {
    min-width: 100%;
  }

  .beacon-detail-software-empty-state3 {
    gap: 16px;
  }

  .beacon-detail-software-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .beacon-detail-software-container3 {
    gap: 16px;
  }

  .beacon-detail-software-component-beacon-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .beacon-detail-software-component-beacon-action-fields {
    min-width: 100%;
  }

  .beacon-detail-software-component-beacon-frame-parent21 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-component-beacon-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .beacon-detail-software-component-beacon-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .beacon-detail-software-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .beacon-detail-software-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .beacon-detail-software-actions {
    flex-wrap: wrap;
  }

  .beacon-detail-software-number {
    font-size: 18px;
    line-height: 23px;
  }

  .beacon-detail-software-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-detail-software-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .beacon-detail-software-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .beacon-detail-software-number3, .beacon-detail-software-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .beacon-detail-software-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-detail-software-price {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-software-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .beacon-detail-software-date-elements-parent {
    flex: 1;
  }

  .beacon-detail-software-badge-container, .beacon-detail-software-frame-parent12 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-badge-group {
    height: auto;
    min-height: 104px;
  }

  .beacon-detail-software-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-software-work-type-icon {
    flex: 1;
  }

  .beacon-detail-software-calendar-icon6 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-work-type-label {
    margin-left: 0;
  }

  .beacon-detail-software-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-software-frame-parent36, .beacon-detail-software-frame-parent42 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-price5, .beacon-detail-software-price6, .beacon-detail-software-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-software-frame-parent64 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .beacon-detail-software-content22, .beacon-detail-software-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-detail-software-input-dropdown3 {
    max-width: 100%;
  }

  .beacon-detail-software-table-cell50, .beacon-detail-software-table-cell53 {
    flex-wrap: wrap;
  }

  .beacon-detail-software-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .beacon-detail-software-column5, .beacon-detail-software-column6 {
    flex: 1;
  }

  .beacon-detail-software-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .beacon-detail-software-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .beacon-detail-software-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .beacon-detail-software-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .beacon-detail-software-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }

  .beacon-detail-software-component-beacon-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .beacon-detail-software-component-beacon-number-and-chart {
    flex-wrap: wrap;
  }

  .beacon-detail-software-component-beacon-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.funnel-detail-service-main-custom {
  width: 100% !important;
}

.funnel-detail-service-search-lg-icon-custom {
  cursor: pointer;
}

.funnel-detail-service-funnel-detail-service-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.funnel-detail-service-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.funnel-detail-service-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-badge1, .funnel-detail-service-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.funnel-detail-service-navigation, .funnel-detail-service-search-input {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.funnel-detail-service-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-service-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-content3, .funnel-detail-service-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-service-content3 {
  flex: 1;
  gap: 8px;
}

.funnel-detail-service-divider-icon, .funnel-detail-service-home-line-icon {
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.funnel-detail-service-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.funnel-detail-service-content12, .funnel-detail-service-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.funnel-detail-service-content5, .funnel-detail-service-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.funnel-detail-service-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.funnel-detail-service-supporting-text, .funnel-detail-service-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-detail-service-title {
  font-weight: 600;
}

.funnel-detail-service-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.funnel-detail-service-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.funnel-detail-service-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.funnel-detail-service-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-service-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.funnel-detail-service-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-service-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.funnel-detail-service-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.funnel-detail-service-tabs {
  gap: 8px;
}

.funnel-detail-service-breadcrumbs, .funnel-detail-service-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-service-heading, .funnel-detail-service-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.funnel-detail-service-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-detail-service-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.funnel-detail-service-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.funnel-detail-service-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-service-button, .funnel-detail-service-button1, .funnel-detail-service-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-service-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.funnel-detail-service-button1, .funnel-detail-service-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.funnel-detail-service-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.funnel-detail-service-actions, .funnel-detail-service-button2, .funnel-detail-service-button3 {
  flex-direction: row;
  align-items: center;
}

.funnel-detail-service-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.funnel-detail-service-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-service-button4, .funnel-detail-service-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.funnel-detail-service-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-button6, .funnel-detail-service-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-service-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-content13, .funnel-detail-service-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.funnel-detail-service-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.funnel-detail-service-content13, .funnel-detail-service-divider-icon1, .funnel-detail-service-page-header {
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-service-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-service-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-service-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-button-group-base1, .funnel-detail-service-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-service-button-group-base2 {
  width: 77px;
}

.funnel-detail-service-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-detail-service-button-group-base3, .funnel-detail-service-button-group-base4, .funnel-detail-service-button-group-base5, .funnel-detail-service-button-group-base6, .funnel-detail-service-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.funnel-detail-service-button-group-base4, .funnel-detail-service-button-group-base5, .funnel-detail-service-button-group-base6, .funnel-detail-service-button-group-base7 {
  z-index: 4;
}

.funnel-detail-service-button-group-base5, .funnel-detail-service-button-group-base6, .funnel-detail-service-button-group-base7 {
  z-index: 3;
}

.funnel-detail-service-button-group-base6, .funnel-detail-service-button-group-base7 {
  z-index: 2;
}

.funnel-detail-service-button-group-base7 {
  z-index: 1;
}

.funnel-detail-service-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-button-group, .funnel-detail-service-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.funnel-detail-service-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.funnel-detail-service-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-actions2, .funnel-detail-service-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-service-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.funnel-detail-service-container, .funnel-detail-service-header-section, .funnel-detail-service-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.funnel-detail-service-container, .funnel-detail-service-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.funnel-detail-service-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.funnel-detail-service-header-section {
  flex-shrink: 0;
}

.funnel-detail-service-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-service-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.funnel-detail-service-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-service-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-service-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-color2, .funnel-detail-service-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-service-color3 {
  background-color: #17b26a;
}

.funnel-detail-service-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.funnel-detail-service-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-service-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-detail-service-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.funnel-detail-service-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-service-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.funnel-detail-service-divider, .funnel-detail-service-y-axis-line, .funnel-detail-service-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-service-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.funnel-detail-service-y-axis-line, .funnel-detail-service-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.funnel-detail-service-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.funnel-detail-service-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.funnel-detail-service-y-axis, .funnel-detail-service-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-service-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.funnel-detail-service-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.funnel-detail-service-jan, .funnel-detail-service-jul, .funnel-detail-service-jun, .funnel-detail-service-mar, .funnel-detail-service-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-jul, .funnel-detail-service-jun, .funnel-detail-service-mar, .funnel-detail-service-may {
  min-width: 23px;
}

.funnel-detail-service-jul, .funnel-detail-service-jun, .funnel-detail-service-may {
  min-width: 25px;
}

.funnel-detail-service-jul, .funnel-detail-service-jun {
  min-width: 22px;
}

.funnel-detail-service-jul {
  min-width: 17px;
}

.funnel-detail-service-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-service-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.funnel-detail-service-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.funnel-detail-service-line-and-bar-chart, .funnel-detail-service-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-line-and-bar-chart {
  flex: 1;
}

.funnel-detail-service-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.funnel-detail-service-heading1, .funnel-detail-service-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-detail-service-number {
  white-space: nowrap;
  line-height: 38px;
}

.funnel-detail-service-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.funnel-detail-service-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-change-and-text, .funnel-detail-service-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-service-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.funnel-detail-service-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.funnel-detail-service-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-detail-service-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-dropdown, .funnel-detail-service-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.funnel-detail-service-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-detail-service-change-and-text1, .funnel-detail-service-container1, .funnel-detail-service-metric-group, .funnel-detail-service-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-detail-service-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-service-container1, .funnel-detail-service-metric-group, .funnel-detail-service-section {
  align-items: flex-start;
  max-width: 100%;
}

.funnel-detail-service-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.funnel-detail-service-container1, .funnel-detail-service-section {
  flex-direction: column;
}

.funnel-detail-service-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.funnel-detail-service-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.funnel-detail-service-separator, .funnel-detail-service-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.funnel-detail-service-separator1 {
  height: 43px;
}

.funnel-detail-service-main, .funnel-detail-service-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.funnel-detail-service-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.funnel-detail-service-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-service-breadcrumb-button-base6, .funnel-detail-service-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.funnel-detail-service-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.funnel-detail-service-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.funnel-detail-service-breadcrumbs1, .funnel-detail-service-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.funnel-detail-service-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.funnel-detail-service-breadcrumbs1 {
  width: 278px;
  display: none;
}

.funnel-detail-service-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.funnel-detail-service-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.funnel-detail-service-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.funnel-detail-service-content16, .funnel-detail-service-input-with-label1, .funnel-detail-service-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-detail-service-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-detail-service-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-service-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.funnel-detail-service-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.funnel-detail-service-content15, .funnel-detail-service-page-header-wrapper, .funnel-detail-service-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.funnel-detail-service-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.funnel-detail-service-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-service-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.funnel-detail-service-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.funnel-detail-service-text49, .funnel-detail-service-text50, .funnel-detail-service-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-text50, .funnel-detail-service-text51 {
  min-width: 62px;
}

.funnel-detail-service-text51 {
  min-width: 34px;
}

.funnel-detail-service-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.funnel-detail-service-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-detail-service-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.funnel-detail-service-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.funnel-detail-service-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-service-tab-button-base7, .funnel-detail-service-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.funnel-detail-service-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.funnel-detail-service-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.funnel-detail-service-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.funnel-detail-service-horizontal-tabs, .funnel-detail-service-horizontal-tabs-wrapper, .funnel-detail-service-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.funnel-detail-service-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.funnel-detail-service-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.funnel-detail-service-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-service-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.funnel-detail-service-dropdown3, .funnel-detail-service-metric-card, .funnel-detail-service-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.funnel-detail-service-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.funnel-detail-service-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-service-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.funnel-detail-service-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.funnel-detail-service-frame-inner, .funnel-detail-service-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.funnel-detail-service-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.funnel-detail-service-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.funnel-detail-service-heading5, .funnel-detail-service-number4 {
  z-index: 1;
  position: relative;
}

.funnel-detail-service-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-service-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.funnel-detail-service-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.funnel-detail-service-badge12, .funnel-detail-service-frame-container, .funnel-detail-service-heading-parent, .funnel-detail-service-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.funnel-detail-service-frame-container, .funnel-detail-service-rectangle-container {
  box-sizing: border-box;
}

.funnel-detail-service-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.funnel-detail-service-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.funnel-detail-service-heading-group {
  gap: 8px;
  width: 153px;
}

.funnel-detail-service-dropdown7, .funnel-detail-service-heading-container, .funnel-detail-service-heading-group, .funnel-detail-service-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-heading-container {
  gap: 8px;
  width: 163px;
}

.funnel-detail-service-dropdown7, .funnel-detail-service-heading-parent1 {
  flex-shrink: 0;
}

.funnel-detail-service-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.funnel-detail-service-dropdown7 {
  z-index: 1;
}

.funnel-detail-service-frame-group, .funnel-detail-service-frame-wrapper, .funnel-detail-service-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.funnel-detail-service-frame-group, .funnel-detail-service-frame-wrapper {
  max-width: 100%;
}

.funnel-detail-service-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.funnel-detail-service-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.funnel-detail-service-text62, .funnel-detail-service-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-text63 {
  min-width: 74px;
}

.funnel-detail-service-buttonsbutton4, .funnel-detail-service-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.funnel-detail-service-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-dropdowns, .funnel-detail-service-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.funnel-detail-service-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-input-dropdown2, .funnel-detail-service-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.funnel-detail-service-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.funnel-detail-service-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.funnel-detail-service-content17, .funnel-detail-service-filters-bar, .funnel-detail-service-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.funnel-detail-service-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.funnel-detail-service-frame-child3, .funnel-detail-service-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.funnel-detail-service-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.funnel-detail-service-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.funnel-detail-service-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.funnel-detail-service-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-detail-service-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.funnel-detail-service-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-detail-service-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-service-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-detail-service-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-location-badge, .funnel-detail-service-location-badge-number, .funnel-detail-service-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.funnel-detail-service-location-badge, .funnel-detail-service-type-number {
  box-sizing: border-box;
}

.funnel-detail-service-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.funnel-detail-service-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.funnel-detail-service-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.funnel-detail-service-location-elements, .funnel-detail-service-type-badge-elements, .funnel-detail-service-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.funnel-detail-service-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.funnel-detail-service-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-service-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.funnel-detail-service-badge-elements, .funnel-detail-service-badge-elements-wrapper, .funnel-detail-service-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.funnel-detail-service-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.funnel-detail-service-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-action-fields, .funnel-detail-service-card-elements, .funnel-detail-service-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.funnel-detail-service-action-fields, .funnel-detail-service-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.funnel-detail-service-input-elements {
  align-self: stretch;
  gap: 16px;
}

.funnel-detail-service-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.funnel-detail-service-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-service-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-service-frame-wrapper3, .funnel-detail-service-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.funnel-detail-service-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.funnel-detail-service-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.funnel-detail-service-dropdown-elements, .funnel-detail-service-dropdown-options-parent, .funnel-detail-service-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.funnel-detail-service-price-parent {
  flex-direction: column;
  flex: 1;
}

.funnel-detail-service-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.funnel-detail-service-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.funnel-detail-service-content-actions, .funnel-detail-service-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.funnel-detail-service-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.funnel-detail-service-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.funnel-detail-service-name, .funnel-detail-service-role {
  display: inline-block;
  position: relative;
}

.funnel-detail-service-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.funnel-detail-service-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.funnel-detail-service-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-detail-service-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.funnel-detail-service-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.funnel-detail-service-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-buttonsbutton8, .funnel-detail-service-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-service-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.funnel-detail-service-buttonsbutton-parent, .funnel-detail-service-primary-table, .funnel-detail-service-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.funnel-detail-service-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.funnel-detail-service-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.funnel-detail-service-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-content-items, .funnel-detail-service-help-avatar, .funnel-detail-service-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.funnel-detail-service-content-items, .funnel-detail-service-rectangle-parent3 {
  box-sizing: border-box;
}

.funnel-detail-service-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.funnel-detail-service-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.funnel-detail-service-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-service-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-service-badge-parent, .funnel-detail-service-badge23, .funnel-detail-service-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.funnel-detail-service-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-service-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-badge23, .funnel-detail-service-badge24, .funnel-detail-service-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.funnel-detail-service-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.funnel-detail-service-badge24, .funnel-detail-service-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-badge-elements-copy, .funnel-detail-service-badge25, .funnel-detail-service-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.funnel-detail-service-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.funnel-detail-service-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-service-badge26, .funnel-detail-service-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.funnel-detail-service-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-badge27, .funnel-detail-service-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.funnel-detail-service-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.funnel-detail-service-frame-parent1, .funnel-detail-service-frame-parent2, .funnel-detail-service-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.funnel-detail-service-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.funnel-detail-service-frame-child5, .funnel-detail-service-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.funnel-detail-service-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.funnel-detail-service-frame-child7, .funnel-detail-service-text78 {
  z-index: 2;
  position: relative;
}

.funnel-detail-service-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.funnel-detail-service-text78 {
  font-weight: 600;
  line-height: 28px;
}

.funnel-detail-service-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-location3, .funnel-detail-service-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-type-of-work2 {
  min-width: 109px;
}

.funnel-detail-service-frame-parent12, .funnel-detail-service-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.funnel-detail-service-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.funnel-detail-service-badge29, .funnel-detail-service-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.funnel-detail-service-badge30 {
  width: 76px;
}

.funnel-detail-service-badge-container, .funnel-detail-service-badge30, .funnel-detail-service-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.funnel-detail-service-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-service-badge-container, .funnel-detail-service-badge32, .funnel-detail-service-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.funnel-detail-service-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.funnel-detail-service-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-service-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge33, .funnel-detail-service-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-service-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.funnel-detail-service-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-price2, .funnel-detail-service-text83 {
  position: relative;
}

.funnel-detail-service-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.funnel-detail-service-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-service-radar-1-1-container, .funnel-detail-service-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.funnel-detail-service-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.funnel-detail-service-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.funnel-detail-service-name2, .funnel-detail-service-role2 {
  display: inline-block;
  position: relative;
}

.funnel-detail-service-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.funnel-detail-service-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.funnel-detail-service-buttonsbutton13, .funnel-detail-service-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-service-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.funnel-detail-service-buttonsbutton14, .funnel-detail-service-buttonsbutton15, .funnel-detail-service-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.funnel-detail-service-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.funnel-detail-service-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.funnel-detail-service-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.funnel-detail-service-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-frame-wrapper16, .funnel-detail-service-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.funnel-detail-service-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.funnel-detail-service-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.funnel-detail-service-divider-icon5, .funnel-detail-service-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.funnel-detail-service-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-service-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.funnel-detail-service-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.funnel-detail-service-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge34, .funnel-detail-service-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.funnel-detail-service-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-service-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-badge36, .funnel-detail-service-badge37, .funnel-detail-service-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.funnel-detail-service-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-service-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.funnel-detail-service-badge38, .funnel-detail-service-frame-parent26, .funnel-detail-service-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.funnel-detail-service-badge39, .funnel-detail-service-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.funnel-detail-service-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-element-details-child, .funnel-detail-service-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.funnel-detail-service-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.funnel-detail-service-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.funnel-detail-service-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.funnel-detail-service-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.funnel-detail-service-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.funnel-detail-service-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.funnel-detail-service-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-service-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-date-icon, .funnel-detail-service-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-type-label {
  color: #101828;
  font-size: 14px;
}

.funnel-detail-service-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.funnel-detail-service-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-service-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-work-type-icon, .funnel-detail-service-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.funnel-detail-service-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.funnel-detail-service-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.funnel-detail-service-action-icons, .funnel-detail-service-calendar-icon6, .funnel-detail-service-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.funnel-detail-service-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.funnel-detail-service-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.funnel-detail-service-element-actions, .funnel-detail-service-element-details-parent, .funnel-detail-service-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.funnel-detail-service-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.funnel-detail-service-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.funnel-detail-service-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-service-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.funnel-detail-service-frame-parent32, .funnel-detail-service-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.funnel-detail-service-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.funnel-detail-service-dropdown-parent1, .funnel-detail-service-frame-parent31, .funnel-detail-service-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.funnel-detail-service-dropdown-parent1, .funnel-detail-service-frame-parent31 {
  align-items: flex-end;
}

.funnel-detail-service-frame-parent31 {
  flex: 1;
}

.funnel-detail-service-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.funnel-detail-service-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.funnel-detail-service-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.funnel-detail-service-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.funnel-detail-service-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.funnel-detail-service-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.funnel-detail-service-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.funnel-detail-service-span {
  font-weight: 500;
}

.funnel-detail-service-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.funnel-detail-service-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-service-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-frame-parent36, .funnel-detail-service-frame-parent37, .funnel-detail-service-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-service-frame-parent37, .funnel-detail-service-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.funnel-detail-service-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.funnel-detail-service-text105, .funnel-detail-service-text106, .funnel-detail-service-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-service-text105, .funnel-detail-service-text106 {
  display: inline-block;
}

.funnel-detail-service-text105 {
  min-width: 103px;
}

.funnel-detail-service-text106 {
  flex-shrink: 0;
  width: 151px;
}

.funnel-detail-service-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.funnel-detail-service-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.funnel-detail-service-supporting-text20, .funnel-detail-service-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-supporting-text20 {
  min-width: 70.9px;
}

.funnel-detail-service-supporting-text21 {
  width: 104px;
}

.funnel-detail-service-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.funnel-detail-service-frame-parent33, .funnel-detail-service-frame-parent34, .funnel-detail-service-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.funnel-detail-service-frame-parent33, .funnel-detail-service-frame-parent34 {
  flex: 1;
}

.funnel-detail-service-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.funnel-detail-service-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.funnel-detail-service-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-buttonsbutton-wrapper, .funnel-detail-service-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.funnel-detail-service-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-dropdown-parent2, .funnel-detail-service-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.funnel-detail-service-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.funnel-detail-service-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.funnel-detail-service-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-service-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.funnel-detail-service-content-items5, .funnel-detail-service-frame-child16, .funnel-detail-service-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.funnel-detail-service-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-service-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.funnel-detail-service-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-service-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.funnel-detail-service-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-service-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-service-frame-parent39, .funnel-detail-service-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.funnel-detail-service-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.funnel-detail-service-dropdown14, .funnel-detail-service-text112 {
  z-index: 1;
  position: absolute;
}

.funnel-detail-service-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.funnel-detail-service-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.funnel-detail-service-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-service-price6, .funnel-detail-service-text113 {
  z-index: 1;
  position: relative;
}

.funnel-detail-service-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-service-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.funnel-detail-service-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.funnel-detail-service-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.funnel-detail-service-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-service-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.funnel-detail-service-frame-parent46, .funnel-detail-service-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.funnel-detail-service-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.funnel-detail-service-frame-parent45, .funnel-detail-service-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.funnel-detail-service-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.funnel-detail-service-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.funnel-detail-service-card-container-child, .funnel-detail-service-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.funnel-detail-service-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.funnel-detail-service-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.funnel-detail-service-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-service-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-detail-service-dropdown15, .funnel-detail-service-item-title {
  z-index: 2;
  position: absolute;
}

.funnel-detail-service-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.funnel-detail-service-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.funnel-detail-service-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-service-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.funnel-detail-service-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.funnel-detail-service-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.funnel-detail-service-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-service-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-service-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.funnel-detail-service-card-container, .funnel-detail-service-card-list, .funnel-detail-service-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.funnel-detail-service-card-container, .funnel-detail-service-card-list {
  align-items: flex-start;
}

.funnel-detail-service-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.funnel-detail-service-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.funnel-detail-service-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.funnel-detail-service-frame-wrapper37, .funnel-detail-service-price-wrapper, .funnel-detail-service-text-wrapper18, .funnel-detail-service-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.funnel-detail-service-frame-wrapper37, .funnel-detail-service-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.funnel-detail-service-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.funnel-detail-service-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.funnel-detail-service-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.funnel-detail-service-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.funnel-detail-service-buttonsbutton-frame, .funnel-detail-service-frame-parent64, .funnel-detail-service-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.funnel-detail-service-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.funnel-detail-service-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-detail-service-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.funnel-detail-service-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-service-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-change7, .funnel-detail-service-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-service-change7 {
  min-width: 38px;
  display: inline-block;
}

.funnel-detail-service-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.funnel-detail-service-change-and-text3, .funnel-detail-service-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-service-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.funnel-detail-service-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-detail-service-dropdown19, .funnel-detail-service-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-detail-service-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-buttonsbutton25, .funnel-detail-service-buttonsbutton26, .funnel-detail-service-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.funnel-detail-service-buttonsbutton25, .funnel-detail-service-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-service-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-service-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.funnel-detail-service-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.funnel-detail-service-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-arrow-square-up-right-wrapper1, .funnel-detail-service-buttonsbutton-parent1, .funnel-detail-service-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.funnel-detail-service-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.funnel-detail-service-divider-container1, .funnel-detail-service-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.funnel-detail-service-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.funnel-detail-service-buttonsbutton-wrapper1, .funnel-detail-service-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.funnel-detail-service-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-detail-service-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.funnel-detail-service-badge46, .funnel-detail-service-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-service-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-service-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.funnel-detail-service-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-actions3, .funnel-detail-service-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-service-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.funnel-detail-service-content20, .funnel-detail-service-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-service-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.funnel-detail-service-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-card-header, .funnel-detail-service-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.funnel-detail-service-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.funnel-detail-service-button-group-base9, .funnel-detail-service-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.funnel-detail-service-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.funnel-detail-service-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.funnel-detail-service-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-service-button-group-base10, .funnel-detail-service-button-group-base11, .funnel-detail-service-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.funnel-detail-service-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.funnel-detail-service-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-service-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.funnel-detail-service-content22, .funnel-detail-service-input-with-label3, .funnel-detail-service-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.funnel-detail-service-input-with-label3, .funnel-detail-service-input3 {
  align-self: stretch;
}

.funnel-detail-service-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.funnel-detail-service-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-detail-service-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-service-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.funnel-detail-service-actions4, .funnel-detail-service-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-service-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.funnel-detail-service-content-items9, .funnel-detail-service-content21, .funnel-detail-service-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.funnel-detail-service-content-items9, .funnel-detail-service-filters-bar1 {
  justify-content: flex-start;
}

.funnel-detail-service-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.funnel-detail-service-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.funnel-detail-service-badge-number1, .funnel-detail-service-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.funnel-detail-service-badge47, .funnel-detail-service-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-service-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-service-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.funnel-detail-service-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.funnel-detail-service-actions5, .funnel-detail-service-card-header1, .funnel-detail-service-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.funnel-detail-service-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.funnel-detail-service-card-header1, .funnel-detail-service-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.funnel-detail-service-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.funnel-detail-service-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-detail-service-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.funnel-detail-service-checkbox-wrapper, .funnel-detail-service-sub-nav-items-wrapper, .funnel-detail-service-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.funnel-detail-service-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.funnel-detail-service-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-avatar2, .funnel-detail-service-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.funnel-detail-service-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.funnel-detail-service-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.funnel-detail-service-account-button, .funnel-detail-service-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-account-button {
  min-width: 75px;
  font-weight: 500;
}

.funnel-detail-service-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.funnel-detail-service-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-service-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-service-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-service-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-service-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-service-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-contrast-border6, .funnel-detail-service-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.funnel-detail-service-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.funnel-detail-service-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-detail-service-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.funnel-detail-service-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-button-upload, .funnel-detail-service-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.funnel-detail-service-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-service-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-service-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-service-table-cell6, .funnel-detail-service-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-service-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.funnel-detail-service-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-service-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-service-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-service-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-service-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.funnel-detail-service-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-service-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-cell15, .funnel-detail-service-table-cell16, .funnel-detail-service-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-service-table-cell16, .funnel-detail-service-table-cell18 {
  width: 271px;
}

.funnel-detail-service-table-cell18 {
  width: 239px;
}

.funnel-detail-service-column, .funnel-detail-service-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-service-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.funnel-detail-service-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-service-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.funnel-detail-service-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-service-user-cell2, .funnel-detail-service-user-cell3, .funnel-detail-service-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-user-cell3, .funnel-detail-service-user-cell4 {
  min-width: 84px;
}

.funnel-detail-service-user-cell4 {
  min-width: 82px;
}

.funnel-detail-service-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-service-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.funnel-detail-service-user-cell5, .funnel-detail-service-user-cell6, .funnel-detail-service-user-cell7 {
  line-height: 20px;
  position: relative;
}

.funnel-detail-service-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.funnel-detail-service-user-cell7 {
  white-space: nowrap;
}

.funnel-detail-service-column1, .funnel-detail-service-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.funnel-detail-service-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.funnel-detail-service-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.funnel-detail-service-column2, .funnel-detail-service-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.funnel-detail-service-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-service-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-button-wrap, .funnel-detail-service-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.funnel-detail-service-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.funnel-detail-service-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-content24, .funnel-detail-service-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-content24 {
  padding: 10px 16px;
}

.funnel-detail-service-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.funnel-detail-service-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-content25, .funnel-detail-service-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-content25 {
  padding: 10px 15px;
}

.funnel-detail-service-pagination-number-base1 {
  overflow: hidden;
}

.funnel-detail-service-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-content26, .funnel-detail-service-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-content26 {
  padding: 10px 15px;
}

.funnel-detail-service-pagination-number-base2 {
  overflow: hidden;
}

.funnel-detail-service-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.funnel-detail-service-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-content30, .funnel-detail-service-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.funnel-detail-service-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.funnel-detail-service-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-button-wrap1, .funnel-detail-service-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-service-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.funnel-detail-service-pagination, .funnel-detail-service-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-detail-service-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.funnel-detail-service-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.funnel-detail-service-content-items10, .funnel-detail-service-content-items11, .funnel-detail-service-table-cell41, .funnel-detail-service-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.funnel-detail-service-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-service-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-service-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.funnel-detail-service-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-service-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-cell50, .funnel-detail-service-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.funnel-detail-service-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.funnel-detail-service-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.funnel-detail-service-column3, .funnel-detail-service-table-cell52, .funnel-detail-service-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.funnel-detail-service-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.funnel-detail-service-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.funnel-detail-service-marker-pin-02-group, .funnel-detail-service-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-service-marker-pin-02-group {
  gap: 7px;
}

.funnel-detail-service-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.funnel-detail-service-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.funnel-detail-service-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.funnel-detail-service-column-wrapper, .funnel-detail-service-column4, .funnel-detail-service-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.funnel-detail-service-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.funnel-detail-service-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.funnel-detail-service-column5, .funnel-detail-service-column6, .funnel-detail-service-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.funnel-detail-service-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.funnel-detail-service-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-service-column-parent, .funnel-detail-service-frame-parent74, .funnel-detail-service-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-service-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.funnel-detail-service-frame-parent74, .funnel-detail-service-pagination1 {
  align-self: stretch;
}

.funnel-detail-service-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.funnel-detail-service-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-detail-service-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-badge50, .funnel-detail-service-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-service-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-service-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.funnel-detail-service-content-items14, .funnel-detail-service-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.funnel-detail-service-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.funnel-detail-service-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-button-group-base27, .funnel-detail-service-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-service-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.funnel-detail-service-button-group-base28 {
  background-color: #fff;
}

.funnel-detail-service-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.funnel-detail-service-filter-bar-container, .funnel-detail-service-frame-parent, .funnel-detail-service-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.funnel-detail-service-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.funnel-detail-service-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.funnel-detail-service-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.funnel-detail-service-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.funnel-detail-service-buttonsbutton33, .funnel-detail-service-content45, .funnel-detail-service-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.funnel-detail-service-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.funnel-detail-service-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-actions11, .funnel-detail-service-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.funnel-detail-service-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.funnel-detail-service-empty-state, .funnel-detail-service-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.funnel-detail-service-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.funnel-detail-service-empty-state-wrapper, .funnel-detail-service-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.funnel-detail-service-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.funnel-detail-service-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-service-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.funnel-detail-service-content46, .funnel-detail-service-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-service-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.funnel-detail-service-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.funnel-detail-service-add, .funnel-detail-service-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-learn-more {
  min-width: 88px;
}

.funnel-detail-service-actions12, .funnel-detail-service-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-service-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.funnel-detail-service-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.funnel-detail-service-empty-state-container, .funnel-detail-service-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.funnel-detail-service-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.funnel-detail-service-funnel-detail-service-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.funnel-detail-service-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.funnel-detail-service-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-service-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.funnel-detail-service-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.funnel-detail-service-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.funnel-detail-service-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.funnel-detail-service-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-detail-service-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.funnel-detail-service-component-listing-container::-webkit-scrollbar {
  display: none;
}

.funnel-detail-service-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.funnel-detail-service-component-funnel-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.funnel-detail-service-component-funnel-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.funnel-detail-service-component-funnel-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-detail-service-component-funnel-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-component-funnel-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.funnel-detail-service-component-funnel-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-component-funnel-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 80%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-detail-service-component-funnel-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-service-component-funnel-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.funnel-detail-service-component-funnel-text78:hover {
  text-decoration: underline;
}

.funnel-detail-service-component-funnel-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-detail-service-component-funnel-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.funnel-detail-service-component-funnel-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.funnel-detail-service-component-funnel-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-service-component-funnel-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-detail-service-component-funnel-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-service-component-funnel-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.funnel-detail-service-component-funnel-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.funnel-detail-service-component-funnel-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-component-funnel-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-component-funnel-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-service-component-funnel-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-detail-service-component-funnel-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-detail-service-component-funnel-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-component-funnel-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-component-funnel-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.funnel-detail-service-component-funnel-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-service-component-funnel-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-component-funnel-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-component-funnel-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-service-component-funnel-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.funnel-detail-service-component-funnel-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-service-component-funnel-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-component-funnel-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-component-funnel-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-component-funnel-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.funnel-detail-service-component-funnel-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.funnel-detail-service-component-funnel-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: -20px;
  display: flex;
}

.funnel-detail-service-component-funnel-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-component-funnel-price-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.funnel-detail-service-component-funnel-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-service-component-funnel-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-service-component-funnel-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-detail-service-component-funnel-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.funnel-detail-service-component-funnel-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-service-component-funnel-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-service-component-funnel-divider-icon8 {
  z-index: 2;
  width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-service-component-funnel-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.funnel-detail-service-component-funnel-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-component-funnel-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-detail-service-component-funnel-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.funnel-detail-service-component-funnel-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-detail-service-component-funnel-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-service-component-funnel-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-detail-service-component-funnel-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-component-funnel-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-component-funnel-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-detail-service-component-funnel-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-detail-service-component-funnel-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 95%;
  font-size: 14px;
  display: flex;
}

.funnel-detail-service-component-funnel-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.funnel-detail-service-component-funnel-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-component-funnel-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-component-funnel-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-buttonsbutton25, .funnel-detail-service-component-funnel-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-component-funnel-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-service-component-funnel-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-detail-service-component-funnel-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-service-component-funnel-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-service-component-funnel-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-service-component-funnel-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.funnel-detail-service-component-funnel-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.funnel-detail-service-component-funnel-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.funnel-detail-service-component-funnel-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.funnel-detail-service-component-funnel-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-service-component-funnel-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1275px) {
  .funnel-detail-service-all, .funnel-detail-service-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .funnel-detail-service-all {
    padding-bottom: 67px;
  }

  .funnel-detail-service-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .funnel-detail-service-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .funnel-detail-service-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .funnel-detail-service-content-elements-parent, .funnel-detail-service-content17, .funnel-detail-service-frame-group, .funnel-detail-service-rectangle-parent10, .funnel-detail-service-rectangle-parent5, .funnel-detail-service-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .funnel-detail-service-frame-wrapper31 {
    flex: 1;
  }

  .funnel-detail-service-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-list-item-parent {
    flex: 1;
  }

  .funnel-detail-service-card-list, .funnel-detail-service-content20, .funnel-detail-service-content21, .funnel-detail-service-metric-item-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-service-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .funnel-detail-service-content23, .funnel-detail-service-frame-parent73, .funnel-detail-service-frame-parent74 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .funnel-detail-service-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }

  .funnel-detail-service-component-funnel-rectangle-parent5, .funnel-detail-service-component-funnel-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .funnel-detail-service-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-service-content13 {
    gap: 17px;
  }

  .funnel-detail-service-tabs-and-filters {
    flex-wrap: wrap;
  }

  .funnel-detail-service-jul {
    width: 100%;
    height: 17px;
  }

  .funnel-detail-service-x-axis {
    flex-wrap: wrap;
  }

  .funnel-detail-service-number {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-service-main {
    gap: 16px;
  }

  .funnel-detail-service-number3, .funnel-detail-service-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .funnel-detail-service-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .funnel-detail-service-badge-elements, .funnel-detail-service-card-elements, .funnel-detail-service-dropdowns, .funnel-detail-service-location-badge-number {
    flex-wrap: wrap;
  }

  .funnel-detail-service-action-fields {
    min-width: 100%;
  }

  .funnel-detail-service-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-service-frame-parent2, .funnel-detail-service-primary-table {
    flex-wrap: wrap;
  }

  .funnel-detail-service-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-service-frame-parent17, .funnel-detail-service-frame-parent18, .funnel-detail-service-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-element-details, .funnel-detail-service-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .funnel-detail-service-action-icons, .funnel-detail-service-element-details-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-service-icon-button {
    gap: 17px;
  }

  .funnel-detail-service-icon-button, .funnel-detail-service-sidebar1 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-service-rectangle-parent11 {
    gap: 16px;
  }

  .funnel-detail-service-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .funnel-detail-service-frame-parent39 {
    min-width: 100%;
  }

  .funnel-detail-service-frame-wrapper31 {
    margin-left: 0;
  }

  .funnel-detail-service-card-row {
    min-width: 100%;
  }

  .funnel-detail-service-list-item-parent {
    margin-left: 0;
  }

  .funnel-detail-service-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .funnel-detail-service-text-and-supporting-text2 {
    min-width: 100%;
  }

  .funnel-detail-service-actions4 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .funnel-detail-service-text-and-supporting-text3 {
    min-width: 100%;
  }

  .funnel-detail-service-actions5, .funnel-detail-service-table-cell51, .funnel-detail-service-table-cell52 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .funnel-detail-service-frame-parent, .funnel-detail-service-text-and-supporting-text16 {
    min-width: 100%;
  }

  .funnel-detail-service-empty-state3 {
    gap: 16px;
  }

  .funnel-detail-service-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .funnel-detail-service-container3 {
    gap: 16px;
  }

  .funnel-detail-service-component-funnel-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-service-component-funnel-action-fields {
    min-width: 100%;
  }

  .funnel-detail-service-component-funnel-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-component-funnel-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-service-component-funnel-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .funnel-detail-service-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .funnel-detail-service-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .funnel-detail-service-actions {
    flex-wrap: wrap;
  }

  .funnel-detail-service-number {
    font-size: 18px;
    line-height: 23px;
  }

  .funnel-detail-service-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-detail-service-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .funnel-detail-service-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .funnel-detail-service-number3, .funnel-detail-service-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .funnel-detail-service-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-service-price {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-service-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-service-date-elements-parent {
    flex: 1;
  }

  .funnel-detail-service-badge-container, .funnel-detail-service-frame-parent12 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-badge-group {
    height: auto;
    min-height: 104px;
  }

  .funnel-detail-service-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-service-work-type-icon {
    flex: 1;
  }

  .funnel-detail-service-calendar-icon6 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-work-type-label {
    margin-left: 0;
  }

  .funnel-detail-service-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-service-frame-parent36, .funnel-detail-service-frame-parent42 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-price5, .funnel-detail-service-price6, .funnel-detail-service-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-service-frame-parent64 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .funnel-detail-service-content22, .funnel-detail-service-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-service-input-dropdown3 {
    max-width: 100%;
  }

  .funnel-detail-service-table-cell50, .funnel-detail-service-table-cell53 {
    flex-wrap: wrap;
  }

  .funnel-detail-service-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .funnel-detail-service-column5, .funnel-detail-service-column6 {
    flex: 1;
  }

  .funnel-detail-service-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .funnel-detail-service-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-service-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .funnel-detail-service-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .funnel-detail-service-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }

  .funnel-detail-service-component-funnel-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-service-component-funnel-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-detail-service-component-funnel-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.funnel-detail-software-main-custom {
  width: 100% !important;
}

.funnel-detail-software-search-lg-icon-custom {
  cursor: pointer;
}

.funnel-detail-software-funnel-detail-software-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.funnel-detail-software-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.funnel-detail-software-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-badge1, .funnel-detail-software-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.funnel-detail-software-navigation, .funnel-detail-software-search-input {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.funnel-detail-software-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-software-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-content3, .funnel-detail-software-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-software-content3 {
  flex: 1;
  gap: 8px;
}

.funnel-detail-software-divider-icon, .funnel-detail-software-home-line-icon {
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.funnel-detail-software-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.funnel-detail-software-content12, .funnel-detail-software-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.funnel-detail-software-content5, .funnel-detail-software-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.funnel-detail-software-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.funnel-detail-software-supporting-text, .funnel-detail-software-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-detail-software-title {
  font-weight: 600;
}

.funnel-detail-software-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.funnel-detail-software-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.funnel-detail-software-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.funnel-detail-software-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-software-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.funnel-detail-software-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-software-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.funnel-detail-software-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.funnel-detail-software-tabs {
  gap: 8px;
}

.funnel-detail-software-breadcrumbs, .funnel-detail-software-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-software-heading, .funnel-detail-software-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.funnel-detail-software-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-detail-software-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.funnel-detail-software-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.funnel-detail-software-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-software-button, .funnel-detail-software-button1, .funnel-detail-software-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-software-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.funnel-detail-software-button1, .funnel-detail-software-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.funnel-detail-software-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.funnel-detail-software-actions, .funnel-detail-software-button2, .funnel-detail-software-button3 {
  flex-direction: row;
  align-items: center;
}

.funnel-detail-software-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.funnel-detail-software-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-software-button4, .funnel-detail-software-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.funnel-detail-software-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-button6, .funnel-detail-software-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-software-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-content13, .funnel-detail-software-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.funnel-detail-software-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.funnel-detail-software-content13, .funnel-detail-software-divider-icon1, .funnel-detail-software-page-header {
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-software-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-software-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-software-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-button-group-base1, .funnel-detail-software-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-software-button-group-base2 {
  width: 77px;
}

.funnel-detail-software-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-detail-software-button-group-base3, .funnel-detail-software-button-group-base4, .funnel-detail-software-button-group-base5, .funnel-detail-software-button-group-base6, .funnel-detail-software-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.funnel-detail-software-button-group-base4, .funnel-detail-software-button-group-base5, .funnel-detail-software-button-group-base6, .funnel-detail-software-button-group-base7 {
  z-index: 4;
}

.funnel-detail-software-button-group-base5, .funnel-detail-software-button-group-base6, .funnel-detail-software-button-group-base7 {
  z-index: 3;
}

.funnel-detail-software-button-group-base6, .funnel-detail-software-button-group-base7 {
  z-index: 2;
}

.funnel-detail-software-button-group-base7 {
  z-index: 1;
}

.funnel-detail-software-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-button-group, .funnel-detail-software-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.funnel-detail-software-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.funnel-detail-software-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-actions2, .funnel-detail-software-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-software-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.funnel-detail-software-container, .funnel-detail-software-header-section, .funnel-detail-software-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.funnel-detail-software-container, .funnel-detail-software-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.funnel-detail-software-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.funnel-detail-software-header-section {
  flex-shrink: 0;
}

.funnel-detail-software-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-software-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.funnel-detail-software-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-software-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-software-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-color2, .funnel-detail-software-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-software-color3 {
  background-color: #17b26a;
}

.funnel-detail-software-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.funnel-detail-software-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-software-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-detail-software-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.funnel-detail-software-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-software-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.funnel-detail-software-divider, .funnel-detail-software-y-axis-line, .funnel-detail-software-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-software-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.funnel-detail-software-y-axis-line, .funnel-detail-software-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.funnel-detail-software-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.funnel-detail-software-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.funnel-detail-software-y-axis, .funnel-detail-software-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-software-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.funnel-detail-software-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.funnel-detail-software-jan, .funnel-detail-software-jul, .funnel-detail-software-jun, .funnel-detail-software-mar, .funnel-detail-software-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-jul, .funnel-detail-software-jun, .funnel-detail-software-mar, .funnel-detail-software-may {
  min-width: 23px;
}

.funnel-detail-software-jul, .funnel-detail-software-jun, .funnel-detail-software-may {
  min-width: 25px;
}

.funnel-detail-software-jul, .funnel-detail-software-jun {
  min-width: 22px;
}

.funnel-detail-software-jul {
  min-width: 17px;
}

.funnel-detail-software-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-software-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.funnel-detail-software-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.funnel-detail-software-line-and-bar-chart, .funnel-detail-software-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-line-and-bar-chart {
  flex: 1;
}

.funnel-detail-software-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.funnel-detail-software-heading1, .funnel-detail-software-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-detail-software-number {
  white-space: nowrap;
  line-height: 38px;
}

.funnel-detail-software-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.funnel-detail-software-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-change-and-text, .funnel-detail-software-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-software-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.funnel-detail-software-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.funnel-detail-software-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-detail-software-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-dropdown, .funnel-detail-software-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.funnel-detail-software-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-detail-software-change-and-text1, .funnel-detail-software-container1, .funnel-detail-software-metric-group, .funnel-detail-software-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-detail-software-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-software-container1, .funnel-detail-software-metric-group, .funnel-detail-software-section {
  align-items: flex-start;
  max-width: 100%;
}

.funnel-detail-software-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.funnel-detail-software-container1, .funnel-detail-software-section {
  flex-direction: column;
}

.funnel-detail-software-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.funnel-detail-software-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.funnel-detail-software-separator, .funnel-detail-software-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.funnel-detail-software-separator1 {
  height: 43px;
}

.funnel-detail-software-main, .funnel-detail-software-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.funnel-detail-software-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.funnel-detail-software-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-software-breadcrumb-button-base6, .funnel-detail-software-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.funnel-detail-software-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.funnel-detail-software-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.funnel-detail-software-breadcrumbs1, .funnel-detail-software-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.funnel-detail-software-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.funnel-detail-software-breadcrumbs1 {
  width: 278px;
  display: none;
}

.funnel-detail-software-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.funnel-detail-software-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.funnel-detail-software-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.funnel-detail-software-content16, .funnel-detail-software-input-with-label1, .funnel-detail-software-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-detail-software-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-detail-software-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-software-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.funnel-detail-software-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.funnel-detail-software-content15, .funnel-detail-software-page-header-wrapper, .funnel-detail-software-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.funnel-detail-software-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.funnel-detail-software-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-software-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.funnel-detail-software-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.funnel-detail-software-text49, .funnel-detail-software-text50, .funnel-detail-software-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-text50, .funnel-detail-software-text51 {
  min-width: 62px;
}

.funnel-detail-software-text51 {
  min-width: 34px;
}

.funnel-detail-software-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.funnel-detail-software-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-detail-software-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.funnel-detail-software-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.funnel-detail-software-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-software-tab-button-base7, .funnel-detail-software-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.funnel-detail-software-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.funnel-detail-software-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.funnel-detail-software-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.funnel-detail-software-horizontal-tabs, .funnel-detail-software-horizontal-tabs-wrapper, .funnel-detail-software-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.funnel-detail-software-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.funnel-detail-software-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.funnel-detail-software-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-software-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.funnel-detail-software-dropdown3, .funnel-detail-software-metric-card, .funnel-detail-software-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.funnel-detail-software-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.funnel-detail-software-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-software-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.funnel-detail-software-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.funnel-detail-software-frame-inner, .funnel-detail-software-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.funnel-detail-software-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.funnel-detail-software-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.funnel-detail-software-heading5, .funnel-detail-software-number4 {
  z-index: 1;
  position: relative;
}

.funnel-detail-software-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-software-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.funnel-detail-software-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.funnel-detail-software-badge12, .funnel-detail-software-frame-container, .funnel-detail-software-heading-parent, .funnel-detail-software-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.funnel-detail-software-frame-container, .funnel-detail-software-rectangle-container {
  box-sizing: border-box;
}

.funnel-detail-software-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.funnel-detail-software-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.funnel-detail-software-heading-group {
  gap: 8px;
  width: 153px;
}

.funnel-detail-software-dropdown7, .funnel-detail-software-heading-container, .funnel-detail-software-heading-group, .funnel-detail-software-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-heading-container {
  gap: 8px;
  width: 163px;
}

.funnel-detail-software-dropdown7, .funnel-detail-software-heading-parent1 {
  flex-shrink: 0;
}

.funnel-detail-software-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.funnel-detail-software-dropdown7 {
  z-index: 1;
}

.funnel-detail-software-frame-group, .funnel-detail-software-frame-wrapper, .funnel-detail-software-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.funnel-detail-software-frame-group, .funnel-detail-software-frame-wrapper {
  max-width: 100%;
}

.funnel-detail-software-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.funnel-detail-software-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.funnel-detail-software-text62, .funnel-detail-software-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-text63 {
  min-width: 74px;
}

.funnel-detail-software-buttonsbutton4, .funnel-detail-software-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.funnel-detail-software-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-dropdowns, .funnel-detail-software-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.funnel-detail-software-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-input-dropdown2, .funnel-detail-software-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.funnel-detail-software-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.funnel-detail-software-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.funnel-detail-software-content17, .funnel-detail-software-filters-bar, .funnel-detail-software-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.funnel-detail-software-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.funnel-detail-software-frame-child3, .funnel-detail-software-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.funnel-detail-software-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.funnel-detail-software-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.funnel-detail-software-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.funnel-detail-software-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-detail-software-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.funnel-detail-software-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-detail-software-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-software-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-detail-software-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-location-badge, .funnel-detail-software-location-badge-number, .funnel-detail-software-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.funnel-detail-software-location-badge, .funnel-detail-software-type-number {
  box-sizing: border-box;
}

.funnel-detail-software-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.funnel-detail-software-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.funnel-detail-software-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.funnel-detail-software-location-elements, .funnel-detail-software-type-badge-elements, .funnel-detail-software-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.funnel-detail-software-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.funnel-detail-software-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-software-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.funnel-detail-software-badge-elements, .funnel-detail-software-badge-elements-wrapper, .funnel-detail-software-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.funnel-detail-software-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.funnel-detail-software-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-action-fields, .funnel-detail-software-card-elements, .funnel-detail-software-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.funnel-detail-software-action-fields, .funnel-detail-software-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.funnel-detail-software-input-elements {
  align-self: stretch;
  gap: 16px;
}

.funnel-detail-software-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.funnel-detail-software-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-software-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-software-frame-wrapper3, .funnel-detail-software-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.funnel-detail-software-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.funnel-detail-software-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.funnel-detail-software-dropdown-elements, .funnel-detail-software-dropdown-options-parent, .funnel-detail-software-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.funnel-detail-software-price-parent {
  flex-direction: column;
  flex: 1;
}

.funnel-detail-software-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.funnel-detail-software-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.funnel-detail-software-content-actions, .funnel-detail-software-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.funnel-detail-software-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.funnel-detail-software-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.funnel-detail-software-name, .funnel-detail-software-role {
  display: inline-block;
  position: relative;
}

.funnel-detail-software-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.funnel-detail-software-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.funnel-detail-software-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-detail-software-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.funnel-detail-software-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.funnel-detail-software-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-buttonsbutton8, .funnel-detail-software-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-software-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.funnel-detail-software-buttonsbutton-parent, .funnel-detail-software-primary-table, .funnel-detail-software-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.funnel-detail-software-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.funnel-detail-software-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.funnel-detail-software-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-content-items, .funnel-detail-software-help-avatar, .funnel-detail-software-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.funnel-detail-software-content-items, .funnel-detail-software-rectangle-parent3 {
  box-sizing: border-box;
}

.funnel-detail-software-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.funnel-detail-software-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.funnel-detail-software-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-software-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-software-badge-parent, .funnel-detail-software-badge23, .funnel-detail-software-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.funnel-detail-software-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-software-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-badge23, .funnel-detail-software-badge24, .funnel-detail-software-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.funnel-detail-software-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.funnel-detail-software-badge24, .funnel-detail-software-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-badge-elements-copy, .funnel-detail-software-badge25, .funnel-detail-software-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.funnel-detail-software-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.funnel-detail-software-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-software-badge26, .funnel-detail-software-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.funnel-detail-software-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-badge27, .funnel-detail-software-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.funnel-detail-software-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.funnel-detail-software-frame-parent1, .funnel-detail-software-frame-parent2, .funnel-detail-software-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.funnel-detail-software-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.funnel-detail-software-frame-child5, .funnel-detail-software-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.funnel-detail-software-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.funnel-detail-software-frame-child7, .funnel-detail-software-text78 {
  z-index: 2;
  position: relative;
}

.funnel-detail-software-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.funnel-detail-software-text78 {
  font-weight: 600;
  line-height: 28px;
}

.funnel-detail-software-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-location3, .funnel-detail-software-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-type-of-work2 {
  min-width: 109px;
}

.funnel-detail-software-frame-parent12, .funnel-detail-software-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.funnel-detail-software-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.funnel-detail-software-badge29, .funnel-detail-software-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.funnel-detail-software-badge30 {
  width: 76px;
}

.funnel-detail-software-badge-container, .funnel-detail-software-badge30, .funnel-detail-software-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.funnel-detail-software-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-software-badge-container, .funnel-detail-software-badge32, .funnel-detail-software-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.funnel-detail-software-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.funnel-detail-software-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-software-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge33, .funnel-detail-software-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-software-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.funnel-detail-software-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-price2, .funnel-detail-software-text83 {
  position: relative;
}

.funnel-detail-software-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.funnel-detail-software-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-software-radar-1-1-container, .funnel-detail-software-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.funnel-detail-software-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.funnel-detail-software-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.funnel-detail-software-name2, .funnel-detail-software-role2 {
  display: inline-block;
  position: relative;
}

.funnel-detail-software-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.funnel-detail-software-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.funnel-detail-software-buttonsbutton13, .funnel-detail-software-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-software-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.funnel-detail-software-buttonsbutton14, .funnel-detail-software-buttonsbutton15, .funnel-detail-software-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.funnel-detail-software-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.funnel-detail-software-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.funnel-detail-software-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.funnel-detail-software-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-frame-wrapper16, .funnel-detail-software-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.funnel-detail-software-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.funnel-detail-software-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.funnel-detail-software-divider-icon5, .funnel-detail-software-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.funnel-detail-software-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-software-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.funnel-detail-software-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.funnel-detail-software-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge34, .funnel-detail-software-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.funnel-detail-software-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-software-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-badge36, .funnel-detail-software-badge37, .funnel-detail-software-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.funnel-detail-software-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-software-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.funnel-detail-software-badge38, .funnel-detail-software-frame-parent26, .funnel-detail-software-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.funnel-detail-software-badge39, .funnel-detail-software-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.funnel-detail-software-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-element-details-child, .funnel-detail-software-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.funnel-detail-software-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.funnel-detail-software-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.funnel-detail-software-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.funnel-detail-software-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.funnel-detail-software-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.funnel-detail-software-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.funnel-detail-software-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-software-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-date-icon, .funnel-detail-software-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-type-label {
  color: #101828;
  font-size: 14px;
}

.funnel-detail-software-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.funnel-detail-software-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-software-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-work-type-icon, .funnel-detail-software-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.funnel-detail-software-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.funnel-detail-software-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.funnel-detail-software-action-icons, .funnel-detail-software-calendar-icon6, .funnel-detail-software-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.funnel-detail-software-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.funnel-detail-software-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.funnel-detail-software-element-actions, .funnel-detail-software-element-details-parent, .funnel-detail-software-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.funnel-detail-software-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.funnel-detail-software-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.funnel-detail-software-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-software-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.funnel-detail-software-frame-parent32, .funnel-detail-software-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.funnel-detail-software-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.funnel-detail-software-dropdown-parent1, .funnel-detail-software-frame-parent31, .funnel-detail-software-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.funnel-detail-software-dropdown-parent1, .funnel-detail-software-frame-parent31 {
  align-items: flex-end;
}

.funnel-detail-software-frame-parent31 {
  flex: 1;
}

.funnel-detail-software-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.funnel-detail-software-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.funnel-detail-software-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.funnel-detail-software-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.funnel-detail-software-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.funnel-detail-software-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.funnel-detail-software-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.funnel-detail-software-span {
  font-weight: 500;
}

.funnel-detail-software-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.funnel-detail-software-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-software-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-frame-parent36, .funnel-detail-software-frame-parent37, .funnel-detail-software-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-software-frame-parent37, .funnel-detail-software-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.funnel-detail-software-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.funnel-detail-software-text105, .funnel-detail-software-text106, .funnel-detail-software-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-software-text105, .funnel-detail-software-text106 {
  display: inline-block;
}

.funnel-detail-software-text105 {
  min-width: 103px;
}

.funnel-detail-software-text106 {
  flex-shrink: 0;
  width: 151px;
}

.funnel-detail-software-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.funnel-detail-software-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.funnel-detail-software-supporting-text20, .funnel-detail-software-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-supporting-text20 {
  min-width: 70.9px;
}

.funnel-detail-software-supporting-text21 {
  width: 104px;
}

.funnel-detail-software-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.funnel-detail-software-frame-parent33, .funnel-detail-software-frame-parent34, .funnel-detail-software-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.funnel-detail-software-frame-parent33, .funnel-detail-software-frame-parent34 {
  flex: 1;
}

.funnel-detail-software-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.funnel-detail-software-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.funnel-detail-software-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-buttonsbutton-wrapper, .funnel-detail-software-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.funnel-detail-software-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-dropdown-parent2, .funnel-detail-software-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.funnel-detail-software-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.funnel-detail-software-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.funnel-detail-software-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-software-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.funnel-detail-software-content-items5, .funnel-detail-software-frame-child16, .funnel-detail-software-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.funnel-detail-software-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-software-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.funnel-detail-software-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-software-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.funnel-detail-software-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-software-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-software-frame-parent39, .funnel-detail-software-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.funnel-detail-software-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.funnel-detail-software-dropdown14, .funnel-detail-software-text112 {
  z-index: 1;
  position: absolute;
}

.funnel-detail-software-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.funnel-detail-software-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.funnel-detail-software-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-software-price6, .funnel-detail-software-text113 {
  z-index: 1;
  position: relative;
}

.funnel-detail-software-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-software-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.funnel-detail-software-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.funnel-detail-software-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.funnel-detail-software-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-software-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.funnel-detail-software-frame-parent46, .funnel-detail-software-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.funnel-detail-software-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.funnel-detail-software-frame-parent45, .funnel-detail-software-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.funnel-detail-software-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.funnel-detail-software-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.funnel-detail-software-card-container-child, .funnel-detail-software-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.funnel-detail-software-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.funnel-detail-software-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.funnel-detail-software-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-software-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-detail-software-dropdown15, .funnel-detail-software-item-title {
  z-index: 2;
  position: absolute;
}

.funnel-detail-software-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.funnel-detail-software-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.funnel-detail-software-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-software-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.funnel-detail-software-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.funnel-detail-software-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.funnel-detail-software-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-software-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-software-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.funnel-detail-software-card-container, .funnel-detail-software-card-list, .funnel-detail-software-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.funnel-detail-software-card-container, .funnel-detail-software-card-list {
  align-items: flex-start;
}

.funnel-detail-software-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.funnel-detail-software-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.funnel-detail-software-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.funnel-detail-software-frame-wrapper37, .funnel-detail-software-price-wrapper, .funnel-detail-software-text-wrapper18, .funnel-detail-software-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.funnel-detail-software-frame-wrapper37, .funnel-detail-software-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.funnel-detail-software-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.funnel-detail-software-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.funnel-detail-software-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.funnel-detail-software-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.funnel-detail-software-buttonsbutton-frame, .funnel-detail-software-frame-parent64, .funnel-detail-software-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.funnel-detail-software-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.funnel-detail-software-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-detail-software-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.funnel-detail-software-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-software-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-change7, .funnel-detail-software-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-software-change7 {
  min-width: 38px;
  display: inline-block;
}

.funnel-detail-software-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.funnel-detail-software-change-and-text3, .funnel-detail-software-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-software-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.funnel-detail-software-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-detail-software-dropdown19, .funnel-detail-software-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-detail-software-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-buttonsbutton25, .funnel-detail-software-buttonsbutton26, .funnel-detail-software-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.funnel-detail-software-buttonsbutton25, .funnel-detail-software-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-software-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-software-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.funnel-detail-software-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.funnel-detail-software-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-arrow-square-up-right-wrapper1, .funnel-detail-software-buttonsbutton-parent1, .funnel-detail-software-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.funnel-detail-software-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.funnel-detail-software-divider-container1, .funnel-detail-software-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.funnel-detail-software-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.funnel-detail-software-buttonsbutton-wrapper1, .funnel-detail-software-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.funnel-detail-software-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-detail-software-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.funnel-detail-software-badge46, .funnel-detail-software-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-software-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-software-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.funnel-detail-software-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-actions3, .funnel-detail-software-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-software-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.funnel-detail-software-content20, .funnel-detail-software-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-software-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.funnel-detail-software-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-card-header, .funnel-detail-software-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.funnel-detail-software-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.funnel-detail-software-button-group-base9, .funnel-detail-software-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.funnel-detail-software-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.funnel-detail-software-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.funnel-detail-software-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-software-button-group-base10, .funnel-detail-software-button-group-base11, .funnel-detail-software-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.funnel-detail-software-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.funnel-detail-software-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-software-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.funnel-detail-software-content22, .funnel-detail-software-input-with-label3, .funnel-detail-software-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.funnel-detail-software-input-with-label3, .funnel-detail-software-input3 {
  align-self: stretch;
}

.funnel-detail-software-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.funnel-detail-software-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-detail-software-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-software-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.funnel-detail-software-actions4, .funnel-detail-software-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-software-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.funnel-detail-software-content-items9, .funnel-detail-software-content21, .funnel-detail-software-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.funnel-detail-software-content-items9, .funnel-detail-software-filters-bar1 {
  justify-content: flex-start;
}

.funnel-detail-software-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.funnel-detail-software-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.funnel-detail-software-badge-number1, .funnel-detail-software-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.funnel-detail-software-badge47, .funnel-detail-software-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-software-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-software-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.funnel-detail-software-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.funnel-detail-software-actions5, .funnel-detail-software-card-header1, .funnel-detail-software-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.funnel-detail-software-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.funnel-detail-software-card-header1, .funnel-detail-software-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.funnel-detail-software-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.funnel-detail-software-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-detail-software-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.funnel-detail-software-checkbox-wrapper, .funnel-detail-software-sub-nav-items-wrapper, .funnel-detail-software-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.funnel-detail-software-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.funnel-detail-software-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-avatar2, .funnel-detail-software-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.funnel-detail-software-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.funnel-detail-software-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.funnel-detail-software-account-button, .funnel-detail-software-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-account-button {
  min-width: 75px;
  font-weight: 500;
}

.funnel-detail-software-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.funnel-detail-software-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-software-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-software-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-software-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-software-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-software-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-contrast-border6, .funnel-detail-software-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.funnel-detail-software-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.funnel-detail-software-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-detail-software-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.funnel-detail-software-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-button-upload, .funnel-detail-software-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.funnel-detail-software-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-software-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-software-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-software-table-cell6, .funnel-detail-software-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-software-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.funnel-detail-software-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-software-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-software-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-software-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-software-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.funnel-detail-software-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-software-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-cell15, .funnel-detail-software-table-cell16, .funnel-detail-software-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-software-table-cell16, .funnel-detail-software-table-cell18 {
  width: 271px;
}

.funnel-detail-software-table-cell18 {
  width: 239px;
}

.funnel-detail-software-column, .funnel-detail-software-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-software-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.funnel-detail-software-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-software-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.funnel-detail-software-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-software-user-cell2, .funnel-detail-software-user-cell3, .funnel-detail-software-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-user-cell3, .funnel-detail-software-user-cell4 {
  min-width: 84px;
}

.funnel-detail-software-user-cell4 {
  min-width: 82px;
}

.funnel-detail-software-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-software-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.funnel-detail-software-user-cell5, .funnel-detail-software-user-cell6, .funnel-detail-software-user-cell7 {
  line-height: 20px;
  position: relative;
}

.funnel-detail-software-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.funnel-detail-software-user-cell7 {
  white-space: nowrap;
}

.funnel-detail-software-column1, .funnel-detail-software-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.funnel-detail-software-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.funnel-detail-software-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.funnel-detail-software-column2, .funnel-detail-software-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.funnel-detail-software-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-software-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-button-wrap, .funnel-detail-software-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.funnel-detail-software-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.funnel-detail-software-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-content24, .funnel-detail-software-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-content24 {
  padding: 10px 16px;
}

.funnel-detail-software-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.funnel-detail-software-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-content25, .funnel-detail-software-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-content25 {
  padding: 10px 15px;
}

.funnel-detail-software-pagination-number-base1 {
  overflow: hidden;
}

.funnel-detail-software-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-content26, .funnel-detail-software-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-content26 {
  padding: 10px 15px;
}

.funnel-detail-software-pagination-number-base2 {
  overflow: hidden;
}

.funnel-detail-software-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.funnel-detail-software-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-content30, .funnel-detail-software-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.funnel-detail-software-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.funnel-detail-software-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-button-wrap1, .funnel-detail-software-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-software-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.funnel-detail-software-pagination, .funnel-detail-software-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-detail-software-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.funnel-detail-software-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.funnel-detail-software-content-items10, .funnel-detail-software-content-items11, .funnel-detail-software-table-cell41, .funnel-detail-software-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.funnel-detail-software-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-software-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-software-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.funnel-detail-software-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-software-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-cell50, .funnel-detail-software-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.funnel-detail-software-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.funnel-detail-software-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.funnel-detail-software-column3, .funnel-detail-software-table-cell52, .funnel-detail-software-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.funnel-detail-software-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.funnel-detail-software-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.funnel-detail-software-marker-pin-02-group, .funnel-detail-software-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-software-marker-pin-02-group {
  gap: 7px;
}

.funnel-detail-software-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.funnel-detail-software-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.funnel-detail-software-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.funnel-detail-software-column-wrapper, .funnel-detail-software-column4, .funnel-detail-software-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.funnel-detail-software-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.funnel-detail-software-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.funnel-detail-software-column5, .funnel-detail-software-column6, .funnel-detail-software-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.funnel-detail-software-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.funnel-detail-software-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-software-column-parent, .funnel-detail-software-frame-parent74, .funnel-detail-software-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-software-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.funnel-detail-software-frame-parent74, .funnel-detail-software-pagination1 {
  align-self: stretch;
}

.funnel-detail-software-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.funnel-detail-software-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-detail-software-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-badge50, .funnel-detail-software-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-software-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-software-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.funnel-detail-software-content-items14, .funnel-detail-software-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.funnel-detail-software-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.funnel-detail-software-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-button-group-base27, .funnel-detail-software-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-software-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.funnel-detail-software-button-group-base28 {
  background-color: #fff;
}

.funnel-detail-software-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.funnel-detail-software-filter-bar-container, .funnel-detail-software-frame-parent, .funnel-detail-software-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.funnel-detail-software-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.funnel-detail-software-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.funnel-detail-software-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.funnel-detail-software-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.funnel-detail-software-buttonsbutton33, .funnel-detail-software-content45, .funnel-detail-software-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.funnel-detail-software-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.funnel-detail-software-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-actions11, .funnel-detail-software-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.funnel-detail-software-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.funnel-detail-software-empty-state, .funnel-detail-software-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.funnel-detail-software-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.funnel-detail-software-empty-state-wrapper, .funnel-detail-software-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.funnel-detail-software-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.funnel-detail-software-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-software-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.funnel-detail-software-content46, .funnel-detail-software-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-software-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.funnel-detail-software-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.funnel-detail-software-add, .funnel-detail-software-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-learn-more {
  min-width: 88px;
}

.funnel-detail-software-actions12, .funnel-detail-software-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-software-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.funnel-detail-software-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.funnel-detail-software-empty-state-container, .funnel-detail-software-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.funnel-detail-software-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.funnel-detail-software-funnel-detail-software-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.funnel-detail-software-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.funnel-detail-software-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-software-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.funnel-detail-software-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.funnel-detail-software-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.funnel-detail-software-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.funnel-detail-software-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-detail-software-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.funnel-detail-software-component-listing-container::-webkit-scrollbar {
  display: none;
}

.funnel-detail-software-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.funnel-detail-software-component-funnel-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.funnel-detail-software-component-funnel-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.funnel-detail-software-component-funnel-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-detail-software-component-funnel-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-component-funnel-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.funnel-detail-software-component-funnel-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-component-funnel-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 80%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-detail-software-component-funnel-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-software-component-funnel-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.funnel-detail-software-component-funnel-text78:hover {
  text-decoration: underline;
}

.funnel-detail-software-component-funnel-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-detail-software-component-funnel-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.funnel-detail-software-component-funnel-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.funnel-detail-software-component-funnel-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-software-component-funnel-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-detail-software-component-funnel-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-software-component-funnel-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.funnel-detail-software-component-funnel-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.funnel-detail-software-component-funnel-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-component-funnel-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-component-funnel-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-software-component-funnel-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-detail-software-component-funnel-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-detail-software-component-funnel-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-component-funnel-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-component-funnel-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.funnel-detail-software-component-funnel-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-software-component-funnel-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-component-funnel-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-component-funnel-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-software-component-funnel-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.funnel-detail-software-component-funnel-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-software-component-funnel-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-component-funnel-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-component-funnel-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-component-funnel-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.funnel-detail-software-component-funnel-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.funnel-detail-software-component-funnel-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: -20px;
  display: flex;
}

.funnel-detail-software-component-funnel-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-component-funnel-price-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.funnel-detail-software-component-funnel-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-software-component-funnel-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-software-component-funnel-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-detail-software-component-funnel-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.funnel-detail-software-component-funnel-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-software-component-funnel-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-software-component-funnel-divider-icon8 {
  z-index: 2;
  width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-software-component-funnel-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.funnel-detail-software-component-funnel-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-component-funnel-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-detail-software-component-funnel-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.funnel-detail-software-component-funnel-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-detail-software-component-funnel-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-software-component-funnel-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-detail-software-component-funnel-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-component-funnel-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-component-funnel-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-detail-software-component-funnel-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-detail-software-component-funnel-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 95%;
  font-size: 14px;
  display: flex;
}

.funnel-detail-software-component-funnel-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.funnel-detail-software-component-funnel-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-component-funnel-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-component-funnel-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-buttonsbutton25, .funnel-detail-software-component-funnel-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-component-funnel-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-software-component-funnel-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-detail-software-component-funnel-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-software-component-funnel-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-software-component-funnel-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-software-component-funnel-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.funnel-detail-software-component-funnel-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.funnel-detail-software-component-funnel-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.funnel-detail-software-component-funnel-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.funnel-detail-software-component-funnel-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-software-component-funnel-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1275px) {
  .funnel-detail-software-all, .funnel-detail-software-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .funnel-detail-software-all {
    padding-bottom: 67px;
  }

  .funnel-detail-software-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .funnel-detail-software-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .funnel-detail-software-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .funnel-detail-software-content-elements-parent, .funnel-detail-software-content17, .funnel-detail-software-frame-group, .funnel-detail-software-rectangle-parent10, .funnel-detail-software-rectangle-parent5, .funnel-detail-software-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .funnel-detail-software-frame-wrapper31 {
    flex: 1;
  }

  .funnel-detail-software-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-list-item-parent {
    flex: 1;
  }

  .funnel-detail-software-card-list, .funnel-detail-software-content20, .funnel-detail-software-content21, .funnel-detail-software-metric-item-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-software-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .funnel-detail-software-content23, .funnel-detail-software-frame-parent73, .funnel-detail-software-frame-parent74 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .funnel-detail-software-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }

  .funnel-detail-software-component-funnel-rectangle-parent5, .funnel-detail-software-component-funnel-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .funnel-detail-software-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-software-content13 {
    gap: 17px;
  }

  .funnel-detail-software-tabs-and-filters {
    flex-wrap: wrap;
  }

  .funnel-detail-software-jul {
    width: 100%;
    height: 17px;
  }

  .funnel-detail-software-x-axis {
    flex-wrap: wrap;
  }

  .funnel-detail-software-number {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-software-main {
    gap: 16px;
  }

  .funnel-detail-software-number3, .funnel-detail-software-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .funnel-detail-software-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .funnel-detail-software-badge-elements, .funnel-detail-software-card-elements, .funnel-detail-software-dropdowns, .funnel-detail-software-location-badge-number {
    flex-wrap: wrap;
  }

  .funnel-detail-software-action-fields {
    min-width: 100%;
  }

  .funnel-detail-software-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-software-frame-parent2, .funnel-detail-software-primary-table {
    flex-wrap: wrap;
  }

  .funnel-detail-software-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-software-frame-parent17, .funnel-detail-software-frame-parent18, .funnel-detail-software-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-element-details, .funnel-detail-software-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .funnel-detail-software-action-icons, .funnel-detail-software-element-details-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-software-icon-button {
    gap: 17px;
  }

  .funnel-detail-software-icon-button, .funnel-detail-software-sidebar1 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-software-rectangle-parent11 {
    gap: 16px;
  }

  .funnel-detail-software-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .funnel-detail-software-frame-parent39 {
    min-width: 100%;
  }

  .funnel-detail-software-frame-wrapper31 {
    margin-left: 0;
  }

  .funnel-detail-software-card-row {
    min-width: 100%;
  }

  .funnel-detail-software-list-item-parent {
    margin-left: 0;
  }

  .funnel-detail-software-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .funnel-detail-software-text-and-supporting-text2 {
    min-width: 100%;
  }

  .funnel-detail-software-actions4 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .funnel-detail-software-text-and-supporting-text3 {
    min-width: 100%;
  }

  .funnel-detail-software-actions5, .funnel-detail-software-table-cell51, .funnel-detail-software-table-cell52 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .funnel-detail-software-frame-parent, .funnel-detail-software-text-and-supporting-text16 {
    min-width: 100%;
  }

  .funnel-detail-software-empty-state3 {
    gap: 16px;
  }

  .funnel-detail-software-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .funnel-detail-software-container3 {
    gap: 16px;
  }

  .funnel-detail-software-component-funnel-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-software-component-funnel-action-fields {
    min-width: 100%;
  }

  .funnel-detail-software-component-funnel-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-component-funnel-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-software-component-funnel-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .funnel-detail-software-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .funnel-detail-software-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .funnel-detail-software-actions {
    flex-wrap: wrap;
  }

  .funnel-detail-software-number {
    font-size: 18px;
    line-height: 23px;
  }

  .funnel-detail-software-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-detail-software-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .funnel-detail-software-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .funnel-detail-software-number3, .funnel-detail-software-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .funnel-detail-software-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-software-price {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-software-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-software-date-elements-parent {
    flex: 1;
  }

  .funnel-detail-software-badge-container, .funnel-detail-software-frame-parent12 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-badge-group {
    height: auto;
    min-height: 104px;
  }

  .funnel-detail-software-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-software-work-type-icon {
    flex: 1;
  }

  .funnel-detail-software-calendar-icon6 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-work-type-label {
    margin-left: 0;
  }

  .funnel-detail-software-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-software-frame-parent36, .funnel-detail-software-frame-parent42 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-price5, .funnel-detail-software-price6, .funnel-detail-software-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-software-frame-parent64 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .funnel-detail-software-content22, .funnel-detail-software-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-software-input-dropdown3 {
    max-width: 100%;
  }

  .funnel-detail-software-table-cell50, .funnel-detail-software-table-cell53 {
    flex-wrap: wrap;
  }

  .funnel-detail-software-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .funnel-detail-software-column5, .funnel-detail-software-column6 {
    flex: 1;
  }

  .funnel-detail-software-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .funnel-detail-software-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-software-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .funnel-detail-software-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .funnel-detail-software-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }

  .funnel-detail-software-component-funnel-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-software-component-funnel-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-detail-software-component-funnel-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.funnel-detail-job-main-custom {
  width: 100% !important;
}

.funnel-detail-job-search-lg-icon-custom {
  cursor: pointer;
}

.funnel-detail-job-funnel-detail-job-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.funnel-detail-job-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.funnel-detail-job-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-badge1, .funnel-detail-job-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.funnel-detail-job-navigation, .funnel-detail-job-search-input {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.funnel-detail-job-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-job-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-content3, .funnel-detail-job-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-job-content3 {
  flex: 1;
  gap: 8px;
}

.funnel-detail-job-divider-icon, .funnel-detail-job-home-line-icon {
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.funnel-detail-job-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.funnel-detail-job-content12, .funnel-detail-job-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.funnel-detail-job-content5, .funnel-detail-job-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.funnel-detail-job-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.funnel-detail-job-supporting-text, .funnel-detail-job-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-detail-job-title {
  font-weight: 600;
}

.funnel-detail-job-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.funnel-detail-job-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.funnel-detail-job-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.funnel-detail-job-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-job-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.funnel-detail-job-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-job-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.funnel-detail-job-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.funnel-detail-job-tabs {
  gap: 8px;
}

.funnel-detail-job-breadcrumbs, .funnel-detail-job-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-job-heading, .funnel-detail-job-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.funnel-detail-job-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-detail-job-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.funnel-detail-job-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.funnel-detail-job-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-job-button, .funnel-detail-job-button1, .funnel-detail-job-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-job-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.funnel-detail-job-button1, .funnel-detail-job-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.funnel-detail-job-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.funnel-detail-job-actions, .funnel-detail-job-button2, .funnel-detail-job-button3 {
  flex-direction: row;
  align-items: center;
}

.funnel-detail-job-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.funnel-detail-job-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-job-button4, .funnel-detail-job-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.funnel-detail-job-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-button6, .funnel-detail-job-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-job-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-content13, .funnel-detail-job-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.funnel-detail-job-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.funnel-detail-job-content13, .funnel-detail-job-divider-icon1, .funnel-detail-job-page-header {
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-job-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-job-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-job-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-button-group-base1, .funnel-detail-job-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-job-button-group-base2 {
  width: 77px;
}

.funnel-detail-job-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-detail-job-button-group-base3, .funnel-detail-job-button-group-base4, .funnel-detail-job-button-group-base5, .funnel-detail-job-button-group-base6, .funnel-detail-job-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.funnel-detail-job-button-group-base4, .funnel-detail-job-button-group-base5, .funnel-detail-job-button-group-base6, .funnel-detail-job-button-group-base7 {
  z-index: 4;
}

.funnel-detail-job-button-group-base5, .funnel-detail-job-button-group-base6, .funnel-detail-job-button-group-base7 {
  z-index: 3;
}

.funnel-detail-job-button-group-base6, .funnel-detail-job-button-group-base7 {
  z-index: 2;
}

.funnel-detail-job-button-group-base7 {
  z-index: 1;
}

.funnel-detail-job-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-button-group, .funnel-detail-job-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.funnel-detail-job-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.funnel-detail-job-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-actions2, .funnel-detail-job-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-job-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.funnel-detail-job-container, .funnel-detail-job-header-section, .funnel-detail-job-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.funnel-detail-job-container, .funnel-detail-job-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.funnel-detail-job-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.funnel-detail-job-header-section {
  flex-shrink: 0;
}

.funnel-detail-job-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-job-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.funnel-detail-job-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-job-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-job-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-color2, .funnel-detail-job-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-job-color3 {
  background-color: #17b26a;
}

.funnel-detail-job-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.funnel-detail-job-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-job-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.funnel-detail-job-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.funnel-detail-job-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.funnel-detail-job-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.funnel-detail-job-divider, .funnel-detail-job-y-axis-line, .funnel-detail-job-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-job-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.funnel-detail-job-y-axis-line, .funnel-detail-job-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.funnel-detail-job-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.funnel-detail-job-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.funnel-detail-job-y-axis, .funnel-detail-job-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-job-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.funnel-detail-job-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.funnel-detail-job-jan, .funnel-detail-job-jul, .funnel-detail-job-jun, .funnel-detail-job-mar, .funnel-detail-job-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-jul, .funnel-detail-job-jun, .funnel-detail-job-mar, .funnel-detail-job-may {
  min-width: 23px;
}

.funnel-detail-job-jul, .funnel-detail-job-jun, .funnel-detail-job-may {
  min-width: 25px;
}

.funnel-detail-job-jul, .funnel-detail-job-jun {
  min-width: 22px;
}

.funnel-detail-job-jul {
  min-width: 17px;
}

.funnel-detail-job-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-job-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.funnel-detail-job-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.funnel-detail-job-line-and-bar-chart, .funnel-detail-job-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-line-and-bar-chart {
  flex: 1;
}

.funnel-detail-job-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.funnel-detail-job-heading1, .funnel-detail-job-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-detail-job-number {
  white-space: nowrap;
  line-height: 38px;
}

.funnel-detail-job-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.funnel-detail-job-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-change-and-text, .funnel-detail-job-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-job-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.funnel-detail-job-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.funnel-detail-job-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-detail-job-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-dropdown, .funnel-detail-job-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.funnel-detail-job-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-detail-job-change-and-text1, .funnel-detail-job-container1, .funnel-detail-job-metric-group, .funnel-detail-job-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-detail-job-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-job-container1, .funnel-detail-job-metric-group, .funnel-detail-job-section {
  align-items: flex-start;
  max-width: 100%;
}

.funnel-detail-job-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.funnel-detail-job-container1, .funnel-detail-job-section {
  flex-direction: column;
}

.funnel-detail-job-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.funnel-detail-job-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.funnel-detail-job-separator, .funnel-detail-job-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.funnel-detail-job-separator1 {
  height: 43px;
}

.funnel-detail-job-main, .funnel-detail-job-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.funnel-detail-job-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.funnel-detail-job-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-job-breadcrumb-button-base6, .funnel-detail-job-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.funnel-detail-job-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.funnel-detail-job-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.funnel-detail-job-breadcrumbs1, .funnel-detail-job-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.funnel-detail-job-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.funnel-detail-job-breadcrumbs1 {
  width: 278px;
  display: none;
}

.funnel-detail-job-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.funnel-detail-job-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.funnel-detail-job-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.funnel-detail-job-content16, .funnel-detail-job-input-with-label1, .funnel-detail-job-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.funnel-detail-job-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-detail-job-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-job-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.funnel-detail-job-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.funnel-detail-job-content15, .funnel-detail-job-page-header-wrapper, .funnel-detail-job-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.funnel-detail-job-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.funnel-detail-job-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-job-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.funnel-detail-job-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.funnel-detail-job-text49, .funnel-detail-job-text50, .funnel-detail-job-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-text50, .funnel-detail-job-text51 {
  min-width: 62px;
}

.funnel-detail-job-text51 {
  min-width: 34px;
}

.funnel-detail-job-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.funnel-detail-job-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.funnel-detail-job-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.funnel-detail-job-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.funnel-detail-job-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-job-tab-button-base7, .funnel-detail-job-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.funnel-detail-job-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.funnel-detail-job-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.funnel-detail-job-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.funnel-detail-job-horizontal-tabs, .funnel-detail-job-horizontal-tabs-wrapper, .funnel-detail-job-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.funnel-detail-job-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.funnel-detail-job-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.funnel-detail-job-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-job-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.funnel-detail-job-dropdown3, .funnel-detail-job-metric-card, .funnel-detail-job-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-dropdown3 {
  z-index: 1;
  flex-direction: column;
}

.funnel-detail-job-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.funnel-detail-job-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-job-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.funnel-detail-job-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.funnel-detail-job-frame-inner, .funnel-detail-job-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.funnel-detail-job-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.funnel-detail-job-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.funnel-detail-job-heading5, .funnel-detail-job-number4 {
  z-index: 1;
  position: relative;
}

.funnel-detail-job-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-job-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.funnel-detail-job-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.funnel-detail-job-badge12, .funnel-detail-job-frame-container, .funnel-detail-job-heading-parent, .funnel-detail-job-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.funnel-detail-job-frame-container, .funnel-detail-job-rectangle-container {
  box-sizing: border-box;
}

.funnel-detail-job-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.funnel-detail-job-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.funnel-detail-job-heading-group {
  gap: 8px;
  width: 153px;
}

.funnel-detail-job-dropdown7, .funnel-detail-job-heading-container, .funnel-detail-job-heading-group, .funnel-detail-job-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-heading-container {
  gap: 8px;
  width: 163px;
}

.funnel-detail-job-dropdown7, .funnel-detail-job-heading-parent1 {
  flex-shrink: 0;
}

.funnel-detail-job-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.funnel-detail-job-dropdown7 {
  z-index: 1;
}

.funnel-detail-job-frame-group, .funnel-detail-job-frame-wrapper, .funnel-detail-job-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.funnel-detail-job-frame-group, .funnel-detail-job-frame-wrapper {
  max-width: 100%;
}

.funnel-detail-job-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.funnel-detail-job-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.funnel-detail-job-text62, .funnel-detail-job-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-text63 {
  min-width: 74px;
}

.funnel-detail-job-buttonsbutton4, .funnel-detail-job-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.funnel-detail-job-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-dropdowns, .funnel-detail-job-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.funnel-detail-job-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-input-dropdown2, .funnel-detail-job-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.funnel-detail-job-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.funnel-detail-job-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.funnel-detail-job-content17, .funnel-detail-job-filters-bar, .funnel-detail-job-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.funnel-detail-job-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.funnel-detail-job-frame-child3, .funnel-detail-job-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.funnel-detail-job-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.funnel-detail-job-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.funnel-detail-job-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.funnel-detail-job-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-detail-job-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.funnel-detail-job-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-detail-job-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-job-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-detail-job-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-location-badge, .funnel-detail-job-location-badge-number, .funnel-detail-job-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.funnel-detail-job-location-badge, .funnel-detail-job-type-number {
  box-sizing: border-box;
}

.funnel-detail-job-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.funnel-detail-job-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.funnel-detail-job-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.funnel-detail-job-location-elements, .funnel-detail-job-type-badge-elements, .funnel-detail-job-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.funnel-detail-job-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.funnel-detail-job-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-job-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.funnel-detail-job-badge-elements, .funnel-detail-job-badge-elements-wrapper, .funnel-detail-job-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.funnel-detail-job-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.funnel-detail-job-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-action-fields, .funnel-detail-job-card-elements, .funnel-detail-job-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.funnel-detail-job-action-fields, .funnel-detail-job-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.funnel-detail-job-input-elements {
  align-self: stretch;
  gap: 16px;
}

.funnel-detail-job-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.funnel-detail-job-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-job-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-job-frame-wrapper3, .funnel-detail-job-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.funnel-detail-job-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.funnel-detail-job-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.funnel-detail-job-dropdown-elements, .funnel-detail-job-dropdown-options-parent, .funnel-detail-job-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.funnel-detail-job-price-parent {
  flex-direction: column;
  flex: 1;
}

.funnel-detail-job-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.funnel-detail-job-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.funnel-detail-job-content-actions, .funnel-detail-job-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.funnel-detail-job-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.funnel-detail-job-location-column-child {
  object-fit: cover;
  z-index: 1;
  width: 52px;
  height: 52px;
  position: relative;
}

.funnel-detail-job-name, .funnel-detail-job-role {
  display: inline-block;
  position: relative;
}

.funnel-detail-job-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.funnel-detail-job-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.funnel-detail-job-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-detail-job-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.funnel-detail-job-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.funnel-detail-job-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-buttonsbutton8, .funnel-detail-job-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-job-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.funnel-detail-job-buttonsbutton-parent, .funnel-detail-job-primary-table, .funnel-detail-job-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.funnel-detail-job-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.funnel-detail-job-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.funnel-detail-job-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-content-items, .funnel-detail-job-help-avatar, .funnel-detail-job-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.funnel-detail-job-content-items, .funnel-detail-job-rectangle-parent3 {
  box-sizing: border-box;
}

.funnel-detail-job-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.funnel-detail-job-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.funnel-detail-job-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-job-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-job-badge-parent, .funnel-detail-job-badge23, .funnel-detail-job-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.funnel-detail-job-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-job-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-badge23, .funnel-detail-job-badge24, .funnel-detail-job-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.funnel-detail-job-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.funnel-detail-job-badge24, .funnel-detail-job-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-badge-elements-copy, .funnel-detail-job-badge25, .funnel-detail-job-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.funnel-detail-job-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.funnel-detail-job-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-job-badge26, .funnel-detail-job-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.funnel-detail-job-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-badge27, .funnel-detail-job-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.funnel-detail-job-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.funnel-detail-job-frame-parent1, .funnel-detail-job-frame-parent2, .funnel-detail-job-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.funnel-detail-job-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.funnel-detail-job-frame-child5, .funnel-detail-job-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.funnel-detail-job-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.funnel-detail-job-frame-child7, .funnel-detail-job-text78 {
  z-index: 2;
  position: relative;
}

.funnel-detail-job-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.funnel-detail-job-text78 {
  font-weight: 600;
  line-height: 28px;
}

.funnel-detail-job-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-location3, .funnel-detail-job-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-type-of-work2 {
  min-width: 109px;
}

.funnel-detail-job-frame-parent12, .funnel-detail-job-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.funnel-detail-job-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.funnel-detail-job-badge29, .funnel-detail-job-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.funnel-detail-job-badge30 {
  width: 76px;
}

.funnel-detail-job-badge-container, .funnel-detail-job-badge30, .funnel-detail-job-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.funnel-detail-job-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-job-badge-container, .funnel-detail-job-badge32, .funnel-detail-job-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.funnel-detail-job-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.funnel-detail-job-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.funnel-detail-job-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge33, .funnel-detail-job-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-job-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.funnel-detail-job-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-price2, .funnel-detail-job-text83 {
  position: relative;
}

.funnel-detail-job-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.funnel-detail-job-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-job-radar-1-1-container, .funnel-detail-job-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.funnel-detail-job-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.funnel-detail-job-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.funnel-detail-job-name2, .funnel-detail-job-role2 {
  display: inline-block;
  position: relative;
}

.funnel-detail-job-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.funnel-detail-job-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.funnel-detail-job-buttonsbutton13, .funnel-detail-job-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-job-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.funnel-detail-job-buttonsbutton14, .funnel-detail-job-buttonsbutton15, .funnel-detail-job-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.funnel-detail-job-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.funnel-detail-job-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.funnel-detail-job-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.funnel-detail-job-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-frame-wrapper16, .funnel-detail-job-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.funnel-detail-job-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.funnel-detail-job-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.funnel-detail-job-divider-icon5, .funnel-detail-job-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.funnel-detail-job-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-job-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.funnel-detail-job-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.funnel-detail-job-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge34, .funnel-detail-job-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.funnel-detail-job-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-job-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-badge36, .funnel-detail-job-badge37, .funnel-detail-job-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.funnel-detail-job-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-job-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.funnel-detail-job-badge38, .funnel-detail-job-frame-parent26, .funnel-detail-job-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.funnel-detail-job-badge39, .funnel-detail-job-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.funnel-detail-job-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-element-details-child, .funnel-detail-job-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.funnel-detail-job-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.funnel-detail-job-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.funnel-detail-job-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.funnel-detail-job-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.funnel-detail-job-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.funnel-detail-job-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.funnel-detail-job-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-job-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-date-icon, .funnel-detail-job-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-type-label {
  color: #101828;
  font-size: 14px;
}

.funnel-detail-job-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.funnel-detail-job-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-job-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-work-type-icon, .funnel-detail-job-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.funnel-detail-job-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.funnel-detail-job-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.funnel-detail-job-action-icons, .funnel-detail-job-calendar-icon6, .funnel-detail-job-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.funnel-detail-job-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.funnel-detail-job-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.funnel-detail-job-element-actions, .funnel-detail-job-element-details-parent, .funnel-detail-job-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.funnel-detail-job-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.funnel-detail-job-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.funnel-detail-job-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-job-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.funnel-detail-job-frame-parent32, .funnel-detail-job-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.funnel-detail-job-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.funnel-detail-job-dropdown-parent1, .funnel-detail-job-frame-parent31, .funnel-detail-job-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.funnel-detail-job-dropdown-parent1, .funnel-detail-job-frame-parent31 {
  align-items: flex-end;
}

.funnel-detail-job-frame-parent31 {
  flex: 1;
}

.funnel-detail-job-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.funnel-detail-job-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.funnel-detail-job-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.funnel-detail-job-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.funnel-detail-job-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.funnel-detail-job-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.funnel-detail-job-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.funnel-detail-job-span {
  font-weight: 500;
}

.funnel-detail-job-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.funnel-detail-job-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-job-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-frame-parent36, .funnel-detail-job-frame-parent37, .funnel-detail-job-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-job-frame-parent37, .funnel-detail-job-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.funnel-detail-job-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.funnel-detail-job-text105, .funnel-detail-job-text106, .funnel-detail-job-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-job-text105, .funnel-detail-job-text106 {
  display: inline-block;
}

.funnel-detail-job-text105 {
  min-width: 103px;
}

.funnel-detail-job-text106 {
  flex-shrink: 0;
  width: 151px;
}

.funnel-detail-job-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.funnel-detail-job-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.funnel-detail-job-supporting-text20, .funnel-detail-job-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-supporting-text20 {
  min-width: 70.9px;
}

.funnel-detail-job-supporting-text21 {
  width: 104px;
}

.funnel-detail-job-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.funnel-detail-job-frame-parent33, .funnel-detail-job-frame-parent34, .funnel-detail-job-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.funnel-detail-job-frame-parent33, .funnel-detail-job-frame-parent34 {
  flex: 1;
}

.funnel-detail-job-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.funnel-detail-job-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.funnel-detail-job-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-buttonsbutton-wrapper, .funnel-detail-job-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.funnel-detail-job-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-dropdown-parent2, .funnel-detail-job-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.funnel-detail-job-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.funnel-detail-job-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.funnel-detail-job-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-job-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.funnel-detail-job-content-items5, .funnel-detail-job-frame-child16, .funnel-detail-job-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.funnel-detail-job-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-job-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.funnel-detail-job-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-job-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.funnel-detail-job-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.funnel-detail-job-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-job-frame-parent39, .funnel-detail-job-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.funnel-detail-job-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.funnel-detail-job-dropdown14, .funnel-detail-job-text112 {
  z-index: 1;
  position: absolute;
}

.funnel-detail-job-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.funnel-detail-job-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.funnel-detail-job-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-job-price6, .funnel-detail-job-text113 {
  z-index: 1;
  position: relative;
}

.funnel-detail-job-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.funnel-detail-job-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.funnel-detail-job-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.funnel-detail-job-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.funnel-detail-job-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-job-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.funnel-detail-job-frame-parent46, .funnel-detail-job-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.funnel-detail-job-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.funnel-detail-job-frame-parent45, .funnel-detail-job-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.funnel-detail-job-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.funnel-detail-job-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.funnel-detail-job-card-container-child, .funnel-detail-job-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.funnel-detail-job-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.funnel-detail-job-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.funnel-detail-job-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-job-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-detail-job-dropdown15, .funnel-detail-job-item-title {
  z-index: 2;
  position: absolute;
}

.funnel-detail-job-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.funnel-detail-job-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.funnel-detail-job-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-job-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.funnel-detail-job-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.funnel-detail-job-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.funnel-detail-job-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-job-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-job-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.funnel-detail-job-card-container, .funnel-detail-job-card-list, .funnel-detail-job-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.funnel-detail-job-card-container, .funnel-detail-job-card-list {
  align-items: flex-start;
}

.funnel-detail-job-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.funnel-detail-job-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.funnel-detail-job-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.funnel-detail-job-frame-wrapper37, .funnel-detail-job-price-wrapper, .funnel-detail-job-text-wrapper18, .funnel-detail-job-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.funnel-detail-job-frame-wrapper37, .funnel-detail-job-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.funnel-detail-job-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.funnel-detail-job-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.funnel-detail-job-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.funnel-detail-job-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.funnel-detail-job-buttonsbutton-frame, .funnel-detail-job-frame-parent64, .funnel-detail-job-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.funnel-detail-job-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.funnel-detail-job-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-detail-job-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.funnel-detail-job-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-job-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-change7, .funnel-detail-job-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.funnel-detail-job-change7 {
  min-width: 38px;
  display: inline-block;
}

.funnel-detail-job-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.funnel-detail-job-change-and-text3, .funnel-detail-job-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.funnel-detail-job-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.funnel-detail-job-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-detail-job-dropdown19, .funnel-detail-job-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-detail-job-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-buttonsbutton25, .funnel-detail-job-buttonsbutton26, .funnel-detail-job-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.funnel-detail-job-buttonsbutton25, .funnel-detail-job-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-job-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-job-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.funnel-detail-job-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.funnel-detail-job-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-arrow-square-up-right-wrapper1, .funnel-detail-job-buttonsbutton-parent1, .funnel-detail-job-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.funnel-detail-job-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.funnel-detail-job-divider-container1, .funnel-detail-job-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.funnel-detail-job-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.funnel-detail-job-buttonsbutton-wrapper1, .funnel-detail-job-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.funnel-detail-job-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.funnel-detail-job-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.funnel-detail-job-badge46, .funnel-detail-job-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-job-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-job-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.funnel-detail-job-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-actions3, .funnel-detail-job-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-job-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.funnel-detail-job-content20, .funnel-detail-job-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.funnel-detail-job-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.funnel-detail-job-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-card-header, .funnel-detail-job-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.funnel-detail-job-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.funnel-detail-job-button-group-base9, .funnel-detail-job-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.funnel-detail-job-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.funnel-detail-job-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.funnel-detail-job-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-job-button-group-base10, .funnel-detail-job-button-group-base11, .funnel-detail-job-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.funnel-detail-job-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.funnel-detail-job-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-job-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.funnel-detail-job-content22, .funnel-detail-job-input-with-label3, .funnel-detail-job-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.funnel-detail-job-input-with-label3, .funnel-detail-job-input3 {
  align-self: stretch;
}

.funnel-detail-job-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.funnel-detail-job-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.funnel-detail-job-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.funnel-detail-job-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.funnel-detail-job-actions4, .funnel-detail-job-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-job-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.funnel-detail-job-content-items9, .funnel-detail-job-content21, .funnel-detail-job-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.funnel-detail-job-content-items9, .funnel-detail-job-filters-bar1 {
  justify-content: flex-start;
}

.funnel-detail-job-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.funnel-detail-job-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.funnel-detail-job-badge-number1, .funnel-detail-job-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.funnel-detail-job-badge47, .funnel-detail-job-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-job-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-job-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.funnel-detail-job-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.funnel-detail-job-actions5, .funnel-detail-job-card-header1, .funnel-detail-job-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.funnel-detail-job-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.funnel-detail-job-card-header1, .funnel-detail-job-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.funnel-detail-job-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.funnel-detail-job-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-detail-job-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.funnel-detail-job-checkbox-wrapper, .funnel-detail-job-sub-nav-items-wrapper, .funnel-detail-job-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.funnel-detail-job-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.funnel-detail-job-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-avatar2, .funnel-detail-job-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.funnel-detail-job-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.funnel-detail-job-avatar2 {
  background-image: url("avatar2@3x.b962391f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.funnel-detail-job-account-button, .funnel-detail-job-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-account-button {
  min-width: 75px;
  font-weight: 500;
}

.funnel-detail-job-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.funnel-detail-job-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-job-avatar3 {
  background-image: url("avatar3@3x.7aa32195.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-job-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-job-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-job-avatar5 {
  background-image: url("avatar4@3x.dc50d9a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-job-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-contrast-border6, .funnel-detail-job-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.funnel-detail-job-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.funnel-detail-job-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.funnel-detail-job-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.funnel-detail-job-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-button-upload, .funnel-detail-job-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.funnel-detail-job-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-job-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-job-avatar8 {
  background-image: url("avatar5@3x.f0f882f9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-job-table-cell6, .funnel-detail-job-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-job-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.funnel-detail-job-avatar10 {
  background-image: url("avatar6@3x.09ff9790.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-job-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-job-avatar11 {
  background-image: url("avatar7@3x.6cfa018b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-job-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.funnel-detail-job-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.funnel-detail-job-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-job-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-cell15, .funnel-detail-job-table-cell16, .funnel-detail-job-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-job-table-cell16, .funnel-detail-job-table-cell18 {
  width: 271px;
}

.funnel-detail-job-table-cell18 {
  width: 239px;
}

.funnel-detail-job-column, .funnel-detail-job-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-job-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.funnel-detail-job-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-job-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.funnel-detail-job-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-job-user-cell2, .funnel-detail-job-user-cell3, .funnel-detail-job-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-user-cell3, .funnel-detail-job-user-cell4 {
  min-width: 84px;
}

.funnel-detail-job-user-cell4 {
  min-width: 82px;
}

.funnel-detail-job-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.funnel-detail-job-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.funnel-detail-job-user-cell5, .funnel-detail-job-user-cell6, .funnel-detail-job-user-cell7 {
  line-height: 20px;
  position: relative;
}

.funnel-detail-job-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.funnel-detail-job-user-cell7 {
  white-space: nowrap;
}

.funnel-detail-job-column1, .funnel-detail-job-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.funnel-detail-job-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.funnel-detail-job-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.funnel-detail-job-column2, .funnel-detail-job-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.funnel-detail-job-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-job-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-button-wrap, .funnel-detail-job-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.funnel-detail-job-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.funnel-detail-job-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-content24, .funnel-detail-job-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-content24 {
  padding: 10px 16px;
}

.funnel-detail-job-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.funnel-detail-job-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-content25, .funnel-detail-job-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-content25 {
  padding: 10px 15px;
}

.funnel-detail-job-pagination-number-base1 {
  overflow: hidden;
}

.funnel-detail-job-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-content26, .funnel-detail-job-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-content26 {
  padding: 10px 15px;
}

.funnel-detail-job-pagination-number-base2 {
  overflow: hidden;
}

.funnel-detail-job-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.funnel-detail-job-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-content30, .funnel-detail-job-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.funnel-detail-job-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.funnel-detail-job-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-button-wrap1, .funnel-detail-job-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.funnel-detail-job-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.funnel-detail-job-pagination, .funnel-detail-job-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-detail-job-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.funnel-detail-job-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.funnel-detail-job-content-items10, .funnel-detail-job-content-items11, .funnel-detail-job-table-cell41, .funnel-detail-job-table-cell42 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.funnel-detail-job-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-job-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.funnel-detail-job-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.funnel-detail-job-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.funnel-detail-job-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-cell50, .funnel-detail-job-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.funnel-detail-job-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.funnel-detail-job-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.funnel-detail-job-column3, .funnel-detail-job-table-cell52, .funnel-detail-job-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.funnel-detail-job-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.funnel-detail-job-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.funnel-detail-job-marker-pin-02-group, .funnel-detail-job-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-job-marker-pin-02-group {
  gap: 7px;
}

.funnel-detail-job-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.funnel-detail-job-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.funnel-detail-job-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.funnel-detail-job-column-wrapper, .funnel-detail-job-column4, .funnel-detail-job-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.funnel-detail-job-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.funnel-detail-job-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.funnel-detail-job-column5, .funnel-detail-job-column6, .funnel-detail-job-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.funnel-detail-job-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.funnel-detail-job-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.funnel-detail-job-column-parent, .funnel-detail-job-frame-parent74, .funnel-detail-job-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.funnel-detail-job-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.funnel-detail-job-frame-parent74, .funnel-detail-job-pagination1 {
  align-self: stretch;
}

.funnel-detail-job-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.funnel-detail-job-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.funnel-detail-job-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-badge50, .funnel-detail-job-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-job-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.funnel-detail-job-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.funnel-detail-job-content-items14, .funnel-detail-job-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.funnel-detail-job-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.funnel-detail-job-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-button-group-base27, .funnel-detail-job-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.funnel-detail-job-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.funnel-detail-job-button-group-base28 {
  background-color: #fff;
}

.funnel-detail-job-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.funnel-detail-job-filter-bar-container, .funnel-detail-job-frame-parent, .funnel-detail-job-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.funnel-detail-job-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.funnel-detail-job-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.funnel-detail-job-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.funnel-detail-job-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.funnel-detail-job-buttonsbutton33, .funnel-detail-job-content45, .funnel-detail-job-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.funnel-detail-job-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.funnel-detail-job-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-actions11, .funnel-detail-job-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.funnel-detail-job-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.funnel-detail-job-empty-state, .funnel-detail-job-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.funnel-detail-job-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.funnel-detail-job-empty-state-wrapper, .funnel-detail-job-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.funnel-detail-job-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.funnel-detail-job-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-job-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.funnel-detail-job-content46, .funnel-detail-job-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.funnel-detail-job-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.funnel-detail-job-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.funnel-detail-job-add, .funnel-detail-job-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-learn-more {
  min-width: 88px;
}

.funnel-detail-job-actions12, .funnel-detail-job-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.funnel-detail-job-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.funnel-detail-job-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.funnel-detail-job-empty-state-container, .funnel-detail-job-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.funnel-detail-job-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.funnel-detail-job-funnel-detail-job-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.funnel-detail-job-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.funnel-detail-job-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.funnel-detail-job-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

.funnel-detail-job-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 32px;
  display: flex;
}

.funnel-detail-job-frame-parent72 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-buttonsbutton-wrapper1 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px;
  display: flex;
}

.funnel-detail-job-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.funnel-detail-job-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-detail-job-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.funnel-detail-job-component-listing-container::-webkit-scrollbar {
  display: none;
}

.funnel-detail-job-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.funnel-detail-job-component-funnel-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.funnel-detail-job-component-funnel-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.funnel-detail-job-component-funnel-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.funnel-detail-job-component-funnel-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-component-funnel-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.funnel-detail-job-component-funnel-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-component-funnel-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 80%;
  padding: 10px 0 0;
  display: flex;
}

.funnel-detail-job-component-funnel-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.funnel-detail-job-component-funnel-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.funnel-detail-job-component-funnel-text78:hover {
  text-decoration: underline;
}

.funnel-detail-job-component-funnel-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.funnel-detail-job-component-funnel-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.funnel-detail-job-component-funnel-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.funnel-detail-job-component-funnel-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.funnel-detail-job-component-funnel-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.funnel-detail-job-component-funnel-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-job-component-funnel-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.funnel-detail-job-component-funnel-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.funnel-detail-job-component-funnel-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-component-funnel-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-component-funnel-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.funnel-detail-job-component-funnel-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.funnel-detail-job-component-funnel-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.funnel-detail-job-component-funnel-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-component-funnel-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-component-funnel-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.funnel-detail-job-component-funnel-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-job-component-funnel-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-component-funnel-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-component-funnel-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.funnel-detail-job-component-funnel-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.funnel-detail-job-component-funnel-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-job-component-funnel-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-component-funnel-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-component-funnel-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-component-funnel-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.funnel-detail-job-component-funnel-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.funnel-detail-job-component-funnel-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: -20px;
  display: flex;
}

.funnel-detail-job-component-funnel-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-component-funnel-price-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.funnel-detail-job-component-funnel-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.funnel-detail-job-component-funnel-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.funnel-detail-job-component-funnel-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.funnel-detail-job-component-funnel-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.funnel-detail-job-component-funnel-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.funnel-detail-job-component-funnel-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.funnel-detail-job-component-funnel-divider-icon8 {
  z-index: 2;
  width: 100%;
  max-height: 100%;
  position: relative;
}

.funnel-detail-job-component-funnel-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.funnel-detail-job-component-funnel-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-component-funnel-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.funnel-detail-job-component-funnel-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.funnel-detail-job-component-funnel-heading {
  font-weight: 600;
  line-height: 38px;
}

.funnel-detail-job-component-funnel-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.funnel-detail-job-component-funnel-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.funnel-detail-job-component-funnel-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-component-funnel-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-component-funnel-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.funnel-detail-job-component-funnel-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.funnel-detail-job-component-funnel-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 95%;
  font-size: 14px;
  display: flex;
}

.funnel-detail-job-component-funnel-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.funnel-detail-job-component-funnel-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-component-funnel-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-component-funnel-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-buttonsbutton25, .funnel-detail-job-component-funnel-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-component-funnel-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.funnel-detail-job-component-funnel-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.funnel-detail-job-component-funnel-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.funnel-detail-job-component-funnel-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.funnel-detail-job-component-funnel-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.funnel-detail-job-component-funnel-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.funnel-detail-job-component-funnel-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.funnel-detail-job-component-funnel-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.funnel-detail-job-component-funnel-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.funnel-detail-job-component-funnel-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.funnel-detail-job-component-funnel-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1275px) {
  .funnel-detail-job-all, .funnel-detail-job-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .funnel-detail-job-all {
    padding-bottom: 67px;
  }

  .funnel-detail-job-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .funnel-detail-job-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .funnel-detail-job-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .funnel-detail-job-content-elements-parent, .funnel-detail-job-content17, .funnel-detail-job-frame-group, .funnel-detail-job-rectangle-parent10, .funnel-detail-job-rectangle-parent5, .funnel-detail-job-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .funnel-detail-job-frame-wrapper31 {
    flex: 1;
  }

  .funnel-detail-job-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-list-item-parent {
    flex: 1;
  }

  .funnel-detail-job-card-list, .funnel-detail-job-content20, .funnel-detail-job-content21, .funnel-detail-job-metric-item-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-job-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .funnel-detail-job-content23, .funnel-detail-job-frame-parent73, .funnel-detail-job-frame-parent74 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .funnel-detail-job-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }

  .funnel-detail-job-component-funnel-rectangle-parent5, .funnel-detail-job-component-funnel-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .funnel-detail-job-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-job-content13 {
    gap: 17px;
  }

  .funnel-detail-job-tabs-and-filters {
    flex-wrap: wrap;
  }

  .funnel-detail-job-jul {
    width: 100%;
    height: 17px;
  }

  .funnel-detail-job-x-axis {
    flex-wrap: wrap;
  }

  .funnel-detail-job-number {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-job-main {
    gap: 16px;
  }

  .funnel-detail-job-number3, .funnel-detail-job-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .funnel-detail-job-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .funnel-detail-job-badge-elements, .funnel-detail-job-card-elements, .funnel-detail-job-dropdowns, .funnel-detail-job-location-badge-number {
    flex-wrap: wrap;
  }

  .funnel-detail-job-action-fields {
    min-width: 100%;
  }

  .funnel-detail-job-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-job-frame-parent2, .funnel-detail-job-primary-table {
    flex-wrap: wrap;
  }

  .funnel-detail-job-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-job-frame-parent17, .funnel-detail-job-frame-parent18, .funnel-detail-job-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-element-details, .funnel-detail-job-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .funnel-detail-job-action-icons, .funnel-detail-job-element-details-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-job-icon-button {
    gap: 17px;
  }

  .funnel-detail-job-icon-button, .funnel-detail-job-sidebar1 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-job-rectangle-parent11 {
    gap: 16px;
  }

  .funnel-detail-job-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .funnel-detail-job-frame-parent39 {
    min-width: 100%;
  }

  .funnel-detail-job-frame-wrapper31 {
    margin-left: 0;
  }

  .funnel-detail-job-card-row {
    min-width: 100%;
  }

  .funnel-detail-job-list-item-parent {
    margin-left: 0;
  }

  .funnel-detail-job-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .funnel-detail-job-text-and-supporting-text2 {
    min-width: 100%;
  }

  .funnel-detail-job-actions4 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .funnel-detail-job-text-and-supporting-text3 {
    min-width: 100%;
  }

  .funnel-detail-job-actions5, .funnel-detail-job-table-cell51, .funnel-detail-job-table-cell52 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .funnel-detail-job-frame-parent, .funnel-detail-job-text-and-supporting-text16 {
    min-width: 100%;
  }

  .funnel-detail-job-empty-state3 {
    gap: 16px;
  }

  .funnel-detail-job-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .funnel-detail-job-container3 {
    gap: 16px;
  }

  .funnel-detail-job-component-funnel-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .funnel-detail-job-component-funnel-action-fields {
    min-width: 100%;
  }

  .funnel-detail-job-component-funnel-frame-parent21 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-component-funnel-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .funnel-detail-job-component-funnel-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .funnel-detail-job-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .funnel-detail-job-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .funnel-detail-job-actions {
    flex-wrap: wrap;
  }

  .funnel-detail-job-number {
    font-size: 18px;
    line-height: 23px;
  }

  .funnel-detail-job-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-detail-job-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .funnel-detail-job-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .funnel-detail-job-number3, .funnel-detail-job-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .funnel-detail-job-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-job-price {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-job-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .funnel-detail-job-date-elements-parent {
    flex: 1;
  }

  .funnel-detail-job-badge-container, .funnel-detail-job-frame-parent12 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-badge-group {
    height: auto;
    min-height: 104px;
  }

  .funnel-detail-job-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-job-work-type-icon {
    flex: 1;
  }

  .funnel-detail-job-calendar-icon6 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-work-type-label {
    margin-left: 0;
  }

  .funnel-detail-job-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-job-frame-parent36, .funnel-detail-job-frame-parent42 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-price5, .funnel-detail-job-price6, .funnel-detail-job-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-job-frame-parent64 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .funnel-detail-job-content22, .funnel-detail-job-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-job-input-dropdown3 {
    max-width: 100%;
  }

  .funnel-detail-job-table-cell50, .funnel-detail-job-table-cell53 {
    flex-wrap: wrap;
  }

  .funnel-detail-job-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .funnel-detail-job-column5, .funnel-detail-job-column6 {
    flex: 1;
  }

  .funnel-detail-job-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .funnel-detail-job-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .funnel-detail-job-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .funnel-detail-job-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .funnel-detail-job-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }

  .funnel-detail-job-component-funnel-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .funnel-detail-job-component-funnel-number-and-chart {
    flex-wrap: wrap;
  }

  .funnel-detail-job-component-funnel-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.chat-frame-child, .chat-messaging-with-list-view-car-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.chat-messaging-with-list-view-car-child {
  align-self: stretch;
  height: 1906px;
}

.chat-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.chat-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.chat-logo, .chat-logo-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a7f6d630.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.chat-logo-container {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.chat-bar-chart-01-icon, .chat-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.chat-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.chat-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.chat-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.chat-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.chat-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.chat-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.chat-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.chat-text2 {
  color: inherit;
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.chat-badge1, .chat-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.chat-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.chat-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.chat-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.chat-navbar, .chat-navigation {
  justify-content: flex-start;
  display: flex;
}

.chat-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.chat-navbar {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.chat-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.chat-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-search-placeholder {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.chat-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-input-with-label, .chat-logo-container-parent, .chat-navbar-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.chat-logo-container-parent, .chat-navbar-parent {
  flex-direction: row;
  max-width: 100%;
}

.chat-navbar-parent {
  flex: 1;
  gap: 38px;
}

.chat-logo-container-parent {
  gap: 70px;
  width: 754px;
}

.chat-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.chat-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.chat-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.chat-profile-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.chat-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.chat-avatar {
  z-index: 1;
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.chat-rectangle-parent, .chat-user-actions {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.chat-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.chat-divider-icon, .chat-home-line-icon {
  position: relative;
  overflow: hidden;
}

.chat-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.chat-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.chat-nav-item-button2, .chat-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.chat-nav-item-button3 {
  background-color: #f9fafb;
}

.chat-navigation2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 16px;
}

.chat-navigation1, .chat-navigation2, .chat-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-navigation1 {
  align-self: stretch;
  padding: 32px 0 0;
}

.chat-navigation3 {
  gap: 8px;
}

.chat-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.chat-avatar1 {
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.chat-content4, .chat-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.chat-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.chat-content4 {
  border-right: 1px solid #eaecf0;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
}

.chat-breadcrumb-button-base, .chat-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 80px;
  height: 1260px;
  overflow: hidden;
}

.chat-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.chat-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.chat-crumb-labels {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.chat-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.chat-text6 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.chat-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.chat-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.chat-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.chat-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.chat-text8 {
  color: inherit;
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.chat-breadcrumb-button-base4, .chat-breadcrumbs, .chat-tabs {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.chat-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  padding: 4px 8px;
}

.chat-breadcrumbs, .chat-tabs {
  justify-content: flex-start;
}

.chat-tabs {
  flex: 1;
  gap: 8px;
}

.chat-breadcrumbs {
  width: 273px;
}

.chat-divider-icon1 {
  width: 273px;
  height: 1px;
  display: none;
  position: relative;
}

.chat-page-header {
  background-color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 20px;
}

.chat-container, .chat-header-section, .chat-header-section-wrapper, .chat-page-header {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-container {
  flex-direction: column;
  align-self: stretch;
  padding: 0 32px;
}

.chat-header-section, .chat-header-section-wrapper {
  max-width: 100%;
}

.chat-header-section {
  z-index: 1;
  flex-direction: column;
  width: 1078px;
}

.chat-header-section-wrapper {
  flex-direction: row;
  align-self: stretch;
}

.chat-content-divider-child, .chat-frame-item {
  border-radius: 12px;
  position: relative;
}

.chat-content-divider-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  align-self: stretch;
  height: 505px;
  display: none;
}

.chat-frame-item {
  object-fit: cover;
  z-index: 2;
  width: 148px;
  height: 148px;
}

.chat-rectangle-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.chat-used {
  text-transform: lowercase;
}

.chat-pre-owned-used-fully-refurbi {
  margin-block: 0 18px;
}

.chat-ase-antibody-detection {
  text-transform: lowercase;
  margin: 0;
}

.chat-detail-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 12px;
  position: relative;
}

.chat-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.chat-text9 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.chat-supporting-text {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-info-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.chat-marker-icon {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-marker-icon-wrapper {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.chat-supporting-text1 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-frame-container, .chat-location-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-location-label {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.chat-frame-container {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.chat-text10 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.chat-badge4, .chat-badges {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-badge4 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-badges {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  gap: 15px;
  min-width: 114px;
}

.chat-marker-pin-02-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-location {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-calendar-icon-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.chat-work-type {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-badge5 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-text11 {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-badge6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-badge6, .chat-work-badges, .chat-work-badges-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.chat-work-badges {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.chat-work-badges-wrapper {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.chat-frame-div {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.chat-type-of-work {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-price-tag, .chat-price-tag-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-price-tag {
  gap: 8px;
}

.chat-price-tag-wrapper {
  padding: 0 14px;
}

.chat-cost-label {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-badge7, .chat-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-badge7 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-frame-parent1 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.chat-status-label {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-badge8, .chat-badges-parent {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.chat-badge8 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-badges-parent {
  align-items: flex-end;
  gap: 6. chat-3px;
  text-align: center;
  color: #475467;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.chat-content-container-inner, .chat-detail-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-detail-title-parent {
  align-self: stretch;
  gap: 4px;
}

.chat-content-container-inner {
  box-sizing: border-box;
  flex: 1;
  min-width: 575px;
  padding: 10px 0 0;
}

.chat-filter-label {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-badge-wrapper, .chat-badge9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-badge9 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #416ec6;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  gap: 6px;
  padding: 2px 8px;
}

.chat-badge-wrapper {
  flex-direction: column;
  flex: 1;
  padding: 14px 0 0;
}

.chat-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-dropdown, .chat-filter-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-dropdown {
  z-index: 2;
  flex-direction: column;
}

.chat-filter-dropdown {
  flex-direction: row;
  gap: 19px;
  width: 123px;
}

.chat-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.chat-price-value {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.chat-price-action-icons {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.chat-price-action-icons, .chat-price-actions, .chat-price-amount {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-price-actions {
  flex-direction: row;
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.chat-price-amount {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.chat-price-currency {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.chat-frame-wrapper, .chat-price-currency, .chat-price-parent {
  align-items: flex-start;
  display: flex;
}

.chat-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.chat-frame-wrapper {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
  font-size: 20px;
}

.chat-filter-dropdown-parent {
  text-align: center;
  color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
  width: 153px;
  font-size: 14px;
  display: flex;
}

.chat-content-container, .chat-frame-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-content-container {
  flex: 1;
  gap: 50px;
  min-width: 707px;
}

.chat-frame-group {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 1260px;
}

.chat-divider-icon2 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.chat-heading, .chat-number {
  font-weight: 600;
  position: relative;
}

.chat-heading {
  width: 254px;
  line-height: 24px;
  display: inline-block;
}

.chat-number {
  align-self: stretch;
  line-height: 38px;
}

.chat-arrow-up-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.chat-text12 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-change-and-text, .chat-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.chat-change-and-text {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.chat-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.chat-chart-mini-icon {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.chat-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.chat-dropdown1, .chat-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-dropdown1 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.chat-metric-item {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  max-width: 306px;
  padding: 18px 15px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-heading1 {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.chat-change3, .chat-change5, .chat-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-change5, .chat-change7 {
  min-width: 28px;
}

.chat-change7 {
  min-width: 23px;
}

.chat-metric-item-parent {
  flex-flow: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 12px;
  width: 1260px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.chat-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.chat-eye-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-buttonsbutton {
  cursor: pointer;
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.chat-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.chat-button-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-buttonsbutton1, .chat-buttonsbutton2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 92px;
  padding: 6px 10px 6px 12px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-buttonsbutton1 {
  gap: 5.5px;
  overflow: hidden;
}

.chat-buttonsbutton2 {
  gap: 5.4px;
  overflow-x: auto;
}

.chat-message-button-label {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-notification-badge-background {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.chat-notification-badge-count {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.chat-notification-badge-background-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.chat-buttonsbutton-parent, .chat-buttonsbutton3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-buttonsbutton3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-buttonsbutton-parent {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.chat-arrow-square-up-right-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.chat-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.chat-content-divider, .chat-frame-parent2 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 1260px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.chat-content-divider {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 23.8px;
  width: 1306px;
  padding: 12px 0 22px 23px;
  font-size: 18px;
}

.chat-chat-name-label, .chat-text17 {
  color: #101828;
  text-align: left;
  min-width: 89px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.chat-text17 {
  color: #344054;
  text-align: center;
  min-width: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.chat-badge10, .chat-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-badge10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  width: 28px;
  padding: 0 5px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 131px 0 0;
}

.chat-supporting-text2 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.chat-text-and-supporting-text {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 166px;
  padding: 12px 0;
  display: flex;
}

.chat-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.chat-text18 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.chat-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.chat-button, .chat-text-padding, .chat-text19 {
  align-self: stretch;
}

.chat-button {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.chat-text19 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.chat-button1, .chat-button2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-button1 {
  border: 1px solid #d6bbfb;
  align-self: stretch;
  gap: 4px;
  padding: 10px 13px;
  display: none;
}

.chat-button2 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  flex-shrink: 0;
  width: 40px;
  padding: 8px 9px;
  display: flex;
}

.chat-button3, .chat-text20 {
  align-self: stretch;
}

.chat-text20 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.chat-button3 {
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-content5, .chat-dropdown5 {
  justify-content: flex-start;
  align-items: flex-start;
}

.chat-dropdown5 {
  flex-direction: column;
  display: none;
}

.chat-content5 {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
  padding: 20px 24px;
  display: flex;
}

.chat-divider-icon4 {
  z-index: 0;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.chat-card-header {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.chat-label1, .chat-search-placeholder1 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.chat-label1 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.chat-search-placeholder1 {
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 163px;
  height: 24px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.chat-input-with-label1, .chat-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.chat-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.chat-hint-text {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.chat-input-dropdown, .chat-search-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.chat-input-dropdown {
  gap: 8px;
}

.chat-search-wrap {
  flex-shrink: 0;
  padding: 0 16px 12px;
}

.chat-dot {
  background-color: #9e77ed;
  border-radius: 5px;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  position: relative;
  overflow: hidden;
}

.chat-dot-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 0 0;
  display: flex;
}

.chat-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.chat-avatar-online-indicator, .chat-avatar-offline-indicator, .chat-avatar2 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: relative;
}

.chat-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  overflow: hidden;
}

.chat-avatar-offline-indicator {
  z-index: 1;
  background-color: red;
  border: 1.5px solid #fff;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  overflow: hidden;
}

.chat-avatar2 {
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 30px 0 0 27px;
  display: flex;
}

.chat-message-sender-name, .chat-supporting-text3 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-message-sender-name {
  color: #344054;
  min-width: 97px;
  font-weight: 600;
}

.chat-supporting-text3 {
  color: #475467;
  min-width: 67px;
}

.chat-avatar-and-dot, .chat-avatar-label-group, .chat-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-avatar-and-dot, .chat-avatar-label-group {
  flex-direction: row;
  gap: 12px;
}

.chat-avatar-and-dot {
  flex: 1;
  min-width: 157px;
}

.chat-supporting-text4 {
  color: #475467;
  text-align: left;
  min-width: 62px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-avatar-and-time {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.chat-message-preview {
  color: #475467;
  text-align: left;
  flex: 1;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.chat-message, .chat-message-preview-wrap {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 20px;
  display: flex;
}

.chat-message {
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  padding: 16px 16px 14px;
}

.chat-dot1 {
  opacity: 0;
  background-color: #9e77ed;
  border-radius: 5px;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  position: relative;
  overflow: hidden;
}

.chat-supporting-text5, .chat-supporting-text6, .chat-text21 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-text21 {
  color: #344054;
  white-space: nowrap;
  min-width: 106px;
  font-weight: 600;
}

.chat-supporting-text5, .chat-supporting-text6 {
  color: #475467;
  min-width: 50px;
}

.chat-supporting-text6 {
  min-width: 71px;
}

.chat-you {
  font-weight: 500;
}

.chat-sure-thing-ill, .chat-you {
  font-family: Inter;
}

.chat-message-preview1 {
  color: #475467;
  text-align: left;
  flex: 1;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.chat-message1 {
  background-color: #fcfcfd;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 16px 14px;
  display: flex;
}

.chat-supporting-text7, .chat-text22 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-text22 {
  color: #344054;
  white-space: nowrap;
  min-width: 70px;
  font-weight: 600;
}

.chat-supporting-text7 {
  color: #475467;
  min-width: 53px;
}

.chat-avatar-and-dot2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  min-width: 130px;
  display: flex;
}

.chat-supporting-text8 {
  color: #475467;
  text-align: left;
  min-width: 49px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-avatar-and-time2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.chat-avatar-online-indicator3 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #d0d5dd;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.chat-text23 {
  color: #344054;
  text-align: left;
  white-space: nowrap;
  min-width: 102px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-avatar-and-dot3 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  min-width: 162px;
  display: flex;
}

.chat-supporting-text10 {
  color: #475467;
  min-width: 51px;
}

.chat-supporting-text10, .chat-supporting-text11, .chat-text24 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-text24 {
  color: #344054;
  min-width: 105px;
  font-weight: 600;
}

.chat-supporting-text11 {
  color: #475467;
  min-width: 58px;
}

.chat-avatar-and-dot4 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  min-width: 165px;
  display: flex;
}

.chat-text25 {
  color: #344054;
  text-align: left;
  min-width: 99px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-avatar-and-dot5 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  min-width: 159px;
  display: flex;
}

.chat-supporting-text14 {
  color: #475467;
  min-width: 52px;
}

.chat-supporting-text14, .chat-supporting-text15, .chat-text26 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-text26 {
  color: #344054;
  white-space: nowrap;
  min-width: 63px;
  font-weight: 600;
}

.chat-supporting-text15 {
  color: #475467;
  min-width: 38px;
}

.chat-avatar-and-dot6 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  min-width: 123px;
  display: flex;
}

.chat-message-preview6 {
  color: #475467;
  text-align: left;
  flex: 1;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.chat-message-preview-wrap6, .chat-side-panel {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-message-preview-wrap6 {
  flex-direction: row;
  align-self: stretch;
  height: 40px;
  padding: 0 0 0 20px;
}

.chat-side-panel {
  z-index: 1;
  border-right: 1px solid #eaecf0;
  flex-direction: column;
  flex-shrink: 0;
  width: 360px;
  min-width: 360px;
  max-width: 360px;
  height: 960px;
  padding: 0 0 64px;
  overflow: hidden;
}

.chat-avatar-icon {
  border-radius: 9999px;
  width: 56px;
  height: 56px;
  position: relative;
}

.chat-caller-name {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.chat-dot-icon5 {
  width: 8px;
  height: 8px;
  position: relative;
}

.chat-text27 {
  color: #344054;
  text-align: center;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-badge11, .chat-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-badge11 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  gap: 4px;
  width: 61px;
  padding: 0 5px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 217px 0 0;
}

.chat-supporting-text17 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-avatar-and-text, .chat-text-and-supporting-text8 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 275px;
  max-width: 100%;
  display: flex;
}

.chat-avatar-and-text {
  flex-direction: row;
  gap: 16px;
  min-width: 322px;
}

.chat-text29 {
  color: #6941c6;
  text-align: left;
  min-width: 26px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-button5, .chat-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.chat-button5 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-shrink: 0;
  gap: 4px;
  width: 82px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-call-button-label {
  color: #344054;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-button6 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 96px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-text30 {
  color: #fff;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-actions1, .chat-button7, .chat-content7 {
  flex-direction: row;
  display: flex;
}

.chat-button7 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-actions1, .chat-content7 {
  justify-content: flex-start;
}

.chat-actions1 {
  align-items: center;
  gap: 12px;
  max-width: 100%;
}

.chat-content7 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
}

.chat-card-header1, .chat-content7, .chat-divider-icon5 {
  align-self: stretch;
  max-width: 100%;
}

.chat-divider-icon5 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.chat-card-header1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.chat-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.chat-divider-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 266px;
  max-width: 100%;
  padding: 9.5px 0 0;
  display: flex;
}

.chat-divider-label {
  color: #475467;
  text-align: center;
  width: 64px;
  height: 20px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-content-divider1 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 898px;
  max-width: 100%;
  margin-top: -159px;
  display: flex;
}

.chat-sub-text, .chat-usernames {
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.chat-usernames {
  color: #344054;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 257px;
  max-width: 100%;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.chat-sub-text {
  color: #475467;
  align-self: stretch;
  height: 18px;
  font-size: 12px;
  line-height: 18px;
}

.chat-name-and-time, .chat-sub-text-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-sub-text-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 104px;
  padding: 1px 0 0;
}

.chat-name-and-time {
  flex-direction: row;
  align-self: stretch;
  gap: 8px;
  max-width: 100%;
}

.chat-text31 {
  color: #101828;
  text-align: left;
  flex: 1;
  max-width: 100%;
  height: 48px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-input2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 0 8px 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  overflow: hidden;
}

.chat-content8, .chat-input2, .chat-message7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-content8 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 330px;
  max-width: 100%;
}

.chat-message7 {
  flex-direction: row;
  gap: 12px;
  width: 100%;
  max-width: 560px;
}

.chat-sub-text1 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  min-width: 104px;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-sub-text-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.chat-file-username, .chat-text33 {
  color: #101828;
  text-align: left;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-file-username {
  color: #344054;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 82px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.chat-name-and-time2 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.chat-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.chat-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.chat-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.chat-file-type-icon {
  width: 40px;
  height: 40px;
  position: relative;
}

.chat-supporting-text18, .chat-text34 {
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.chat-text34 {
  color: #344054;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.chat-supporting-text18 {
  color: #475467;
}

.chat-text-and-supporting-text9 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-content11, .chat-content12 {
  flex-direction: row;
  flex: 1;
}

.chat-content12 {
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  display: flex;
}

.chat-content11 {
  gap: 12px;
}

.chat-content10, .chat-content11, .chat-input4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 0 8px 8px;
  flex-direction: row;
  flex-shrink: 0;
  align-self: stretch;
  min-height: 62px;
  padding: 10px 13px;
  overflow: hidden;
}

.chat-content10 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 330px;
  height: 86px;
}

.chat-single-message-username, .chat-sub-text3 {
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.chat-single-message-username {
  color: #344054;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 19px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.chat-sub-text3 {
  color: #475467;
  min-width: 102px;
  font-size: 12px;
  line-height: 18px;
}

.chat-name-and-time3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: flex;
}

.chat-text35 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.chat-input5 {
  white-space: nowrap;
  background-color: #7e56d9;
  border-radius: 8px 0 8px 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
}

.chat-content13, .chat-message10, .chat-row {
  align-items: flex-start;
  display: flex;
}

.chat-content13 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 6px;
  max-width: 100%;
}

.chat-message10, .chat-row {
  flex-direction: row;
  justify-content: flex-end;
}

.chat-message10 {
  width: 330px;
  max-width: 330px;
}

.chat-row {
  align-self: stretch;
  max-width: 100%;
}

.chat-avatar-message, .chat-divider-frame, .chat-message11 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-message11 {
  flex-direction: row;
  flex: 1;
  gap: 12px;
  max-width: 560px;
}

.chat-avatar-message, .chat-divider-frame {
  box-sizing: border-box;
  max-width: 100%;
}

.chat-avatar-message {
  flex-direction: row;
  width: 560px;
  padding: 0 0 8px;
}

.chat-divider-frame {
  padding: 9. chat-5px 0 0;
  flex-direction: column;
  flex: 1;
  min-width: 273px;
}

.chat-second-divider-label {
  color: #475467;
  text-align: center;
  min-width: 41px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-content-divider2, .chat-second-content-divider {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-content-divider2 {
  flex: 1;
  gap: 8px;
}

.chat-second-content-divider {
  box-sizing: border-box;
  align-self: stretch;
  padding: 0 0 8px;
}

.chat-sub-text5 {
  color: #475467;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-message12 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  max-width: 560px;
  display: flex;
}

.chat-reaction-username, .chat-sub-text6 {
  text-align: left;
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.chat-reaction-username {
  color: #344054;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 19px;
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.chat-sub-text6 {
  color: #475467;
  min-width: 52px;
  font-size: 12px;
  line-height: 18px;
}

.chat-name-and-time6 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.chat-emoji-icon {
  object-fit: cover;
  width: 16px;
  height: 16px;
  position: relative;
}

.chat-message-reaction {
  background-color: #f9fafb;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.chat-message13, .chat-row2 {
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
}

.chat-row2 {
  align-items: center;
  gap: 4px;
  padding: 0 0 0 374px;
}

.chat-message13 {
  align-items: flex-start;
  width: 442px;
  max-width: 442px;
}

.chat-loading-dot {
  background-color: #475467;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: relative;
}

.chat-loading-dot-frame {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: flex-end;
  height: 8px;
  display: flex;
  overflow: hidden;
}

.chat-loading-dot1 {
  background-color: #98a2b3;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: relative;
}

.chat-loading-dot-frame1 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: flex-start;
  height: 8px;
  display: flex;
  overflow: hidden;
}

.chat-input9, .chat-messages {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-input9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 0 8px 8px;
  flex-direction: row;
  gap: 4px;
  width: 40px;
  padding: 8px 9px;
  overflow-x: auto;
}

.chat-messages {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 584px;
  max-width: 100%;
}

.chat-message-separator {
  z-index: 4;
  background-color: #dadada;
  border-radius: 8px;
  flex: 1;
  width: 8px;
  position: relative;
}

.chat-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 331px;
  padding: 151px 0 0;
  display: flex;
}

.chat-container1, .chat-messages-parent {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.chat-container1 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
  height: 735px;
  padding: 0 0 24px 24px;
  overflow-y: auto;
}

.chat-label2, .chat-message-placeholder {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.chat-label2 {
  color: #344054;
  width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.chat-message-placeholder {
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 80px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.chat-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-hint-text1 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.chat-textarea-input-field {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.chat-buttonsbutton4, .chat-icons {
  flex-direction: row;
  display: flex;
}

.chat-buttonsbutton4 {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  overflow: hidden;
}

.chat-icons {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
}

.chat-send-label {
  color: #fff;
  text-align: left;
  min-width: 35px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-buttonsbutton6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-actions2, .chat-buttonsbutton6, .chat-input-actions {
  flex-direction: row;
  display: flex;
}

.chat-actions2 {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.chat-input-actions {
  box-sizing: border-box;
  justify-content: flex-end;
  align-items: flex-start;
  width: 173px;
  margin-top: -52px;
  padding: 0 12px;
}

.chat-card-header-parent, .chat-message-input {
  flex-direction: column;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-message-input {
  box-sizing: border-box;
  z-index: 4;
  background-color: #fff;
  align-self: stretch;
  align-items: flex-end;
  height: 128px;
  padding: 0 24px 24px;
}

.chat-card-header-parent {
  flex: 1;
  align-items: flex-start;
  min-width: 615px;
}

.chat-buttonsbutton7, .chat-chat-content {
  flex-direction: row;
  flex-shrink: 0;
  display: flex;
}

.chat-chat-content {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
}

.chat-buttonsbutton7 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  padding: 6px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-details {
  color: #344054;
  text-align: left;
  min-width: 81px;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-chat-panel, .chat-pagination {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
}

.chat-pagination {
  z-index: 1;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 360px;
  padding: 12px 16px;
  display: flex;
  overflow-x: auto;
}

.chat-chat-panel {
  align-self: stretch;
  gap: 16px;
  margin: 0;
  padding: 0 0 0 24px;
}

.chat-chat-panel, .chat-main-content, .chat-main-content-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.chat-main-content {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
}

.chat-main-content-wrapper {
  box-sizing: border-box;
  flex: 1;
  align-items: flex-start;
  max-width: calc(100% - 80px);
  padding: 32px 0 0;
}

.chat-frame-parent, .chat-sidebar-navigation-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  flex-direction: row;
  padding: 0 30px 0 0;
  font-family: Inter;
  font-size: 14px;
}

.chat-frame-parent {
  flex-direction: column;
  gap: .5px;
}

.chat-footer-text {
  line-height: 20px;
  position: relative;
}

.chat-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.chat-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.chat-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.chat-frame-parent3, .chat-logomark, .chat-logomark1 {
  flex-direction: row;
  display: flex;
}

.chat-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.chat-frame-parent3 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.chat-content18, .chat-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-content18 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.chat-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.chat-divider-icon6, .chat-footer1 {
  align-self: stretch;
  overflow: hidden;
}

.chat-footer1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  display: flex;
}

.chat-divider-icon6 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  margin-top: -120px;
  position: relative;
}

.chat-footer-parent, .chat-messaging-with-list-view-car {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-footer-parent {
  text-align: left;
  color: #475467;
  align-self: stretch;
  min-height: 134px;
  font-family: Inter;
  font-size: 16px;
}

.chat-messaging-with-list-view-car {
  box-sizing: border-box;
  letter-spacing: normal;
  background-color: #fff;
  gap: 49px;
  width: 100%;
  padding: 7px 0 0;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .chat-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .chat-content-container {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .chat-side-panel {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 42px;
  }

  .chat-content-divider1, .chat-content-divider2, .chat-content7, .chat-messages-parent {
    flex-wrap: wrap;
  }

  .chat-container1 {
    height: auto;
  }

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

@media screen and (width <= 750px) {
  .chat-navbar-parent {
    gap: 19px;
  }

  .chat-logo-container-parent {
    gap: 35px;
  }

  .chat-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .chat-badges-parent {
    flex-wrap: wrap;
  }

  .chat-content-container-inner {
    min-width: 100%;
  }

  .chat-content-container {
    gap: 25px;
  }

  .chat-number {
    font-size: 24px;
    line-height: 30px;
  }

  .chat-side-panel {
    box-sizing: border-box;
    padding-bottom: 27px;
  }

  .chat-avatar-and-text, .chat-name-and-time, .chat-text-and-badge1 {
    flex-wrap: wrap;
  }

  .chat-message7 {
    max-width: 100%;
  }

  .chat-content11, .chat-message7, .chat-name-and-time2 {
    flex-wrap: wrap;
  }

  .chat-content10 {
    height: auto;
  }

  .chat-message11, .chat-message12 {
    flex-wrap: wrap;
    max-width: 100%;
  }

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

  .chat-card-header-parent, .chat-messages {
    min-width: 100%;
  }

  .chat-container2 {
    gap: 16px;
  }

  .chat-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .chat-messaging-with-list-view-car {
    gap: 24px;
  }
}

@media screen and (width <= 450px) {
  .chat-logo-container-parent {
    gap: 17px;
  }

  .chat-price {
    font-size: 16px;
    line-height: 26px;
  }

  .chat-number {
    font-size: 18px;
    line-height: 23px;
  }

  .chat-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chat-avatar-and-time, .chat-avatar-and-time2, .chat-content5 {
    flex-wrap: wrap;
  }

  .chat-side-panel {
    min-width: 100%;
    height: auto;
  }

  .chat-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chat-actions1, .chat-name-and-time3, .chat-name-and-time6 {
    flex-wrap: wrap;
  }

  .chat-row2 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .chat-message13 {
    max-width: 100%;
  }

  .chat-footer1 {
    gap: 16px;
  }
}

.chatB-emoji-container {
  z-index: 3;
  position: absolute;
  bottom: 33px;
  right: 0;
}

.chatB-custom-badge-position {
  position: absolute;
  bottom: 10px;
  right: 32px;
}

.chatB-avatar-and-dot, .chatB-avatar-label-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 10px 0 0;
  display: flex;
}

.chatB-text-and-supporting-text1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 10px 0 0;
  display: flex;
  position: relative;
}

.chatB-message-preview {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-Line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1;
  max-width: 85%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  position: relative;
  overflow: hidden;
}

.chatB-dot-icon5-position {
  position: absolute !important;
}

.chatB-divider-icon5 {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  left: 34px;
  overflow: hidden;
}

@media screen and (width <= 750px) {
  .chatB-content8 {
    max-width: 90%;
  }

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

@media screen and (width <= 750px) {
  .chatB-row {
    flex-wrap: wrap;
    max-width: 100%;
  }

  .chatB-name-and-time3, .chatB-input5 {
    max-width: 100%;
  }
}

.chatB-icons {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  position: relative;
}

.chatB-no-messages {
  padding-left: 34px;
}

@media screen and (width <= 1275px) {
  .chatB-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .chatB-content-container {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .chatB-side-panel {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 42px;
  }

  .chatB-content-divider1, .chatB-content-divider2, .chatB-content7, .chatB-messages-parent {
    flex-wrap: wrap;
  }

  .chatB-container1 {
    height: auto;
  }

  .chatB-chat-content {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .chatB-navbar-parent {
    gap: 19px;
  }

  .chatB-logo-container-parent {
    gap: 35px;
  }

  .chatB-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .chatB-badges-parent {
    flex-wrap: wrap;
  }

  .chatB-content-container-inner {
    min-width: 100%;
  }

  .chatB-content-container {
    gap: 25px;
  }

  .chatB-number {
    font-size: 24px;
    line-height: 30px;
  }

  .chatB-side-panel {
    box-sizing: border-box;
    padding-bottom: 27px;
  }

  .chatB-avatar-and-text, .chatB-name-and-time, .chatB-text-and-badge1 {
    flex-wrap: wrap;
  }

  .chatB-message7 {
    max-width: 100%;
  }

  .chatB-content11, .chatB-message7, .chatB-name-and-time2 {
    flex-wrap: wrap;
  }

  .chatB-content10 {
    height: auto;
  }

  .chatB-message11 {
    flex-wrap: wrap;
    max-width: 100%;
  }

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

  .chatB-card-header-parent, .chatB-messages {
    min-width: 100%;
  }

  .chatB-container2 {
    gap: 16px;
  }

  .chatB-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .chatB-messaging-with-list-view-car {
    gap: 24px;
  }
}

@media screen and (width <= 450px) {
  .chatB-logo-container-parent {
    gap: 17px;
  }

  .chatB-price {
    font-size: 16px;
    line-height: 26px;
  }

  .chatB-number {
    font-size: 18px;
    line-height: 23px;
  }

  .chatB-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chatB-avatar-and-time, .chatB-avatar-and-time2, .chatB-content5 {
    flex-wrap: wrap;
  }

  .chatB-side-panel {
    min-width: 100%;
    height: auto;
  }

  .chatB-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chatB-actions1, .chatB-name-and-time3, .chatB-name-and-time6 {
    flex-wrap: wrap;
  }

  .chatB-row2 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .chatB-message13 {
    max-width: 100%;
  }

  .chatB-footer1 {
    gap: 16px;
  }
}

.chat-item {
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  padding: 16px 0 16px 36px;
  position: relative;
}

.chatB-stage-modal-overlay {
  z-index: 9999;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  animation: .3s ease-out fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.chatB-stage-modal-content {
  background: #fff;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 5px 15px #0003;
}

@media screen and (width <= 550px) {
  .no-messages-empty-state1 {
    gap: 16px;
  }

  .no-messages-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-messages-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.analytics-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.analytics-listing-container::-webkit-scrollbar {
  display: none;
}

.analytics-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.analytics-sales-iq-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.analytics-sales-iq-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.analytics-sales-iq-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.analytics-sales-iq-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.analytics-sales-iq-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.analytics-sales-iq-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.analytics-sales-iq-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.analytics-sales-iq-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.analytics-sales-iq-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.analytics-sales-iq-text78:hover {
  text-decoration: underline;
}

.analytics-sales-iq-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.analytics-sales-iq-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.analytics-sales-iq-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.analytics-sales-iq-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.analytics-sales-iq-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.analytics-sales-iq-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.analytics-sales-iq-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.analytics-sales-iq-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.analytics-sales-iq-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.analytics-sales-iq-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.analytics-sales-iq-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.analytics-sales-iq-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.analytics-sales-iq-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.analytics-sales-iq-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.analytics-sales-iq-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.analytics-sales-iq-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.analytics-sales-iq-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.analytics-sales-iq-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.analytics-sales-iq-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.analytics-sales-iq-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.analytics-sales-iq-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.analytics-sales-iq-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.analytics-sales-iq-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.analytics-sales-iq-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.analytics-sales-iq-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.analytics-sales-iq-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 160px;
  font-size: 20px;
  display: flex;
}

.analytics-sales-iq-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.analytics-sales-iq-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.analytics-sales-iq-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  display: flex;
}

.analytics-sales-iq-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.analytics-sales-iq-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.analytics-sales-iq-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.analytics-sales-iq-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-frame-wrapper3 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.analytics-sales-iq-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.analytics-sales-iq-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.analytics-sales-iq-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.analytics-sales-iq-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.analytics-sales-iq-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.analytics-sales-iq-heading9 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.analytics-sales-iq-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.analytics-sales-iq-heading {
  font-weight: 600;
  line-height: 38px;
}

.analytics-sales-iq-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.analytics-sales-iq-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.analytics-sales-iq-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.analytics-sales-iq-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.analytics-sales-iq-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.analytics-sales-iq-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.analytics-sales-iq-frame-parent71-owner, .analytics-sales-iq-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 95%;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.analytics-sales-iq-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 710px;
  max-width: calc(100% - 44px);
  display: flex;
}

.analytics-sales-iq-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.analytics-sales-iq-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.analytics-sales-iq-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-buttonsbutton25, .analytics-sales-iq-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.analytics-sales-iq-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.analytics-sales-iq-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.analytics-sales-iq-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.analytics-sales-iq-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.analytics-sales-iq-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.analytics-sales-iq-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.analytics-sales-iq-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.analytics-sales-iq-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.analytics-sales-iq-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.analytics-sales-iq-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

.analytics-sales-iq-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.analytics-sales-iq-location-column-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 52px;
  height: 52px;
  position: relative;
}

.analytics-sales-iq-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.analytics-sales-iq-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.analytics-sales-iq-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
  display: inline-block;
  position: relative;
}

.analytics-sales-iq-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

@media screen and (width <= 1100px) {
  .analytics-sales-iq-rectangle-parent5, .analytics-sales-iq-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .analytics-sales-iq-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .analytics-sales-iq-action-fields {
    min-width: 100%;
  }

  .analytics-sales-iq-frame-parent21 {
    flex-wrap: wrap;
  }

  .analytics-sales-iq-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .analytics-sales-iq-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .analytics-sales-iq-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .analytics-sales-iq-number-and-chart {
    flex-wrap: wrap;
  }

  .analytics-sales-iq-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.skeleton-chat-listing-offered-container {
  background: #f4f4f4;
  border-radius: 10px;
  flex-direction: column;
  align-self: flex-start;
  gap: 10px;
  width: 96%;
  height: 500px;
  margin: 0 29px;
  padding: 20px;
  display: flex;
}

.skeleton-chat-listing-offered-image {
  background: linear-gradient(90deg, #e0e0e0, #f0f0f0, #e0e0e0) 0 0 / 200% 100%;
  border-radius: 10px;
  width: 150px;
  height: 100px;
  animation: 1.5s infinite shimmer;
}

.skeleton-chat-listing-offered-header, .skeleton-chat-listing-offered-subheader, .skeleton-chat-listing-offered-tags, .skeleton-chat-listing-offered-footer {
  background: linear-gradient(90deg, #e0e0e0, #f0f0f0, #e0e0e0) 0 0 / 200% 100%;
  border-radius: 5px;
  height: 15px;
  animation: 1.5s infinite shimmer;
}

.skeleton-chat-listing-offered-header {
  width: 80%;
}

.skeleton-chat-listing-offered-subheader {
  width: 60%;
}

.skeleton-chat-listing-offered-tags {
  width: 90%;
}

.skeleton-chat-listing-offered-stats {
  justify-content: space-between;
  height: 180px;
  display: flex;
}

.skeleton-chat-listing-offered-box {
  width: 20%;
  height: inherit;
  background: linear-gradient(90deg, #e0e0e0, #f0f0f0, #e0e0e0) 0 0 / 200% 100%;
  border-radius: 5px;
  animation: 1.5s infinite shimmer;
}

body {
  background-color: #f5f5f5;
  margin: 0;
  padding: 0;
  font-family: Inter, sans-serif;
}

.layout-chat-container {
  background: #fff;
  border-radius: 10px;
  flex-direction: column;
  width: 100%;
  height: 800px;
  padding: 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 10px #0000001a;
}

.layout-skeleton {
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%) 0 0 / 200% 100%;
  border-radius: 8px;
  animation: 1.5s infinite loading;
}

@keyframes loading {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.layout-chat-header {
  border-bottom: 1px solid #ddd;
  align-items: center;
  gap: 10px;
  padding: 10px;
  display: flex;
}

.layout-profile-pic {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.layout-name {
  width: 120px;
  height: 15px;
}

.layout-load-btn {
  width: 150px;
  height: 25px;
  margin: 10px auto;
}

.layout-messages {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  width: 100%;
  padding: 10px;
  display: flex;
  overflow-y: auto;
}

.layout-message {
  width: 60%;
  height: 20px;
}

.layout-self-message {
  width: 50%;
  height: 20px;
  margin-left: auto;
}

.layout-input-container {
  border-top: 1px solid #ddd;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: flex;
}

.layout-input-box {
  border-radius: 5px;
  flex: 1;
  height: 40px;
}

.chatB-badges-parent {
  align-items: flex-end;
  gap: 6. chatB-3px;
  text-align: center;
  color: #475467;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.chatB-input2 {
  box-sizing: border-box;
  word-wrap: break-word;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex-direction: column;
  gap: 5px;
  width: fit-content;
  max-width: 100%;
  padding: 8px 13px;
  display: inline-flex;
  overflow: hidden;
}

@media screen and (width <= 750px) {
  .chatB-content8 {
    max-width: 90%;
  }

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

.chatB-input5 {
  box-sizing: border-box;
  word-wrap: break-word;
  color: #fff;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  gap: 5px;
  width: fit-content;
  max-width: 100%;
  padding: 8px 13px;
  display: inline-flex;
}

@media screen and (width <= 750px) {
  .chatB-row {
    flex-wrap: wrap;
    max-width: 100%;
  }

  .chatB-name-and-time3, .chatB-input5 {
    max-width: 100%;
  }
}

.chatB-divider-frame {
  padding: 9. chatB-5px 0 0;
  flex-direction: column;
  flex: 1;
  min-width: 273px;
}

.chatB-messages {
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 584px;
  max-width: 100%;
}

.chatB-container1 {
  scrollbar-width: none;
  box-sizing: border-box;
  flex-direction: column-reverse;
  flex-shrink: 0;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  height: 735px;
  max-height: 735px;
  padding: 0 24px 24px;
  display: flex;
  overflow-y: scroll;
}

.chatB-message-placeholder {
  color: #667085;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  resize: none;
  scrollbar-width: none;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 80px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.chat-message-input::placeholder {
  vertical-align: middle;
  align-items: center;
  height: 100%;
  line-height: 24px;
  display: flex;
}

.chatB-message-input {
  box-sizing: border-box;
  background-color: #fff;
  align-self: stretch;
  align-items: flex-end;
  height: 128px;
  margin-bottom: 10px;
  padding: 0 24px 24px;
}

.chatB-messaging-with-list-view-car {
  box-sizing: border-box;
  letter-spacing: normal;
  background-color: #fff;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  padding: 7px 0 0;
  line-height: normal;
  position: relative;
}

.analytics-metric-card-chat-module-divider-icon8 {
  z-index: 2;
  width: 100%;
  max-height: 100%;
  position: relative;
}

.analytics-metric-card-chat-module-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.analytics-metric-card-chat-module-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.analytics-metric-card-chat-module-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.analytics-metric-card-chat-module-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.analytics-metric-card-chat-module-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.analytics-metric-card-chat-module-heading {
  font-weight: 600;
  line-height: 38px;
}

.analytics-metric-card-chat-module-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.analytics-metric-card-chat-module-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.analytics-metric-card-chat-module-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.analytics-metric-card-chat-module-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.analytics-metric-card-chat-module-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.analytics-metric-card-chat-module-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.analytics-metric-card-chat-module-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.analytics-metric-card-chat-module-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1275px) {
  .chatB-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .chatB-content-container {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .chatB-side-panel {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 42px;
  }

  .chatB-content-divider1, .chatB-content-divider2, .chatB-content7, .chatB-messages-parent {
    flex-wrap: wrap;
  }

  .chatB-container1 {
    height: auto;
  }

  .chatB-chat-content {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .chatB-navbar-parent {
    gap: 19px;
  }

  .chatB-logo-container-parent {
    gap: 35px;
  }

  .chatB-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .chatB-badges-parent {
    flex-wrap: wrap;
  }

  .chatB-content-container-inner {
    min-width: 100%;
  }

  .chatB-content-container {
    gap: 25px;
  }

  .chatB-number {
    font-size: 24px;
    line-height: 30px;
  }

  .chatB-side-panel {
    box-sizing: border-box;
    padding-bottom: 27px;
  }

  .chatB-avatar-and-text, .chatB-name-and-time, .chatB-text-and-badge1 {
    flex-wrap: wrap;
  }

  .chatB-message7 {
    max-width: 100%;
  }

  .chatB-content11, .chatB-message7, .chatB-name-and-time2 {
    flex-wrap: wrap;
  }

  .chatB-content10 {
    height: auto;
  }

  .chatB-message11 {
    flex-wrap: wrap;
    max-width: 100%;
  }

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

  .chatB-card-header-parent, .chatB-messages {
    min-width: 100%;
  }

  .chatB-container2 {
    gap: 16px;
  }

  .chatB-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .chatB-messaging-with-list-view-car {
    gap: 24px;
  }
}

@media screen and (width <= 450px) {
  .chatB-logo-container-parent {
    gap: 17px;
  }

  .chatB-price {
    font-size: 16px;
    line-height: 26px;
  }

  .chatB-number {
    font-size: 18px;
    line-height: 23px;
  }

  .chatB-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chatB-avatar-and-time, .chatB-avatar-and-time2, .chatB-content5 {
    flex-wrap: wrap;
  }

  .chatB-side-panel {
    min-width: 100%;
    height: auto;
  }

  .chatB-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chatB-actions1, .chatB-name-and-time3, .chatB-name-and-time6 {
    flex-wrap: wrap;
  }

  .chatB-row2 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .chatB-message13 {
    max-width: 100%;
  }

  .chatB-footer1 {
    gap: 16px;
  }
}

.load-more-button {
  color: #344054;
  box-shadow: 0 1px 2px Orgba(16, 24, 40, .05);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  margin: 10px auto;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  transition: background-color .3s;
}

@media screen and (width <= 550px) {
  .no-messages-empty-state1 {
    gap: 16px;
  }

  .no-messages-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-messages-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.chatB-input-dropdown {
  gap: 8px;
  width: 95%;
}

.chatB-avatar-and-dot, .chatB-avatar-label-group, .chatB-text-and-supporting-text1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 10px 0 0;
  display: flex;
}

.chatB-message-preview {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-Line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  position: relative;
  overflow: hidden;
}

.chatB-side-panel {
  z-index: 1;
  border-right: 1px solid #eaecf0;
  flex-direction: column;
  flex-shrink: 0;
  width: 27%;
  height: 960px;
  padding: 20px 0;
  overflow: hidden;
}

button5.chatB-, .chatB-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.chatB-button5:hover {
  background-color: #eaecf0;
}

.chatB-button6:hover {
  background-color: #eaecf0;
}

.chatB-button7:hover {
  background-color: #6941c6;
}

@media screen and (width <= 750px) {
  .chatB-content8 {
    max-width: 90%;
  }

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

.chatB-receiever {
  color: #000;
  white-space: pre-wrap;
  text-align: left;
  flex: 1;
  max-width: 100%;
  height: 48px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chatB-text31 {
  color: #fff;
  text-align: left;
  white-space: pre-wrap;
  flex: 1;
  max-width: 100%;
  height: 48px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

@media screen and (width <= 750px) {
  .chatB-row {
    flex-wrap: wrap;
    max-width: 100%;
  }

  .chatB-name-and-time3, .chatB-input5 {
    max-width: 100%;
  }
}

.chatB-messages {
  flex: 1;
  gap: 16px;
  min-width: 584px;
  max-width: 100%;
}

.chatB-main-content-wrapper {
  box-sizing: border-box;
  flex: 1;
  align-items: flex-start;
  max-width: calc(100% - 80px);
  padding: 32px 0 0;
}

.chatB-frame-parent {
  flex-direction: column;
  gap: .5px;
}

@media screen and (width <= 1275px) {
  .chatB-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .chatB-content-container {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .chatB-side-panel {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 42px;
  }

  .chatB-content-divider1, .chatB-content-divider2, .chatB-content7, .chatB-messages-parent {
    flex-wrap: wrap;
  }

  .chatB-container1 {
    height: auto;
  }

  .chatB-chat-content {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .chatB-navbar-parent {
    gap: 19px;
  }

  .chatB-logo-container-parent {
    gap: 35px;
  }

  .chatB-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .chatB-badges-parent {
    flex-wrap: wrap;
  }

  .chatB-content-container-inner {
    min-width: 100%;
  }

  .chatB-content-container {
    gap: 25px;
  }

  .chatB-number {
    font-size: 24px;
    line-height: 30px;
  }

  .chatB-side-panel {
    box-sizing: border-box;
    padding-bottom: 27px;
  }

  .chatB-avatar-and-text, .chatB-name-and-time, .chatB-text-and-badge1 {
    flex-wrap: wrap;
  }

  .chatB-message7 {
    max-width: 100%;
  }

  .chatB-content11, .chatB-message7, .chatB-name-and-time2 {
    flex-wrap: wrap;
  }

  .chatB-content10 {
    height: auto;
  }

  .chatB-message11 {
    flex-wrap: wrap;
    max-width: 100%;
  }

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

  .chatB-card-header-parent, .chatB-messages {
    min-width: 100%;
  }

  .chatB-container2 {
    gap: 16px;
  }

  .chatB-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .chatB-messaging-with-list-view-car {
    gap: 24px;
  }
}

@media screen and (width <= 450px) {
  .chatB-logo-container-parent {
    gap: 17px;
  }

  .chatB-price {
    font-size: 16px;
    line-height: 26px;
  }

  .chatB-number {
    font-size: 18px;
    line-height: 23px;
  }

  .chatB-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chatB-avatar-and-time, .chatB-avatar-and-time2, .chatB-content5 {
    flex-wrap: wrap;
  }

  .chatB-side-panel {
    min-width: 100%;
    height: auto;
  }

  .chatB-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chatB-actions1, .chatB-name-and-time3, .chatB-name-and-time6 {
    flex-wrap: wrap;
  }

  .chatB-row2 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .chatB-message13 {
    max-width: 100%;
  }

  .chatB-footer1 {
    gap: 16px;
  }
}

.chat-item {
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  padding: 16px 0 16px 36px;
}

.chat-item:hover {
  background-color: #f0f0f0;
}

.chatB-message-list {
  scrollbar-width: thin;
  width: 390px;
  overflow: hidden auto;
}

.chat-selected {
  background-color: #e6f0ff;
  border-left: 4px solid #007bff;
}

.chatB-message-stage-badget {
  width: 50px;
}

.chatB-load-message-arrow {
  width: 24px;
  height: 20px;
  padding-right: 5px;
  position: relative;
  top: 3px;
  overflow: hidden;
}

.chatB-divider-container {
  align-items: center;
  margin: 10px auto;
  display: flex;
}

.chatB-divider-line {
  flex: 1;
}

.chatB-divider-label {
  color: #000;
  text-align: center;
  white-space: nowrap;
  margin: 0 10px;
  font-size: 14px;
}

.chat-beacon-main-custom {
  width: 100% !important;
}

.chat-beacon-search-lg-icon-custom {
  cursor: pointer;
}

.chat-beacon-beacon-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.chat-beacon-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.chat-beacon-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.chat-beacon-badge1, .chat-beacon-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.chat-beacon-navigation, .chat-beacon-search-input {
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.chat-beacon-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.chat-beacon-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-content3, .chat-beacon-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-beacon-content3 {
  flex: 1;
  gap: 8px;
}

.chat-beacon-divider-icon, .chat-beacon-home-line-icon {
  position: relative;
  overflow: hidden;
}

.chat-beacon-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.chat-beacon-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.chat-beacon-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-content12, .chat-beacon-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.chat-beacon-content5, .chat-beacon-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.chat-beacon-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.chat-beacon-supporting-text, .chat-beacon-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.chat-beacon-title {
  font-weight: 600;
}

.chat-beacon-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.chat-beacon-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.chat-beacon-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.chat-beacon-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.chat-beacon-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.chat-beacon-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.chat-beacon-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.chat-beacon-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.chat-beacon-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.chat-beacon-tabs {
  gap: 8px;
}

.chat-beacon-breadcrumbs, .chat-beacon-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-beacon-heading, .chat-beacon-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.chat-beacon-heading {
  font-weight: 600;
  line-height: 38px;
}

.chat-beacon-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.chat-beacon-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.chat-beacon-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.chat-beacon-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.chat-beacon-button, .chat-beacon-button1, .chat-beacon-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.chat-beacon-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.chat-beacon-button1, .chat-beacon-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.chat-beacon-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.chat-beacon-actions, .chat-beacon-button2, .chat-beacon-button3 {
  flex-direction: row;
  align-items: center;
}

.chat-beacon-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.chat-beacon-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.chat-beacon-button4, .chat-beacon-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.chat-beacon-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-button6, .chat-beacon-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.chat-beacon-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-content13, .chat-beacon-input-dropdown {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-beacon-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.chat-beacon-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.chat-beacon-content13, .chat-beacon-divider-icon1, .chat-beacon-page-header {
  align-self: stretch;
  max-width: 100%;
}

.chat-beacon-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.chat-beacon-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.chat-beacon-text31 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.chat-beacon-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-button-group-base1, .chat-beacon-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.chat-beacon-button-group-base2 {
  width: 77px;
}

.chat-beacon-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.chat-beacon-button-group-base3, .chat-beacon-button-group-base4, .chat-beacon-button-group-base5, .chat-beacon-button-group-base6, .chat-beacon-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.chat-beacon-button-group-base4, .chat-beacon-button-group-base5, .chat-beacon-button-group-base6, .chat-beacon-button-group-base7 {
  z-index: 4;
}

.chat-beacon-button-group-base5, .chat-beacon-button-group-base6, .chat-beacon-button-group-base7 {
  z-index: 3;
}

.chat-beacon-button-group-base6, .chat-beacon-button-group-base7 {
  z-index: 2;
}

.chat-beacon-button-group-base7 {
  z-index: 1;
}

.chat-beacon-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-button-group, .chat-beacon-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.chat-beacon-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.chat-beacon-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-actions2, .chat-beacon-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.chat-beacon-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.chat-beacon-container, .chat-beacon-header-section, .chat-beacon-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.chat-beacon-container, .chat-beacon-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.chat-beacon-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.chat-beacon-header-section {
  flex-shrink: 0;
}

.chat-beacon-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.chat-beacon-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.chat-beacon-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.chat-beacon-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.chat-beacon-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-color2, .chat-beacon-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.chat-beacon-color3 {
  background-color: #17b26a;
}

.chat-beacon-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.chat-beacon-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.chat-beacon-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.chat-beacon-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.chat-beacon-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.chat-beacon-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.chat-beacon-divider, .chat-beacon-y-axis-line, .chat-beacon-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.chat-beacon-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.chat-beacon-y-axis-line, .chat-beacon-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.chat-beacon-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.chat-beacon-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.chat-beacon-y-axis, .chat-beacon-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.chat-beacon-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.chat-beacon-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.chat-beacon-jan, .chat-beacon-jul, .chat-beacon-jun, .chat-beacon-mar, .chat-beacon-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-beacon-jul, .chat-beacon-jun, .chat-beacon-mar, .chat-beacon-may {
  min-width: 23px;
}

.chat-beacon-jul, .chat-beacon-jun, .chat-beacon-may {
  min-width: 25px;
}

.chat-beacon-jul, .chat-beacon-jun {
  min-width: 22px;
}

.chat-beacon-jul {
  min-width: 17px;
}

.chat-beacon-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.chat-beacon-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.chat-beacon-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.chat-beacon-line-and-bar-chart, .chat-beacon-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-line-and-bar-chart {
  flex: 1;
}

.chat-beacon-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.chat-beacon-heading1, .chat-beacon-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.chat-beacon-number {
  white-space: nowrap;
  line-height: 38px;
}

.chat-beacon-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.chat-beacon-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-change-and-text, .chat-beacon-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.chat-beacon-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.chat-beacon-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.chat-beacon-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.chat-beacon-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-dropdown, .chat-beacon-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.chat-beacon-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.chat-beacon-change-and-text1, .chat-beacon-container1, .chat-beacon-metric-group, .chat-beacon-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.chat-beacon-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.chat-beacon-container1, .chat-beacon-metric-group, .chat-beacon-section {
  align-items: flex-start;
  max-width: 100%;
}

.chat-beacon-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.chat-beacon-container1, .chat-beacon-section {
  flex-direction: column;
}

.chat-beacon-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.chat-beacon-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.chat-beacon-separator, .chat-beacon-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.chat-beacon-separator1 {
  height: 43px;
}

.chat-beacon-main, .chat-beacon-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.chat-beacon-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.chat-beacon-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.chat-beacon-breadcrumb-button-base6, .chat-beacon-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.chat-beacon-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.chat-beacon-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.chat-beacon-breadcrumbs1, .chat-beacon-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.chat-beacon-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.chat-beacon-breadcrumbs1 {
  width: 278px;
  display: none;
}

.chat-beacon-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.chat-beacon-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.chat-beacon-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.chat-beacon-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.chat-beacon-content16, .chat-beacon-input-with-label1, .chat-beacon-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.chat-beacon-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.chat-beacon-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.chat-beacon-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.chat-beacon-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.chat-beacon-content15, .chat-beacon-page-header-wrapper, .chat-beacon-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.chat-beacon-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.chat-beacon-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 742px;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.chat-beacon-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.chat-beacon-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.chat-beacon-text49, .chat-beacon-text50, .chat-beacon-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-text50, .chat-beacon-text51 {
  min-width: 62px;
}

.chat-beacon-text51 {
  min-width: 34px;
}

.chat-beacon-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.chat-beacon-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.chat-beacon-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.chat-beacon-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.chat-beacon-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.chat-beacon-tab-button-base7, .chat-beacon-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.chat-beacon-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.chat-beacon-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.chat-beacon-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.chat-beacon-horizontal-tabs, .chat-beacon-horizontal-tabs-wrapper, .chat-beacon-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-horizontal-tabs {
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.chat-beacon-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.chat-beacon-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.chat-beacon-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.chat-beacon-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.chat-beacon-dropdown3, .chat-beacon-metric-card, .chat-beacon-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-dropdown3 {
  flex-direction: column;
}

.chat-beacon-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.chat-beacon-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.chat-beacon-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.chat-beacon-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.chat-beacon-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.chat-beacon-frame-inner, .chat-beacon-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.chat-beacon-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.chat-beacon-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.chat-beacon-heading5, .chat-beacon-number4 {
  z-index: 1;
  position: relative;
}

.chat-beacon-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.chat-beacon-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.chat-beacon-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.chat-beacon-badge12, .chat-beacon-frame-container, .chat-beacon-heading-parent, .chat-beacon-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.chat-beacon-frame-container, .chat-beacon-rectangle-container {
  box-sizing: border-box;
}

.chat-beacon-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.chat-beacon-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.chat-beacon-heading-group {
  gap: 8px;
  width: 153px;
}

.chat-beacon-dropdown7, .chat-beacon-heading-container, .chat-beacon-heading-group, .chat-beacon-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-heading-container {
  gap: 8px;
  width: 163px;
}

.chat-beacon-dropdown7, .chat-beacon-heading-parent1 {
  flex-shrink: 0;
}

.chat-beacon-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.chat-beacon-dropdown7 {
  z-index: 1;
}

.chat-beacon-frame-group, .chat-beacon-frame-wrapper, .chat-beacon-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.chat-beacon-frame-group {
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.chat-beacon-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  scrollbar-width: none;
  -ms-overflow-style: none;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  overflow-x: auto;
}

.chat-beacon-frame-wrapper::-webkit-scrollbar {
  display: none;
}

.chat-beacon-text62, .chat-beacon-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-text63 {
  min-width: 74px;
}

.chat-beacon-buttonsbutton4, .chat-beacon-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.chat-beacon-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-dropdowns, .chat-beacon-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.chat-beacon-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-input-dropdown2, .chat-beacon-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.chat-beacon-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.chat-beacon-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.chat-beacon-content17, .chat-beacon-filters-bar, .chat-beacon-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.chat-beacon-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.chat-beacon-frame-child3, .chat-beacon-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.chat-beacon-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.chat-beacon-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.chat-beacon-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.chat-beacon-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.chat-beacon-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.chat-beacon-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.chat-beacon-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.chat-beacon-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.chat-beacon-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-location-badge, .chat-beacon-location-badge-number, .chat-beacon-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.chat-beacon-location-badge, .chat-beacon-type-number {
  box-sizing: border-box;
}

.chat-beacon-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.chat-beacon-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.chat-beacon-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.chat-beacon-location-elements, .chat-beacon-type-badge-elements, .chat-beacon-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.chat-beacon-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.chat-beacon-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.chat-beacon-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.chat-beacon-badge-elements, .chat-beacon-badge-elements-wrapper, .chat-beacon-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.chat-beacon-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.chat-beacon-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-action-fields, .chat-beacon-card-elements, .chat-beacon-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.chat-beacon-action-fields, .chat-beacon-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.chat-beacon-input-elements {
  align-self: stretch;
  gap: 16px;
}

.chat-beacon-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.chat-beacon-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.chat-beacon-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.chat-beacon-frame-wrapper3, .chat-beacon-beacon-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-beacon-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.chat-beacon-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.chat-beacon-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.chat-beacon-dropdown-elements, .chat-beacon-dropdown-options-parent, .chat-beacon-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.chat-beacon-price-parent {
  flex-direction: column;
  flex: 1;
}

.chat-beacon-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.chat-beacon-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.chat-beacon-content-actions, .chat-beacon-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.chat-beacon-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.chat-beacon-location-column-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 52px;
  height: 52px;
  position: relative;
}

.chat-beacon-name, .chat-beacon-role {
  display: inline-block;
  position: relative;
}

.chat-beacon-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.chat-beacon-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.chat-beacon-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.chat-beacon-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.chat-beacon-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.chat-beacon-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-buttonsbutton8, .chat-beacon-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.chat-beacon-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.chat-beacon-buttonsbutton-parent, .chat-beacon-primary-table, .chat-beacon-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.chat-beacon-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.chat-beacon-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.chat-beacon-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.chat-beacon-content-items, .chat-beacon-help-avatar, .chat-beacon-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.chat-beacon-content-items, .chat-beacon-rectangle-parent3 {
  box-sizing: border-box;
}

.chat-beacon-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.chat-beacon-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.chat-beacon-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.chat-beacon-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.chat-beacon-badge-parent, .chat-beacon-badge23, .chat-beacon-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.chat-beacon-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.chat-beacon-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-badge23, .chat-beacon-badge24, .chat-beacon-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.chat-beacon-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.chat-beacon-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.chat-beacon-badge24, .chat-beacon-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-badge-elements-copy, .chat-beacon-badge25, .chat-beacon-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.chat-beacon-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.chat-beacon-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.chat-beacon-badge26, .chat-beacon-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.chat-beacon-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-badge27, .chat-beacon-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.chat-beacon-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.chat-beacon-frame-parent1, .chat-beacon-frame-parent2, .chat-beacon-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.chat-beacon-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.chat-beacon-frame-child5, .chat-beacon-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.chat-beacon-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.chat-beacon-frame-child7, .chat-beacon-text78 {
  z-index: 2;
  position: relative;
}

.chat-beacon-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.chat-beacon-text78 {
  font-weight: 600;
  line-height: 28px;
}

.chat-beacon-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-location3, .chat-beacon-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-type-of-work2 {
  min-width: 109px;
}

.chat-beacon-frame-parent12, .chat-beacon-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.chat-beacon-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.chat-beacon-badge29, .chat-beacon-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.chat-beacon-badge30 {
  width: 76px;
}

.chat-beacon-badge-container, .chat-beacon-badge30, .chat-beacon-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.chat-beacon-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.chat-beacon-badge-container, .chat-beacon-badge32, .chat-beacon-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.chat-beacon-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.chat-beacon-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.chat-beacon-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge33, .chat-beacon-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.chat-beacon-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.chat-beacon-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-price2, .chat-beacon-text83 {
  position: relative;
}

.chat-beacon-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.chat-beacon-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.chat-beacon-beacon-1-1-container, .chat-beacon-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-beacon-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.chat-beacon-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.chat-beacon-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.chat-beacon-name2, .chat-beacon-role2 {
  display: inline-block;
  position: relative;
}

.chat-beacon-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.chat-beacon-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.chat-beacon-buttonsbutton13, .chat-beacon-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.chat-beacon-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.chat-beacon-buttonsbutton14, .chat-beacon-buttonsbutton15, .chat-beacon-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.chat-beacon-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-beacon-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.chat-beacon-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.chat-beacon-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.chat-beacon-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-frame-wrapper16, .chat-beacon-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.chat-beacon-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.chat-beacon-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.chat-beacon-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
  font-size: 14px;
  display: flex;
}

.chat-beacon-divider-icon5 {
  z-index: 2;
  align-self: stretch;
  max-height: 100%;
  position: relative;
}

.chat-beacon-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.chat-beacon-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge34, .chat-beacon-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.chat-beacon-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.chat-beacon-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-badge36, .chat-beacon-badge37, .chat-beacon-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.chat-beacon-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.chat-beacon-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.chat-beacon-badge38, .chat-beacon-frame-parent26, .chat-beacon-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.chat-beacon-badge39, .chat-beacon-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.chat-beacon-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.chat-beacon-element-details-child, .chat-beacon-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.chat-beacon-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.chat-beacon-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.chat-beacon-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.chat-beacon-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.chat-beacon-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.chat-beacon-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.chat-beacon-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.chat-beacon-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.chat-beacon-date-icon, .chat-beacon-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-type-label {
  color: #101828;
  font-size: 14px;
}

.chat-beacon-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.chat-beacon-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.chat-beacon-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.chat-beacon-work-type-icon, .chat-beacon-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.chat-beacon-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.chat-beacon-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.chat-beacon-action-icons, .chat-beacon-calendar-icon6, .chat-beacon-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.chat-beacon-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.chat-beacon-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.chat-beacon-element-actions, .chat-beacon-element-details-parent, .chat-beacon-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.chat-beacon-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.chat-beacon-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.chat-beacon-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.chat-beacon-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.chat-beacon-frame-parent32, .chat-beacon-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.chat-beacon-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.chat-beacon-dropdown-parent1, .chat-beacon-frame-parent31, .chat-beacon-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.chat-beacon-dropdown-parent1, .chat-beacon-frame-parent31 {
  align-items: flex-end;
}

.chat-beacon-frame-parent31 {
  flex: 1;
}

.chat-beacon-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.chat-beacon-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.chat-beacon-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.chat-beacon-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.chat-beacon-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.chat-beacon-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.chat-beacon-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.chat-beacon-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.chat-beacon-span {
  font-weight: 500;
}

.chat-beacon-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.chat-beacon-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.chat-beacon-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-frame-parent36, .chat-beacon-frame-parent37, .chat-beacon-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.chat-beacon-frame-parent37, .chat-beacon-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.chat-beacon-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.chat-beacon-text105, .chat-beacon-text106, .chat-beacon-user-avatar {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.chat-beacon-text105, .chat-beacon-text106 {
  display: inline-block;
}

.chat-beacon-text105 {
  min-width: 103px;
}

.chat-beacon-text106 {
  flex-shrink: 0;
  width: 151px;
}

.chat-beacon-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.chat-beacon-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.chat-beacon-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.chat-beacon-supporting-text20, .chat-beacon-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.chat-beacon-supporting-text20 {
  min-width: 70.9px;
}

.chat-beacon-supporting-text21 {
  width: 104px;
}

.chat-beacon-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.chat-beacon-frame-parent33, .chat-beacon-frame-parent34, .chat-beacon-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.chat-beacon-frame-parent33, .chat-beacon-frame-parent34 {
  flex: 1;
}

.chat-beacon-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.chat-beacon-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.chat-beacon-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-buttonsbutton-wrapper, .chat-beacon-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.chat-beacon-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-dropdown-parent2, .chat-beacon-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.chat-beacon-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.chat-beacon-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.chat-beacon-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.chat-beacon-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.chat-beacon-content-items5, .chat-beacon-frame-child16, .chat-beacon-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.chat-beacon-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.chat-beacon-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.chat-beacon-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.chat-beacon-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.chat-beacon-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.chat-beacon-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.chat-beacon-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.chat-beacon-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.chat-beacon-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.chat-beacon-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.chat-beacon-frame-parent39, .chat-beacon-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.chat-beacon-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.chat-beacon-dropdown14, .chat-beacon-text112 {
  z-index: 1;
  position: absolute;
}

.chat-beacon-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.chat-beacon-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.chat-beacon-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.chat-beacon-price6, .chat-beacon-text113 {
  z-index: 1;
  position: relative;
}

.chat-beacon-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.chat-beacon-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.chat-beacon-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.chat-beacon-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.chat-beacon-beacon-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.chat-beacon-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.chat-beacon-frame-parent46, .chat-beacon-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.chat-beacon-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.chat-beacon-frame-parent45, .chat-beacon-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.chat-beacon-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.chat-beacon-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.chat-beacon-card-container-child, .chat-beacon-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.chat-beacon-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.chat-beacon-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.chat-beacon-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.chat-beacon-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.chat-beacon-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.chat-beacon-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.chat-beacon-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.chat-beacon-dropdown15, .chat-beacon-item-title {
  z-index: 2;
  position: absolute;
}

.chat-beacon-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.chat-beacon-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.chat-beacon-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.chat-beacon-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.chat-beacon-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.chat-beacon-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.chat-beacon-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.chat-beacon-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.chat-beacon-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.chat-beacon-card-container, .chat-beacon-card-list, .chat-beacon-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.chat-beacon-card-container, .chat-beacon-card-list {
  align-items: flex-start;
}

.chat-beacon-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.chat-beacon-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.chat-beacon-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.chat-beacon-frame-wrapper37, .chat-beacon-price-wrapper, .chat-beacon-text-wrapper18, .chat-beacon-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.chat-beacon-frame-wrapper37, .chat-beacon-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.chat-beacon-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.chat-beacon-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.chat-beacon-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.chat-beacon-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.chat-beacon-buttonsbutton-frame, .chat-beacon-frame-parent64, .chat-beacon-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.chat-beacon-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.chat-beacon-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.chat-beacon-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.chat-beacon-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.chat-beacon-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-change7, .chat-beacon-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.chat-beacon-change7 {
  min-width: 38px;
  display: inline-block;
}

.chat-beacon-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.chat-beacon-change-and-text3, .chat-beacon-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.chat-beacon-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.chat-beacon-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.chat-beacon-dropdown19, .chat-beacon-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.chat-beacon-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-buttonsbutton25, .chat-beacon-buttonsbutton26, .chat-beacon-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.chat-beacon-buttonsbutton25, .chat-beacon-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.chat-beacon-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.chat-beacon-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.chat-beacon-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.chat-beacon-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-arrow-square-up-right-wrapper1, .chat-beacon-buttonsbutton-parent1, .chat-beacon-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.chat-beacon-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.chat-beacon-divider-container1, .chat-beacon-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.chat-beacon-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.chat-beacon-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-buttonsbutton-wrapper1, .chat-beacon-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.chat-beacon-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.chat-beacon-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.chat-beacon-badge46, .chat-beacon-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-beacon-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.chat-beacon-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.chat-beacon-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.chat-beacon-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-actions3, .chat-beacon-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.chat-beacon-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.chat-beacon-content20, .chat-beacon-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.chat-beacon-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.chat-beacon-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.chat-beacon-card-header, .chat-beacon-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.chat-beacon-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.chat-beacon-button-group-base9, .chat-beacon-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.chat-beacon-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 60px 32px;
}

.chat-beacon-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.chat-beacon-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.chat-beacon-button-group-base10, .chat-beacon-button-group-base11, .chat-beacon-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.chat-beacon-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.chat-beacon-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.chat-beacon-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.chat-beacon-content22, .chat-beacon-input-with-label3, .chat-beacon-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.chat-beacon-input-with-label3, .chat-beacon-input3 {
  align-self: stretch;
}

.chat-beacon-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.chat-beacon-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.chat-beacon-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.chat-beacon-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.chat-beacon-actions4, .chat-beacon-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.chat-beacon-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.chat-beacon-content-items9, .chat-beacon-content21, .chat-beacon-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.chat-beacon-content-items9, .chat-beacon-filters-bar1 {
  justify-content: flex-start;
}

.chat-beacon-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.chat-beacon-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.chat-beacon-badge-number1, .chat-beacon-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.chat-beacon-badge47, .chat-beacon-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-beacon-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.chat-beacon-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.chat-beacon-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.chat-beacon-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.chat-beacon-actions5, .chat-beacon-card-header1, .chat-beacon-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.chat-beacon-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.chat-beacon-card-header1, .chat-beacon-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.chat-beacon-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.chat-beacon-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-beacon-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.chat-beacon-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.chat-beacon-checkbox-wrapper, .chat-beacon-sub-nav-items-wrapper, .chat-beacon-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.chat-beacon-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.chat-beacon-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-avatar2, .chat-beacon-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.chat-beacon-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.chat-beacon-avatar2 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.chat-beacon-account-button, .chat-beacon-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-account-button {
  min-width: 75px;
  font-weight: 500;
}

.chat-beacon-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.chat-beacon-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.chat-beacon-avatar3 {
  background-image: url("avatar3@3x.1f4d46c9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.chat-beacon-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.chat-beacon-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.chat-beacon-avatar5 {
  background-image: url("avatar4@3x.27b7e1fb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.chat-beacon-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-contrast-border6, .chat-beacon-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.chat-beacon-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -380px;
  overflow-x: auto;
}

.chat-beacon-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.chat-beacon-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.chat-beacon-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.chat-beacon-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-button-upload, .chat-beacon-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.chat-beacon-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.chat-beacon-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.chat-beacon-avatar8 {
  background-image: url("avatar5@3x.f36d8172.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.chat-beacon-table-cell6, .chat-beacon-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.chat-beacon-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.chat-beacon-avatar10 {
  background-image: url("avatar6@3x.5f263d4b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.chat-beacon-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.chat-beacon-avatar11 {
  background-image: url("avatar7@3x.bebe0bf4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.chat-beacon-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.chat-beacon-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-header, .chat-beacon-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-beacon-table-header {
  gap: 4px;
}

.chat-beacon-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.chat-beacon-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.chat-beacon-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.chat-beacon-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell15, .chat-beacon-table-cell16, .chat-beacon-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.chat-beacon-table-cell16, .chat-beacon-table-cell18 {
  width: 271px;
}

.chat-beacon-table-cell18 {
  width: 239px;
}

.chat-beacon-column, .chat-beacon-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.chat-beacon-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.chat-beacon-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.chat-beacon-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-beacon-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.chat-beacon-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.chat-beacon-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.chat-beacon-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.chat-beacon-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.chat-beacon-user-cell2, .chat-beacon-user-cell3, .chat-beacon-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-user-cell3, .chat-beacon-user-cell4 {
  min-width: 84px;
}

.chat-beacon-user-cell4 {
  min-width: 82px;
}

.chat-beacon-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.chat-beacon-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.chat-beacon-user-cell5, .chat-beacon-user-cell6, .chat-beacon-user-cell7 {
  line-height: 20px;
  position: relative;
}

.chat-beacon-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.chat-beacon-user-cell7 {
  white-space: nowrap;
}

.chat-beacon-column1, .chat-beacon-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.chat-beacon-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.chat-beacon-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell30, .chat-beacon-table-header-cell3, .chat-beacon-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.chat-beacon-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.chat-beacon-table-cell30, .chat-beacon-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.chat-beacon-table-header-cell3 {
  background-color: #f9fafb;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.chat-beacon-table-cell30 {
  padding: 26px 50px 24px;
}

.chat-beacon-column2, .chat-beacon-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.chat-beacon-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.chat-beacon-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.chat-beacon-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-button-wrap, .chat-beacon-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.chat-beacon-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.chat-beacon-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-content24, .chat-beacon-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-content24 {
  padding: 10px 16px;
}

.chat-beacon-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.chat-beacon-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-content25, .chat-beacon-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-content25 {
  padding: 10px 15px;
}

.chat-beacon-pagination-number-base1 {
  overflow: hidden;
}

.chat-beacon-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-content26, .chat-beacon-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-content26 {
  padding: 10px 15px;
}

.chat-beacon-pagination-number-base2 {
  overflow: hidden;
}

.chat-beacon-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.chat-beacon-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-content30, .chat-beacon-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.chat-beacon-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.chat-beacon-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-button-wrap1, .chat-beacon-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.chat-beacon-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.chat-beacon-pagination, .chat-beacon-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.chat-beacon-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.chat-beacon-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.chat-beacon-content-items10, .chat-beacon-content-items11, .chat-beacon-table-cell40, .chat-beacon-table-cell41, .chat-beacon-table-cell42, .chat-beacon-table-header-cell4 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.chat-beacon-table-cell40, .chat-beacon-table-cell41, .chat-beacon-table-cell42, .chat-beacon-table-header-cell4 {
  border-bottom: 1px solid #eaecf0;
  gap: 12px;
  position: absolute;
  left: 0;
}

.chat-beacon-table-header-cell4 {
  color: #475467;
  background-color: #f9fafb;
  width: 100%;
  max-width: 100%;
  padding: 12px 24px 10px;
  font-size: 12px;
  top: 0;
}

.chat-beacon-table-cell40, .chat-beacon-table-cell41, .chat-beacon-table-cell42 {
  width: 245px;
  padding: 16px 24px 14px;
  top: 44px;
  overflow-x: auto;
}

.chat-beacon-table-cell41, .chat-beacon-table-cell42 {
  width: 252px;
  top: 116px;
}

.chat-beacon-table-cell42 {
  top: 188px;
}

.chat-beacon-table-cell43 {
  width: 252px;
  top: 260px;
}

.chat-beacon-table-cell43, .chat-beacon-table-cell44, .chat-beacon-table-cell45 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.chat-beacon-table-cell44 {
  text-align: center;
  color: #667085;
  width: 311px;
  font-size: 16px;
  top: 332px;
}

.chat-beacon-table-cell45 {
  width: 260px;
  top: 404px;
}

.chat-beacon-table-cell46 {
  box-sizing: border-box;
  width: 252px;
  top: 476px;
}

.chat-beacon-table-cell46, .chat-beacon-table-cell47, .chat-beacon-table-cell48, .chat-beacon-table-cell49 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.chat-beacon-table-cell47 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  width: 242px;
  font-size: 16px;
  top: 548px;
}

.chat-beacon-table-cell48, .chat-beacon-table-cell49 {
  top: 620px;
}

.chat-beacon-table-cell49 {
  box-sizing: border-box;
  z-index: 1;
  width: 242px;
  top: 692px;
}

.chat-beacon-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.chat-beacon-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.chat-beacon-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.chat-beacon-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.chat-beacon-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell50, .chat-beacon-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.chat-beacon-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.chat-beacon-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.chat-beacon-column3, .chat-beacon-table-cell52, .chat-beacon-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.chat-beacon-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.chat-beacon-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.chat-beacon-marker-pin-02-group, .chat-beacon-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-beacon-marker-pin-02-group {
  gap: 7px;
}

.chat-beacon-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.chat-beacon-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.chat-beacon-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.chat-beacon-column-wrapper, .chat-beacon-column4, .chat-beacon-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.chat-beacon-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.chat-beacon-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.chat-beacon-column5, .chat-beacon-column6, .chat-beacon-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.chat-beacon-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.chat-beacon-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.chat-beacon-column-parent, .chat-beacon-frame-parent74, .chat-beacon-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.chat-beacon-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.chat-beacon-frame-parent74, .chat-beacon-pagination1 {
  align-self: stretch;
}

.chat-beacon-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.chat-beacon-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.chat-beacon-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chat-beacon-badge50, .chat-beacon-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-beacon-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.chat-beacon-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.chat-beacon-content-items14, .chat-beacon-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.chat-beacon-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.chat-beacon-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-button-group-base27, .chat-beacon-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.chat-beacon-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.chat-beacon-button-group-base28 {
  background-color: #fff;
}

.chat-beacon-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chat-beacon-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.chat-beacon-filter-bar-container, .chat-beacon-frame-parent, .chat-beacon-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chat-beacon-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.chat-beacon-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.chat-beacon-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.chat-beacon-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.chat-beacon-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.chat-beacon-buttonsbutton33, .chat-beacon-content45, .chat-beacon-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.chat-beacon-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.chat-beacon-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-actions11, .chat-beacon-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.chat-beacon-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.chat-beacon-empty-state, .chat-beacon-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.chat-beacon-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.chat-beacon-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.chat-beacon-empty-state-wrapper, .chat-beacon-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.chat-beacon-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.chat-beacon-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.chat-beacon-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.chat-beacon-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.chat-beacon-content46, .chat-beacon-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chat-beacon-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.chat-beacon-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.chat-beacon-add, .chat-beacon-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-learn-more {
  min-width: 88px;
}

.chat-beacon-actions12, .chat-beacon-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.chat-beacon-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.chat-beacon-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.chat-beacon-empty-state-container, .chat-beacon-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.chat-beacon-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.chat-beacon-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.chat-beacon-beacon-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.chat-beacon-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chat-beacon-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.chat-beacon-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.chat-beacon-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.chat-beacon-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chat-beacon-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 227px;
  right: 158px;
}

@media screen and (width <= 1275px) {
  .chat-beacon-all, .chat-beacon-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .chat-beacon-all {
    padding-bottom: 67px;
  }

  .chat-beacon-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .chat-beacon-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .chat-beacon-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .chat-beacon-content-elements-parent, .chat-beacon-content17, .chat-beacon-frame-group, .chat-beacon-rectangle-parent10, .chat-beacon-rectangle-parent5, .chat-beacon-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .chat-beacon-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .chat-beacon-frame-wrapper31 {
    flex: 1;
  }

  .chat-beacon-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .chat-beacon-list-item-parent {
    flex: 1;
  }

  .chat-beacon-card-list, .chat-beacon-content20, .chat-beacon-content21, .chat-beacon-metric-item-parent {
    flex-wrap: wrap;
  }

  .chat-beacon-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .chat-beacon-content23, .chat-beacon-frame-parent73, .chat-beacon-frame-parent74 {
    flex-wrap: wrap;
  }

  .chat-beacon-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .chat-beacon-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .chat-beacon-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .chat-beacon-content13 {
    gap: 17px;
  }

  .chat-beacon-tabs-and-filters {
    flex-wrap: wrap;
  }

  .chat-beacon-jul {
    width: 100%;
    height: 17px;
  }

  .chat-beacon-x-axis {
    flex-wrap: wrap;
  }

  .chat-beacon-number {
    font-size: 24px;
    line-height: 30px;
  }

  .chat-beacon-main {
    gap: 16px;
  }

  .chat-beacon-number3, .chat-beacon-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .chat-beacon-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .chat-beacon-badge-elements, .chat-beacon-card-elements, .chat-beacon-dropdowns, .chat-beacon-location-badge-number {
    flex-wrap: wrap;
  }

  .chat-beacon-action-fields {
    min-width: 100%;
  }

  .chat-beacon-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .chat-beacon-frame-parent2, .chat-beacon-primary-table {
    flex-wrap: wrap;
  }

  .chat-beacon-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .chat-beacon-frame-parent17, .chat-beacon-frame-parent18, .chat-beacon-frame-parent21 {
    flex-wrap: wrap;
  }

  .chat-beacon-element-details, .chat-beacon-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .chat-beacon-action-icons, .chat-beacon-element-details-parent {
    flex-wrap: wrap;
  }

  .chat-beacon-icon-button {
    gap: 17px;
  }

  .chat-beacon-icon-button, .chat-beacon-sidebar1 {
    flex-wrap: wrap;
  }

  .chat-beacon-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .chat-beacon-rectangle-parent11 {
    gap: 16px;
  }

  .chat-beacon-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .chat-beacon-frame-parent39 {
    min-width: 100%;
  }

  .chat-beacon-frame-wrapper31 {
    margin-left: 0;
  }

  .chat-beacon-card-row {
    min-width: 100%;
  }

  .chat-beacon-list-item-parent {
    margin-left: 0;
  }

  .chat-beacon-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .chat-beacon-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .chat-beacon-text-and-supporting-text2 {
    min-width: 100%;
  }

  .chat-beacon-actions4 {
    flex-wrap: wrap;
  }

  .chat-beacon-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .chat-beacon-text-and-supporting-text3 {
    min-width: 100%;
  }

  .chat-beacon-actions5, .chat-beacon-table-cell51, .chat-beacon-table-cell52 {
    flex-wrap: wrap;
  }

  .chat-beacon-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .chat-beacon-frame-parent, .chat-beacon-text-and-supporting-text16 {
    min-width: 100%;
  }

  .chat-beacon-empty-state3 {
    gap: 16px;
  }

  .chat-beacon-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .chat-beacon-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .chat-beacon-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .chat-beacon-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .chat-beacon-actions {
    flex-wrap: wrap;
  }

  .chat-beacon-number {
    font-size: 18px;
    line-height: 23px;
  }

  .chat-beacon-number-and-chart {
    flex-wrap: wrap;
  }

  .chat-beacon-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .chat-beacon-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .chat-beacon-number3, .chat-beacon-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .chat-beacon-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chat-beacon-price {
    font-size: 16px;
    line-height: 26px;
  }

  .chat-beacon-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .chat-beacon-date-elements-parent {
    flex: 1;
  }

  .chat-beacon-badge-container, .chat-beacon-frame-parent12 {
    flex-wrap: wrap;
  }

  .chat-beacon-badge-group {
    height: auto;
    min-height: 104px;
  }

  .chat-beacon-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .chat-beacon-work-type-icon {
    flex: 1;
  }

  .chat-beacon-calendar-icon6 {
    flex-wrap: wrap;
  }

  .chat-beacon-work-type-label {
    margin-left: 0;
  }

  .chat-beacon-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .chat-beacon-frame-parent36, .chat-beacon-frame-parent42 {
    flex-wrap: wrap;
  }

  .chat-beacon-price5, .chat-beacon-price6, .chat-beacon-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .chat-beacon-frame-parent64 {
    flex-wrap: wrap;
  }

  .chat-beacon-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .chat-beacon-content22, .chat-beacon-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chat-beacon-input-dropdown3 {
    max-width: 100%;
  }

  .chat-beacon-table-cell50, .chat-beacon-table-cell53 {
    flex-wrap: wrap;
  }

  .chat-beacon-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .chat-beacon-column5, .chat-beacon-column6 {
    flex: 1;
  }

  .chat-beacon-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .chat-beacon-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chat-beacon-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .chat-beacon-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .chat-beacon-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.no-messages-button-link {
  align-items: center;
  display: flex;
}

.no-messages-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  height: 300px;
  max-height: 100%;
  position: relative;
  left: 50px;
}

.no-messages-supporting-text, .no-messages-title {
  align-self: stretch;
  position: relative;
}

.no-messages-title {
  font-weight: 600;
  line-height: 30px;
}

.no-messages-supporting-text {
  color: #475467;
  padding-left: 33px;
  font-size: 16px;
  line-height: 24px;
}

.no-messages-content, .no-messages-text-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.no-messages-text-and-supporting-text {
  gap: 8px;
}

.no-messages-content {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.no-messages-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.no-messages-text {
  color: #344054;
  text-align: left;
  min-width: 98px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-messages-buttonsbutton, .no-messages-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.no-messages-buttonsbutton {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-messages-plus-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.no-messages-text1 {
  color: #fff;
  text-align: left;
  min-width: 88px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.no-messages-buttonsbutton1 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.no-messages-buttonsbutton1:hover {
  background-color: #6941c6;
}

.no-messages-actions, .no-messages-empty-state1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.no-messages-actions {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  padding: 0 20px;
}

.no-messages-empty-state1 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
}

.no-messages-empty-state, .no-messages-no-messages {
  background-color: #fff;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.no-messages-empty-state {
  box-sizing: border-box;
  text-align: center;
  color: #101828;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  font-family: Inter;
  font-size: 20px;
}

.no-messages-no-messages {
  letter-spacing: normal;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  line-height: normal;
  overflow: hidden;
}

@media screen and (width <= 550px) {
  .no-messages-empty-state1 {
    gap: 16px;
  }

  .no-messages-empty-state {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }
}

@media screen and (width <= 450px) {
  .no-messages-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.chatB-frame-child, .chatB-messaging-with-list-view-car-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.chatB-messaging-with-list-view-car-child {
  align-self: stretch;
  height: 1906px;
}

.chatB-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.chatB-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.chatB-logo, .chatB-logo-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a7f6d630.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.chatB-logo-container {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.chatB-bar-chart-01-icon, .chatB-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.chatB-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.chatB-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.chatB-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.chatB-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.chatB-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.chatB-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.chatB-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.chatB-text2 {
  color: inherit;
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.chatB-badge1, .chatB-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.chatB-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.chatB-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.chatB-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.chatB-navbar, .chatB-navigation {
  justify-content: flex-start;
  display: flex;
}

.chatB-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.chatB-navbar {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.chatB-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.chatB-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.chatB-search-placeholder {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.chatB-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-input-with-label, .chatB-logo-container-parent, .chatB-navbar-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.chatB-logo-container-parent, .chatB-navbar-parent {
  flex-direction: row;
  max-width: 100%;
}

.chatB-navbar-parent {
  flex: 1;
  gap: 38px;
}

.chatB-logo-container-parent {
  gap: 70px;
  width: 754px;
}

.chatB-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.chatB-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.chatB-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.chatB-profile-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.chatB-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.chatB-avatar {
  z-index: 1;
  background-image: url("avatar@3x.456b3859.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.chatB-rectangle-parent, .chatB-user-actions {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.chatB-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.chatB-divider-icon, .chatB-home-line-icon {
  position: relative;
  overflow: hidden;
}

.chatB-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.chatB-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.chatB-nav-item-button2, .chatB-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.chatB-nav-item-button3 {
  background-color: #f9fafb;
}

.chatB-navigation2 {
  align-self: stretch;
  gap: 8px;
  padding: 0 16px;
}

.chatB-navigation1, .chatB-navigation2, .chatB-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-navigation1 {
  align-self: stretch;
  padding: 32px 0 0;
}

.chatB-navigation3 {
  gap: 8px;
}

.chatB-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.chatB-avatar1 {
  background-image: url("avatar1@3x.30f93b0a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.chatB-content4, .chatB-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.chatB-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.chatB-content4 {
  border-right: 1px solid #eaecf0;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
}

.chatB-breadcrumb-button-base, .chatB-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 80px;
  height: 1260px;
  overflow: hidden;
}

.chatB-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.chatB-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.chatB-crumb-labels {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.chatB-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.chatB-text6 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.chatB-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.chatB-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.chatB-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.chatB-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.chatB-text8 {
  color: inherit;
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.chatB-breadcrumb-button-base4, .chatB-breadcrumbs, .chatB-tabs {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.chatB-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  padding: 4px 8px;
}

.chatB-breadcrumbs, .chatB-tabs {
  justify-content: flex-start;
}

.chatB-tabs {
  flex: 1;
  gap: 8px;
}

.chatB-breadcrumbs {
  width: 273px;
}

.chatB-divider-icon1 {
  width: 273px;
  height: 1px;
  display: none;
  position: relative;
}

.chatB-page-header {
  background-color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 20px;
}

.chatB-container, .chatB-header-section, .chatB-header-section-wrapper, .chatB-page-header {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-container {
  flex-direction: column;
  align-self: stretch;
  padding: 0 32px;
}

.chatB-header-section, .chatB-header-section-wrapper {
  max-width: 100%;
}

.chatB-header-section {
  z-index: 1;
  flex-direction: column;
  width: 1078px;
}

.chatB-header-section-wrapper {
  flex-direction: row;
  align-self: stretch;
}

.chatB-content-divider-child, .chatB-frame-item {
  border-radius: 12px;
  position: relative;
}

.chatB-content-divider-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  align-self: stretch;
  height: 505px;
  display: none;
}

.chatB-frame-item {
  object-fit: cover;
  z-index: 2;
  width: 148px;
  height: 148px;
}

.chatB-rectangle-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.chatB-used {
  text-transform: lowercase;
}

.chatB-pre-owned-used-fully-refurbi {
  margin-block: 0 18px;
}

.chatB-ase-antibody-detection {
  text-transform: lowercase;
  margin: 0;
}

.chatB-detail-title {
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 12px;
  position: relative;
}

.chatB-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.chatB-text9 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-badge3 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.chatB-supporting-text {
  letter-spacing: -.17px;
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chatB-info-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.chatB-marker-icon {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chatB-marker-icon-wrapper {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.chatB-supporting-text1 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chatB-frame-container, .chatB-location-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-location-label {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.chatB-frame-container {
  text-align: left;
  color: #fff;
  flex-direction: row;
  gap: 8px;
  font-size: 16px;
}

.chatB-text10 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.chatB-badge4, .chatB-badges {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-badge4 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-badges {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  gap: 15px;
  min-width: 114px;
}

.chatB-marker-pin-02-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.chatB-location {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chatB-calendar-icon-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.chatB-work-type {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-badge5 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-text11 {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-badge6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-badge6, .chatB-work-badges, .chatB-work-badges-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.chatB-work-badges {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.chatB-work-badges-wrapper {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.chatB-frame-div {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.chatB-type-of-work {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chatB-price-tag, .chatB-price-tag-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-price-tag {
  gap: 8px;
}

.chatB-price-tag-wrapper {
  padding: 0 14px;
}

.chatB-cost-label {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-badge7, .chatB-frame-parent1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-badge7 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-frame-parent1 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.chatB-status-label {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-badge8, .chatB-badges-parent {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.chatB-badge8 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-badges-parent {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.chatB-content-container-inner, .chatB-detail-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chatB-detail-title-parent {
  align-self: stretch;
  gap: 4px;
}

.chatB-content-container-inner {
  box-sizing: border-box;
  flex: 1;
  min-width: 575px;
  padding: 10px 0 0;
}

.chatB-filter-label {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-badge-wrapper, .chatB-badge9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-badge9 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #416ec6;
  border-radius: 6px;
  flex-direction: row;
  align-self: stretch;
  gap: 6px;
  padding: 2px 8px;
}

.chatB-badge-wrapper {
  flex-direction: column;
  flex: 1;
  padding: 14px 0 0;
}

.chatB-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.chatB-dropdown, .chatB-filter-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-dropdown {
  z-index: 2;
  flex-direction: column;
}

.chatB-filter-dropdown {
  flex-direction: row;
  gap: 19px;
  width: 123px;
}

.chatB-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.chatB-price-value {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.chatB-price-action-icons {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.chatB-price-action-icons, .chatB-price-actions, .chatB-price-amount {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-price-actions {
  flex-direction: row;
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.chatB-price-amount {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.chatB-price-currency {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.chatB-frame-wrapper, .chatB-price-currency, .chatB-price-parent {
  align-items: flex-start;
  display: flex;
}

.chatB-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
}

.chatB-frame-wrapper {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 10px 0 0;
  font-size: 20px;
}

.chatB-filter-dropdown-parent {
  text-align: center;
  color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
  width: 153px;
  font-size: 14px;
  display: flex;
}

.chatB-content-container, .chatB-frame-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chatB-content-container {
  flex: 1;
  gap: 50px;
  min-width: 707px;
}

.chatB-frame-group {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 24px;
  width: 1260px;
}

.chatB-divider-icon2 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.chatB-heading, .chatB-number {
  font-weight: 600;
  position: relative;
}

.chatB-heading {
  width: 254px;
  line-height: 24px;
  display: inline-block;
}

.chatB-number {
  align-self: stretch;
  line-height: 38px;
}

.chatB-arrow-up-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.chatB-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.chatB-text12 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.chatB-change-and-text, .chatB-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.chatB-change-and-text {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.chatB-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
}

.chatB-chart-mini-icon {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.chatB-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.chatB-dropdown1, .chatB-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-dropdown1 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.chatB-metric-item {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  max-width: 306px;
  padding: 18px 15px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-heading1 {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.chatB-change3, .chatB-change5, .chatB-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-change5, .chatB-change7 {
  min-width: 28px;
}

.chatB-change7 {
  min-width: 23px;
}

.chatB-metric-item-parent {
  flex-flow: wrap;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 12px;
  width: 1260px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.chatB-eye-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.chatB-eye-label {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-buttonsbutton {
  cursor: pointer;
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.chatB-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.chatB-button-label {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-buttonsbutton1, .chatB-buttonsbutton2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 92px;
  padding: 6px 10px 6px 12px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-buttonsbutton1 {
  gap: 5.5px;
  overflow: hidden;
}

.chatB-buttonsbutton2 {
  gap: 5.4px;
  overflow-x: auto;
}

.chatB-message-button-label {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-notification-badge-background {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.chatB-notification-badge-count {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.chatB-notification-badge-background-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.chatB-buttonsbutton-parent, .chatB-buttonsbutton3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-buttonsbutton3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-buttonsbutton-parent {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.chatB-arrow-square-up-right-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.chatB-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.chatB-content-divider, .chatB-frame-parent2 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 1260px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.chatB-content-divider {
  box-sizing: border-box;
  z-index: 1;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  gap: 23.8px;
  width: 1306px;
  padding: 12px 0 22px 23px;
  font-size: 18px;
}

.chatB-chat-name-label, .chatB-text17 {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.chatB-text17 {
  color: #344054;
  text-align: center;
  min-width: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.chatB-badge10, .chatB-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chatB-badge10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  width: 28px;
  padding: 0 5px;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 131px 0 0;
}

.chatB-supporting-text2 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.chatB-text-and-supporting-text {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 166px;
  padding: 12px 0;
  display: flex;
}

.chatB-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.chatB-text18 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.chatB-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.chatB-button, .chatB-text-padding, .chatB-text19 {
  align-self: stretch;
}

.chatB-button {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.chatB-text19 {
  color: #6941c6;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.chatB-button1, .chatB-button2 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-button1 {
  border: 1px solid #d6bbfb;
  align-self: stretch;
  gap: 4px;
  padding: 10px 13px;
  display: none;
}

.chatB-button2 {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  flex-shrink: 0;
  width: 40px;
  padding: 8px 9px;
  display: flex;
}

.chatB-button3, .chatB-text20 {
  align-self: stretch;
}

.chatB-text20 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.chatB-button3 {
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 13px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-content5, .chatB-dropdown5 {
  justify-content: flex-start;
  align-items: flex-start;
}

.chatB-dropdown5 {
  flex-direction: column;
  display: none;
}

.chatB-content5 {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
  padding: 20px 36px;
  display: flex;
}

.chatB-divider-icon4 {
  z-index: 0;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.chatB-card-header {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.chatB-label1, .chatB-search-placeholder1 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.chatB-label1 {
  color: #344054;
  width: 47px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.chatB-search-placeholder1 {
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 163px;
  height: 24px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  overflow: hidden;
}

.chatB-input-with-label1, .chatB-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.chatB-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.chatB-hint-text {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.chatB-input-dropdown, .chatB-search-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.chatB-input-dropdown {
  gap: 8px;
}

.chatB-search-wrap {
  flex-shrink: 0;
  padding: 0 0 12px 30px;
}

.chatB-dot {
  background-color: #9e77ed;
  border-radius: 5px;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  position: relative;
  overflow: hidden;
}

.chatB-dot-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 0 0;
  display: flex;
}

.chatB-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.chatB-avatar-online-indicator, .chatB-avatar2 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: relative;
}

.chatB-avatar-online-indicator {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  overflow: hidden;
}

.chatB-avatar2 {
  background-image: url("avatar@3x.456b3859.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.chatB-message-sender-name, .chatB-supporting-text3 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-message-sender-name {
  color: #344054;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  min-width: 97px;
  max-width: 102px;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.chatB-supporting-text3 {
  color: #475467;
  min-width: 80px;
}

.chatB-avatar-and-dot, .chatB-avatar-label-group, .chatB-text-and-supporting-text1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 102px;
  padding: 8px 10px 0 0;
  display: flex;
}

.chatB-avatar-and-dot, .chatB-avatar-label-group {
  flex-direction: row;
  gap: 12px;
}

.chatB-avatar-and-dot {
  flex: 1;
  min-width: 157px;
}

.chatB-supporting-text4 {
  color: #475467;
  text-align: left;
  min-width: 62px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-avatar-and-time {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.chatB-message-preview {
  color: #475467;
  text-align: left;
  flex: 1;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.chatB-message, .chatB-message-preview-wrap {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 16px 16px 16px 0;
  display: flex;
}

.chatB-message {
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  padding: 16px 16px 14px;
}

.chatB-dot1 {
  opacity: 0;
  background-color: #9e77ed;
  border-radius: 5px;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  position: relative;
  overflow: hidden;
}

.chatB-supporting-text5, .chatB-supporting-text6, .chatB-text21 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-text21 {
  color: #344054;
  white-space: nowrap;
  min-width: 106px;
  font-weight: 600;
}

.chatB-supporting-text5, .chatB-supporting-text6 {
  color: #475467;
  min-width: 50px;
}

.chatB-supporting-text6 {
  min-width: 71px;
}

.chatB-you {
  font-weight: 500;
}

.chatB-sure-thing-ill, .chatB-you {
  font-family: Inter;
}

.chatB-message-preview1 {
  color: #475467;
  text-align: left;
  flex: 1;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.chatB-message1 {
  background-color: #fcfcfd;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 16px 14px;
  display: flex;
}

.chatB-supporting-text7, .chatB-text22 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-text22 {
  color: #344054;
  white-space: nowrap;
  min-width: 70px;
  font-weight: 600;
}

.chatB-supporting-text7 {
  color: #475467;
  min-width: 53px;
}

.chatB-avatar-and-dot2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  min-width: 130px;
  display: flex;
}

.chatB-supporting-text8 {
  color: #475467;
  text-align: left;
  min-width: 49px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-avatar-and-time2 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.chatB-avatar-online-indicator3 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #d0d5dd;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.chatB-text23 {
  color: #344054;
  text-align: left;
  white-space: nowrap;
  min-width: 102px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-avatar-and-dot3 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  min-width: 162px;
  display: flex;
}

.chatB-supporting-text10 {
  color: #475467;
  min-width: 51px;
}

.chatB-supporting-text10, .chatB-supporting-text11, .chatB-text24 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-text24 {
  color: #344054;
  min-width: 105px;
  font-weight: 600;
}

.chatB-supporting-text11 {
  color: #475467;
  min-width: 58px;
}

.chatB-avatar-and-dot4 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  min-width: 165px;
  display: flex;
}

.chatB-text25 {
  color: #344054;
  text-align: left;
  min-width: 99px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-avatar-and-dot5 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  min-width: 159px;
  display: flex;
}

.chatB-supporting-text14 {
  color: #475467;
  min-width: 52px;
}

.chatB-supporting-text14, .chatB-supporting-text15, .chatB-text26 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-text26 {
  color: #344054;
  white-space: nowrap;
  min-width: 63px;
  font-weight: 600;
}

.chatB-supporting-text15 {
  color: #475467;
  min-width: 38px;
}

.chatB-avatar-and-dot6 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  min-width: 123px;
  display: flex;
}

.chatB-message-preview6 {
  color: #475467;
  text-align: left;
  flex: 1;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.chatB-message-preview-wrap6, .chatB-side-panel {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-message-preview-wrap6 {
  flex-direction: row;
  align-self: stretch;
  height: 40px;
  padding: 0 0 0 20px;
}

.chatB-side-panel {
  z-index: 1;
  border-right: 1px solid #eaecf0;
  flex-direction: column;
  flex-shrink: 0;
  width: 27%;
  padding: 20px 0;
  overflow: hidden;
}

.chatB-avatar-icon {
  border-radius: 9999px;
  width: 56px;
  height: 56px;
  position: relative;
}

.chatB-caller-name {
  color: #101828;
  text-align: left;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.chatB-dot-icon5 {
  width: 8px;
  height: 8px;
  position: relative;
}

.chatB-text27 {
  color: #344054;
  text-align: center;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chatB-badge11, .chatB-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chatB-badge11 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  gap: 4px;
  width: 61px;
  padding: 0 5px;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 217px 0 0;
}

.chatB-supporting-text17 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.chatB-avatar-and-text, .chatB-text-and-supporting-text8 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 275px;
  max-width: 100%;
  display: flex;
}

.chatB-avatar-and-text {
  flex-direction: row;
  gap: 16px;
  min-width: 322px;
}

.chatB-text29 {
  color: #6941c6;
  text-align: left;
  min-width: 26px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-button5, .chatB-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.chatB-button5 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-shrink: 0;
  gap: 4px;
  width: 82px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-call-button-label {
  color: #344054;
  text-align: left;
  min-width: 40px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-button6 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 96px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-text30 {
  color: #fff;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-actions1, .chatB-button7, .chatB-content7 {
  flex-direction: row;
  display: flex;
}

.chatB-button7 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-actions1, .chatB-content7 {
  justify-content: flex-start;
}

.chatB-actions1 {
  align-items: center;
  gap: 12px;
  max-width: 100%;
}

.chatB-content7 {
  box-sizing: border-box;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
}

.chatB-card-header1, .chatB-content7 {
  align-self: stretch;
  max-width: 100%;
}

.chatB-divider-icon5 {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.chatB-card-header1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.chatB-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.chatB-divider-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 266px;
  max-width: 100%;
  padding: 9.5px 0 0;
  display: flex;
}

.chatB-divider-label {
  color: #475467;
  text-align: center;
  width: 64px;
  height: 20px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-content-divider1 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 898px;
  max-width: 100%;
  margin-top: -159px;
  display: flex;
}

.chatB-sub-text-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 104px;
  padding: 1px 0 0;
  display: flex;
}

.chatB-content8 {
  box-sizing: border-box;
  word-wrap: break-word;
  flex-direction: column;
  gap: 6px;
  width: fit-content;
  max-width: 80%;
  display: inline-flex;
  overflow: hidden;
}

.chatB-name-and-time {
  box-sizing: border-box;
  word-wrap: break-word;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.chatB-usernames {
  color: #344054;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.chatB-sub-text {
  color: #475467;
  text-align: end;
  padding-left: 12px;
  font-size: 10px;
}

.chatB-input2 {
  box-sizing: border-box;
  word-wrap: break-word;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 8px;
  flex-direction: column;
  width: fit-content;
  max-width: 100%;
  padding: 8px 13px;
  display: inline-flex;
  overflow: hidden;
}

.chatB-message12 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.chatB-avatar2 {
  background-color: #dcdcdc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

@media screen and (width <= 750px) {
  .chatB-content8 {
    max-width: 90%;
  }

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

.chatB-message7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  max-width: 560px;
  display: flex;
}

.chatB-sub-text1 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  min-width: 104px;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chatB-sub-text-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.chatB-file-username, .chatB-text33 {
  color: #101828;
  text-align: left;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chatB-file-username {
  color: #344054;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 82px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.chatB-name-and-time2 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.chatB-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.chatB-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.chatB-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.chatB-file-type-icon {
  width: 40px;
  height: 40px;
  position: relative;
}

.chatB-supporting-text18, .chatB-text34 {
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.chatB-text34 {
  color: #344054;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.chatB-supporting-text18 {
  color: #475467;
}

.chatB-text-and-supporting-text9 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chatB-content11, .chatB-content12 {
  flex-direction: row;
  flex: 1;
}

.chatB-content12 {
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  display: flex;
}

.chatB-content11 {
  gap: 12px;
}

.chatB-content10, .chatB-content11, .chatB-input4 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chatB-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 0 8px 8px;
  flex-direction: row;
  flex-shrink: 0;
  align-self: stretch;
  min-height: 62px;
  padding: 10px 13px;
  overflow: hidden;
}

.chatB-content10 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 330px;
  height: 86px;
}

.chatB-text35 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.chatB-receiever {
  color: #000;
  text-align: left;
  flex: 1;
  max-width: 100%;
  height: 48px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chatB-text31 {
  color: #fff;
  text-align: left;
  flex: 1;
  max-width: 100%;
  height: 48px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.chatB-single-message-username, .chatB-sub-text3 {
  white-space: nowrap;
  font-family: Inter, Arial, sans-serif;
  display: inline-block;
  position: relative;
}

.chatB-single-message-username {
  color: #344054;
  text-align: left;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.chatB-sub-text3 {
  color: #fff;
  text-align: right;
  flex-shrink: 0;
  padding-left: 12px;
  font-size: 12px;
}

.chatB-content13 {
  word-wrap: break-word;
  box-sizing: border-box;
  flex-direction: column;
  gap: 4px;
  width: fit-content;
  max-width: 55%;
  display: inline-flex;
}

.chatB-name-and-time3 {
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 8px;
  display: flex;
}

.chatB-input5 {
  box-sizing: border-box;
  word-wrap: break-word;
  color: #fff;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  width: fit-content;
  max-width: 100%;
  padding: 8px 13px;
  display: inline-flex;
}

.chatB-row {
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 10px;
  padding-right: 30px;
  display: flex;
}

@media screen and (width <= 750px) {
  .chatB-row {
    flex-wrap: wrap;
    max-width: 100%;
  }

  .chatB-name-and-time3, .chatB-input5 {
    max-width: 100%;
  }
}

.chatB-avatar-message, .chatB-divider-frame, .chatB-message11 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-message11 {
  flex-direction: row;
  flex: 1;
  gap: 12px;
  max-width: 560px;
}

.chatB-avatar-message, .chatB-divider-frame {
  box-sizing: border-box;
  max-width: 100%;
}

.chatB-avatar-message {
  flex-direction: row;
  width: 560px;
  padding: 0 0 8px;
}

.chatB-divider-frame {
  flex-direction: column;
  flex: 1;
  min-width: 273px;
  padding: 9.5px 0 0;
}

.chatB-second-divider-label {
  color: #475467;
  text-align: center;
  min-width: 41px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-content-divider2, .chatB-second-content-divider {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chatB-content-divider2 {
  flex: 1;
  gap: 8px;
}

.chatB-second-content-divider {
  box-sizing: border-box;
  align-self: stretch;
  padding: 0 0 8px;
}

.chatB-sub-text5 {
  color: #475467;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.chatB-reaction-username, .chatB-sub-text6 {
  text-align: left;
  font-family: Inter;
  display: inline-block;
  position: relative;
}

.chatB-reaction-username {
  color: #344054;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 19px;
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  overflow: hidden;
}

.chatB-sub-text6 {
  color: #475467;
  min-width: 52px;
  font-size: 12px;
  line-height: 18px;
}

.chatB-name-and-time6 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.chatB-emoji-icon {
  object-fit: cover;
  width: 16px;
  height: 16px;
  position: relative;
}

.chatB-message-reaction {
  background-color: #f9fafb;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.chatB-message13, .chatB-row2 {
  flex-direction: row;
  justify-content: flex-end;
  display: flex;
}

.chatB-row2 {
  align-items: center;
  gap: 4px;
  padding: 0 0 0 374px;
}

.chatB-message13 {
  align-items: flex-start;
  width: 442px;
  max-width: 442px;
}

.chatB-loading-dot {
  background-color: #475467;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: relative;
}

.chatB-loading-dot-frame {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: flex-end;
  height: 8px;
  display: flex;
  overflow: hidden;
}

.chatB-loading-dot1 {
  background-color: #98a2b3;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: relative;
}

.chatB-loading-dot-frame1 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: flex-start;
  height: 8px;
  display: flex;
  overflow: hidden;
}

.chatB-input9, .chatB-messages {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-input9 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 0 8px 8px;
  flex-direction: row;
  gap: 4px;
  width: 40px;
  padding: 8px 9px;
  overflow-x: auto;
}

.chatB-messages {
  flex: 1;
  gap: 16px;
  min-width: 584px;
  max-width: 100%;
  padding-top: 50px;
}

.chatB-messages-owner {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 584px;
  max-width: 100%;
  display: flex;
}

.chatB-message-separator {
  z-index: 4;
  background-color: #dadada;
  border-radius: 8px;
  flex: 1;
  width: 8px;
  position: relative;
}

.chatB-separator {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 331px;
  padding: 151px 0 0;
  display: flex;
}

.chatB-messages-parent {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.chatB-messages-parent-owner {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.chatB-label2, .chatB-message-placeholder {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.chatB-label2 {
  color: #344054;
  width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.chatB-message-placeholder {
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 80px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.chatB-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 10px 13px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-hint-text1 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.chatB-hint-text1-max-limit {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.chatB-textarea-input-field {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.chatB-buttonsbutton4, .chatB-icons {
  flex-direction: row;
  display: flex;
}

.chatB-buttonsbutton4 {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  overflow: hidden;
}

.chatB-icons {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
}

.chatB-send-label {
  color: #fff;
  text-align: left;
  min-width: 35px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-buttonsbutton6 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-actions2, .chatB-buttonsbutton6, .chatB-input-actions {
  flex-direction: row;
  display: flex;
}

.chatB-actions2 {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.chatB-input-actions {
  box-sizing: border-box;
  justify-content: flex-end;
  align-items: flex-start;
  width: 173px;
  padding: 0 12px;
}

.chatB-card-header-parent, .chatB-message-input {
  flex-direction: column;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.chatB-message-input {
  box-sizing: border-box;
  background-color: #fff;
  align-self: stretch;
  align-items: flex-end;
  height: 128px;
  padding: 0 24px 24px;
}

.chatB-card-header-parent {
  flex: 1;
  align-items: flex-start;
  min-width: 615px;
}

.chatB-buttonsbutton7, .chatB-chat-content {
  flex-direction: row;
  flex-shrink: 0;
  display: flex;
}

.chatB-chat-content {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
}

.chatB-buttonsbutton7 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  padding: 6px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.chatB-details {
  color: #344054;
  text-align: left;
  min-width: 81px;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.chatB-chat-panel, .chatB-pagination {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
}

.chatB-pagination {
  z-index: 1;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 360px;
  padding: 12px 16px;
  display: flex;
  overflow-x: auto;
}

.chatB-chat-panel {
  align-self: stretch;
  gap: 16px;
  margin: 0;
}

.chatB-chat-panel, .chatB-main-content, .chatB-main-content-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.chatB-main-content {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
}

.chatB-main-content-wrapper {
  box-sizing: border-box;
  flex: 1;
  align-items: flex-start;
  width: 70%;
  padding: 32px 0 0;
}

.chatB-frame-parent, .chatB-sidebar-navigation-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.chatB-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  flex-direction: row;
  font-family: Inter;
  font-size: 14px;
}

.chatB-frame-parent {
  flex-direction: column;
  gap: .5px;
  font-family: Inter;
}

.chatB-footer-text {
  line-height: 20px;
  position: relative;
}

.chatB-footer-text-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.chatB-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.chatB-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.chatB-frame-parent3, .chatB-logomark, .chatB-logomark1 {
  flex-direction: row;
  display: flex;
}

.chatB-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.chatB-frame-parent3 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.chatB-content18, .chatB-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-content18 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.chatB-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.chatB-divider-icon6, .chatB-footer1 {
  align-self: stretch;
  overflow: hidden;
}

.chatB-footer1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  display: flex;
}

.chatB-divider-icon6 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  margin-top: -120px;
  position: relative;
}

.chatB-footer-parent, .chatB-messaging-with-list-view-car {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chatB-footer-parent {
  text-align: left;
  color: #475467;
  align-self: stretch;
  min-height: 134px;
  font-family: Inter;
  font-size: 16px;
}

.chatB-messaging-with-list-view-car {
  box-sizing: border-box;
  letter-spacing: normal;
  background-color: #fff;
  width: 100%;
  padding: 7px 0 0;
  line-height: normal;
  position: relative;
}

@media screen and (width <= 1275px) {
  .chatB-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .chatB-content-container {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .chatB-side-panel {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 42px;
  }

  .chatB-content-divider1, .chatB-content-divider2, .chatB-content7, .chatB-messages-parent {
    flex-wrap: wrap;
  }

  .chatB-container1 {
    height: auto;
  }

  .chatB-chat-content {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .chatB-navbar-parent {
    gap: 19px;
  }

  .chatB-logo-container-parent {
    gap: 35px;
  }

  .chatB-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .chatB-badges-parent {
    flex-wrap: wrap;
  }

  .chatB-content-container-inner {
    min-width: 100%;
  }

  .chatB-content-container {
    gap: 25px;
  }

  .chatB-number {
    font-size: 24px;
    line-height: 30px;
  }

  .chatB-side-panel {
    box-sizing: border-box;
    padding-bottom: 27px;
  }

  .chatB-avatar-and-text, .chatB-name-and-time, .chatB-text-and-badge1 {
    flex-wrap: wrap;
  }

  .chatB-message7 {
    max-width: 100%;
  }

  .chatB-content11, .chatB-message7, .chatB-name-and-time2 {
    flex-wrap: wrap;
  }

  .chatB-content10 {
    height: auto;
  }

  .chatB-message11 {
    flex-wrap: wrap;
    max-width: 100%;
  }

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

  .chatB-card-header-parent, .chatB-messages {
    min-width: 100%;
  }

  .chatB-container2 {
    gap: 16px;
  }

  .chatB-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .chatB-messaging-with-list-view-car {
    gap: 24px;
  }
}

@media screen and (width <= 450px) {
  .chatB-logo-container-parent {
    gap: 17px;
  }

  .chatB-price {
    font-size: 16px;
    line-height: 26px;
  }

  .chatB-number {
    font-size: 18px;
    line-height: 23px;
  }

  .chatB-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chatB-avatar-and-time, .chatB-avatar-and-time2, .chatB-content5 {
    flex-wrap: wrap;
  }

  .chatB-side-panel {
    min-width: 100%;
    height: auto;
  }

  .chatB-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .chatB-actions1, .chatB-name-and-time3, .chatB-name-and-time6 {
    flex-wrap: wrap;
  }

  .chatB-row2 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .chatB-message13 {
    max-width: 100%;
  }

  .chatB-footer1 {
    gap: 16px;
  }
}

.load-more-button {
  color: #344054;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  margin: 10px auto;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  transition: background-color .3s;
  box-shadow: 0 1px 2px #1018280d;
}

•load-more-button:hover {
  background-color: #eaecf0;
}

.load-more-botton:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.admin-dashboard-buttonsbutton-wrapper1-child {
  background-color: #fff;
  border: none;
  outline: none;
  padding: 0;
}

.admin-dashboard-main-custom {
  width: 100% !important;
}

.admin-dashboard-search-lg-icon-custom {
  cursor: pointer;
}

.admin-dashboard-dashboard-frame-layout-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.admin-dashboard-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-dashboard-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-badge1, .admin-dashboard-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-dashboard-navigation, .admin-dashboard-search-input {
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-search-input {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.admin-dashboard-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-dashboard-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-search-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  outline: none;
  flex: 1;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-content3, .admin-dashboard-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-content3 {
  flex: 1;
  gap: 8px;
}

.admin-dashboard-divider-icon, .admin-dashboard-home-line-icon {
  position: relative;
  overflow: hidden;
}

.admin-dashboard-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
}

.admin-dashboard-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.admin-dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-content12, .admin-dashboard-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.admin-dashboard-content5, .admin-dashboard-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.admin-dashboard-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.admin-dashboard-supporting-text, .admin-dashboard-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-title {
  font-weight: 600;
}

.admin-dashboard-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.admin-dashboard-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.admin-dashboard-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-location {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.admin-dashboard-text20 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.admin-dashboard-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-text21 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.admin-dashboard-text22 {
  min-width: 65px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.admin-dashboard-tabs {
  gap: 8px;
}

.admin-dashboard-breadcrumbs, .admin-dashboard-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-heading, .admin-dashboard-supporting-text1 {
  align-self: stretch;
  position: relative;
}

.admin-dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.admin-dashboard-supporting-text1 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.admin-dashboard-text-and-supporting-text {
  color: #101828;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 678px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.admin-dashboard-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-dashboard-button, .admin-dashboard-button1, .admin-dashboard-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.admin-dashboard-button1, .admin-dashboard-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.admin-dashboard-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.admin-dashboard-actions, .admin-dashboard-button2, .admin-dashboard-button3 {
  flex-direction: row;
  align-items: center;
}

.admin-dashboard-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-actions {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.admin-dashboard-hint-text {
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-dashboard-button4, .admin-dashboard-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.admin-dashboard-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-button6, .admin-dashboard-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-dashboard-button6 {
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-text30 {
  min-width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-button7 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-content13, .admin-dashboard-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-input-dropdown {
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
}

.admin-dashboard-content13 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 70px;
  padding: 0;
}

.admin-dashboard-content13, .admin-dashboard-divider-icon1, .admin-dashboard-page-header {
  align-self: stretch;
  max-width: 100%;
}

.admin-dashboard-divider-icon1 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.admin-dashboard-button-group-base {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-button-group-base1, .admin-dashboard-button-group-base2 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-button-group-base2 {
  width: 77px;
}

.admin-dashboard-text34 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-button-group-base3, .admin-dashboard-button-group-base4, .admin-dashboard-button-group-base5, .admin-dashboard-button-group-base6, .admin-dashboard-button-group-base7 {
  box-sizing: border-box;
  z-index: 5;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.admin-dashboard-button-group-base4, .admin-dashboard-button-group-base5, .admin-dashboard-button-group-base6, .admin-dashboard-button-group-base7 {
  z-index: 4;
}

.admin-dashboard-button-group-base5, .admin-dashboard-button-group-base6, .admin-dashboard-button-group-base7 {
  z-index: 3;
}

.admin-dashboard-button-group-base6, .admin-dashboard-button-group-base7 {
  z-index: 2;
}

.admin-dashboard-button-group-base7 {
  z-index: 1;
}

.admin-dashboard-button-group, .admin-dashboard-button-group-base8 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.admin-dashboard-button-group-base8 {
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
}

.admin-dashboard-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-filter-date {
  min-width: 85px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-buttonsbutton1 {
  cursor: pointer;
  text-wrap: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-date-picker-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-filter-options {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-actions2, .admin-dashboard-buttonsbutton2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-dashboard-buttonsbutton2 {
  box-sizing: border-box;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-actions2 {
  color: #667085;
  justify-content: flex-start;
  gap: 12px;
}

.admin-dashboard-container, .admin-dashboard-header-section, .admin-dashboard-tabs-and-filters {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-tabs-and-filters {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
}

.admin-dashboard-container, .admin-dashboard-header-section {
  flex-direction: column;
  justify-content: flex-start;
}

.admin-dashboard-container {
  box-sizing: border-box;
  gap: 24px;
  padding: 0 32px;
}

.admin-dashboard-header-section {
  flex-shrink: 0;
}

.admin-dashboard-color {
  background-color: #7e56d9;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.admin-dashboard-legend-color {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.admin-dashboard-series-1 {
  min-width: 35px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 250px;
  display: flex;
}

.admin-dashboard-color1 {
  background-color: #b692f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.admin-dashboard-series-2 {
  min-width: 33px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-color2, .admin-dashboard-color3 {
  background-color: #6941c6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.admin-dashboard-color3 {
  background-color: #17b26a;
}

.admin-dashboard-series-4 {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-legend-series3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: none;
}

.admin-dashboard-color4 {
  background-color: #6172f3;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.admin-dashboard-series-5 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-legend-series4 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  display: none;
}

.admin-dashboard-color5 {
  background-color: #ee46bb;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: relative;
}

.admin-dashboard-legend {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.admin-dashboard-divider, .admin-dashboard-y-axis-line, .admin-dashboard-y-axis-line1 {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
}

.admin-dashboard-divider {
  border-top: 1px solid #f2f4f7;
  flex: 1;
  position: relative;
}

.admin-dashboard-y-axis-line, .admin-dashboard-y-axis-line1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 22px;
  padding: 11px 0 10px;
  display: flex;
}

.admin-dashboard-y-axis-line1 {
  height: 17px;
  padding: 8.5px 0 7.5px;
}

.admin-dashboard-divider6 {
  box-sizing: border-box;
  border-top: 1px solid #f2f4f7;
  flex-shrink: 0;
  width: 1217px;
  max-width: 121%;
  height: 1px;
  position: relative;
}

.admin-dashboard-y-axis, .admin-dashboard-y-axis-line6 {
  justify-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.admin-dashboard-y-axis-line6 {
  flex-direction: row;
  align-items: center;
  height: 17px;
  display: none;
}

.admin-dashboard-y-axis {
  flex-direction: column;
  align-items: flex-start;
  gap: 14.2px;
  display: flex;
}

.admin-dashboard-jan, .admin-dashboard-jul, .admin-dashboard-jun, .admin-dashboard-mar, .admin-dashboard-may {
  min-width: 21px;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-jul, .admin-dashboard-jun, .admin-dashboard-mar, .admin-dashboard-may {
  min-width: 23px;
}

.admin-dashboard-jul, .admin-dashboard-jun, .admin-dashboard-may {
  min-width: 25px;
}

.admin-dashboard-jul, .admin-dashboard-jun {
  min-width: 22px;
}

.admin-dashboard-jul {
  min-width: 17px;
}

.admin-dashboard-x-axis {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  padding: 0 24px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-chart-data-icon {
  object-fit: cover;
  z-index: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  height: 170px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-dashboard-content14 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
  position: relative;
}

.admin-dashboard-line-and-bar-chart, .admin-dashboard-line-and-bar-chart-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-line-and-bar-chart {
  flex: 1;
}

.admin-dashboard-line-and-bar-chart-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 32px;
}

.admin-dashboard-heading1, .admin-dashboard-number {
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-dashboard-number {
  white-space: nowrap;
  line-height: 38px;
}

.admin-dashboard-change1 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-change {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-dashboard-change-duration {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-change-and-text, .admin-dashboard-number-and-badge {
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-change-and-text {
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.admin-dashboard-number-and-badge {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 84px;
}

.admin-dashboard-chart-mini-icon {
  object-fit: contain;
  width: 128px;
  height: 64px;
  position: relative;
}

.admin-dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.admin-dashboard-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-dropdown, .admin-dashboard-metric-item {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-dropdown {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0 !important;
}

.admin-dashboard-metric-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 24px;
  min-width: 320px;
  max-width: 100%;
  padding: 20px 20px 24px 24px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.admin-dashboard-change-and-text1, .admin-dashboard-container1, .admin-dashboard-metric-group, .admin-dashboard-section {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.admin-dashboard-change-and-text1 {
  color: #da2d20;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.admin-dashboard-container1, .admin-dashboard-metric-group, .admin-dashboard-section {
  align-items: flex-start;
  max-width: 100%;
}

.admin-dashboard-metric-group {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 22px;
  padding: 0 4px 0 0;
}

.admin-dashboard-container1, .admin-dashboard-section {
  flex-direction: column;
}

.admin-dashboard-container1 {
  box-sizing: border-box;
  padding: 0 32px;
}

.admin-dashboard-section {
  color: #101828;
  flex-shrink: 0;
  font-size: 16px;
}

.admin-dashboard-separator, .admin-dashboard-separator1 {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.admin-dashboard-separator1 {
  height: 43px;
}

.admin-dashboard-main, .admin-dashboard-main-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 32px;
  height: 692px;
  padding: 32px 0;
  overflow: hidden;
}

.admin-dashboard-main-wrapper {
  color: #475467;
  flex-direction: column;
  align-self: stretch;
  padding: 0 0 4px;
}

.admin-dashboard-text42 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-breadcrumb-button-base6, .admin-dashboard-breadcrumb-button-base7 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.admin-dashboard-breadcrumb-button-base6 {
  flex: 1;
  padding: 4px 8px;
}

.admin-dashboard-breadcrumb-button-base7 {
  padding: 4px 7px;
}

.admin-dashboard-breadcrumbs1, .admin-dashboard-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-dashboard-tabs1 {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.admin-dashboard-breadcrumbs1 {
  width: 278px;
  display: none;
}

.admin-dashboard-text46 {
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.admin-dashboard-supporting-text2 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.admin-dashboard-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-text47 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-content16 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.admin-dashboard-content16, .admin-dashboard-input-with-label1, .admin-dashboard-input1 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.admin-dashboard-input1 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-dashboard-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-dashboard-input-dropdown1 {
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  font-size: 14px;
  display: none;
}

.admin-dashboard-content15 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 20px 16px;
  font-size: 26px;
}

.admin-dashboard-content15, .admin-dashboard-page-header-wrapper, .admin-dashboard-page-header1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-page-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.admin-dashboard-page-header-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 4px;
}

.admin-dashboard-supporting-text3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-supporting-text-wrapper {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  padding: 0 32px 20px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-tab-name {
  white-space: nowrap;
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.admin-dashboard-text48 {
  white-space: nowrap;
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.admin-dashboard-text49, .admin-dashboard-text50, .admin-dashboard-text51 {
  white-space: nowrap;
  min-width: 52px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-text50, .admin-dashboard-text51 {
  min-width: 62px;
}

.admin-dashboard-text51 {
  min-width: 34px;
}

.admin-dashboard-tab-button-base4 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 41px;
  padding: 0 3px 12px;
  display: flex;
}

.admin-dashboard-text52 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-tab-button-base5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 4px 12px;
  display: none;
}

.admin-dashboard-text55 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.admin-dashboard-badge10 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-tab-button-base7, .admin-dashboard-tab-button-base9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
}

.admin-dashboard-tab-button-base7 {
  box-sizing: border-box;
  gap: 8px;
  height: 32px;
  padding: 0 4px 12px;
}

.admin-dashboard-tab-button-base9 {
  align-self: stretch;
  padding: 0 3px 12px;
}

.admin-dashboard-tabs2 {
  flex-direction: row;
  gap: 12px;
  padding: 0 20px 0 0;
  overflow-x: auto;
}

.admin-dashboard-horizontal-tabs, .admin-dashboard-horizontal-tabs-wrapper, .admin-dashboard-tabs2 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-horizontal-tabs {
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.admin-dashboard-horizontal-tabs-wrapper {
  color: #667085;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 24px 32px;
}

.admin-dashboard-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.admin-dashboard-heading4 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-metric-card-title {
  flex-direction: column;
  flex: 1;
  padding: 4px 0 0;
}

.admin-dashboard-dropdown3, .admin-dashboard-metric-card, .admin-dashboard-metric-card-title {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-dropdown3 {
  z-index: 1;
  flex-direction: column;
  position: relative;
}

.admin-dashboard-metric-card {
  flex-direction: row;
  align-self: stretch;
}

.admin-dashboard-number3 {
  letter-spacing: -.02em;
  color: #101828;
  z-index: 1;
  width: 155px;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-metric-card-row {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-arrow-up-icon2 {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-options-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  display: flex;
}

.admin-dashboard-text58 {
  min-width: 116px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge11 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 150px;
  padding: 0 7px 0 8px;
  display: flex;
}

.admin-dashboard-frame-inner, .admin-dashboard-rectangle-group {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
}

.admin-dashboard-rectangle-group {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
  display: flex;
}

.admin-dashboard-frame-inner {
  width: 188px;
  height: 154px;
  display: none;
  position: relative;
}

.admin-dashboard-heading5, .admin-dashboard-number4 {
  z-index: 1;
  position: relative;
}

.admin-dashboard-heading5 {
  width: 147px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.admin-dashboard-number4 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
}

.admin-dashboard-change-amount {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge12 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #067647;
  border: 1.5px solid #079455;
  border-radius: 9999px;
  flex-direction: row;
  gap: 2px;
  width: 64px;
  padding: 0 7px 0 8px;
}

.admin-dashboard-badge12, .admin-dashboard-frame-container, .admin-dashboard-heading-parent, .admin-dashboard-rectangle-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-heading-parent {
  flex-direction: column;
  gap: 8px;
  width: 157px;
}

.admin-dashboard-frame-container, .admin-dashboard-rectangle-container {
  box-sizing: border-box;
}

.admin-dashboard-frame-container {
  flex-direction: column;
  width: 147px;
  padding: 4px 0 0;
}

.admin-dashboard-rectangle-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 4px 22px 15px;
}

.admin-dashboard-heading-group {
  gap: 8px;
  width: 153px;
}

.admin-dashboard-dropdown7, .admin-dashboard-heading-container, .admin-dashboard-heading-group, .admin-dashboard-heading-parent1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-heading-container {
  gap: 8px;
  width: 163px;
}

.admin-dashboard-dropdown7, .admin-dashboard-heading-parent1 {
  flex-shrink: 0;
}

.admin-dashboard-heading-parent1 {
  gap: 8px;
  width: 170px;
}

.admin-dashboard-dropdown7 {
  z-index: 1;
}

.admin-dashboard-frame-group, .admin-dashboard-frame-wrapper, .admin-dashboard-rectangle-parent2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-rectangle-parent2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  justify-content: flex-start;
  min-width: 184px;
  max-width: 188px;
  padding: 20px 2px 22px 16px;
}

.admin-dashboard-frame-group, .admin-dashboard-frame-wrapper {
  max-width: 100%;
}

.admin-dashboard-frame-group {
  z-index: 1;
  flex: 1;
  justify-content: flex-start;
  gap: 19px;
}

.admin-dashboard-frame-wrapper {
  box-sizing: border-box;
  color: #475467;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 30px 24px;
}

.admin-dashboard-text62, .admin-dashboard-text63 {
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-text63 {
  min-width: 74px;
}

.admin-dashboard-buttonsbutton4, .admin-dashboard-text-padding11 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.admin-dashboard-buttonsbutton4 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 84px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-text64 {
  min-width: 78px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-buttonsbutton5 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 87px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-text65 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-dropdowns, .admin-dashboard-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-dropdowns {
  box-sizing: border-box;
  flex: .5;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.admin-dashboard-input2 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  min-width: 208px;
  max-width: 320px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-input-dropdown2, .admin-dashboard-input-with-label2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-input-with-label2 {
  flex: .65;
  align-self: stretch;
  gap: 6px;
}

.admin-dashboard-input-dropdown2 {
  flex: .5;
  gap: 8px;
  flex-direction: row !important;
  justify-content: flex-end !important;
}

.admin-dashboard-content17 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 16px;
}

.admin-dashboard-content17, .admin-dashboard-filters-bar, .admin-dashboard-section1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.admin-dashboard-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.admin-dashboard-frame-child3, .admin-dashboard-section-wrapper {
  box-sizing: border-box;
  max-width: 100%;
}

.admin-dashboard-section-wrapper {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 24px;
  display: flex;
  position: relative;
}

.admin-dashboard-frame-child3 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 282px;
  display: none;
  position: relative;
}

.admin-dashboard-content-elements-icon {
  object-fit: cover;
  z-index: 1;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  position: relative;
}

.admin-dashboard-search-input-icons {
  z-index: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.admin-dashboard-search-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  display: flex;
}

.admin-dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-dashboard-badge-number {
  min-width: 66px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge16 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  text-align: center;
  color: #17b26a;
  background-color: #edfbf5;
  border: 1px solid #41d992;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 84px;
  padding: 0 8px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-supporting-text4 {
  z-index: 1;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-location1 {
  z-index: 1;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.admin-dashboard-type-of-work {
  z-index: 1;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-location-badge, .admin-dashboard-location-badge-number, .admin-dashboard-type-number {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-location-badge-number {
  flex: 1;
  gap: 20px;
  max-width: 100%;
}

.admin-dashboard-location-badge, .admin-dashboard-type-number {
  box-sizing: border-box;
}

.admin-dashboard-location-badge {
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 0 1px;
}

.admin-dashboard-type-number {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  width: 50px;
  padding: 1px 4px;
}

.admin-dashboard-supporting-text5 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  padding: 1px 0 0;
}

.admin-dashboard-location-elements, .admin-dashboard-type-badge-elements, .admin-dashboard-type-support {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-type-badge-elements {
  color: #fff;
  flex-direction: row;
  gap: 8px;
}

.admin-dashboard-location-elements {
  flex-direction: column;
  align-self: stretch;
  gap: 15px;
  max-width: 100%;
}

.admin-dashboard-card-badge-number {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-badge17 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 112px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge18 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge19 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 76px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-third-badge-number {
  width: 149px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge20 {
  box-sizing: border-box;
  white-space: nowrap;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 107px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-badge-elements {
  flex-direction: row;
  flex: 1;
  gap: 8px;
}

.admin-dashboard-badge-elements, .admin-dashboard-badge-elements-wrapper, .admin-dashboard-card-badge-elements {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-badge-elements-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 14px;
}

.admin-dashboard-card-badge-elements {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.admin-dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge21 {
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-action-fields, .admin-dashboard-card-elements, .admin-dashboard-input-elements {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-card-elements {
  color: #475467;
  flex-direction: row;
  align-items: flex-end;
  gap: 7px;
  width: 616px;
  font-size: 16px;
}

.admin-dashboard-action-fields, .admin-dashboard-input-elements {
  flex-direction: column;
  align-items: flex-start;
}

.admin-dashboard-input-elements {
  align-self: stretch;
  gap: 16px;
}

.admin-dashboard-action-fields {
  box-sizing: border-box;
  flex: 1;
  padding: 10px 0 0;
}

.admin-dashboard-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.admin-dashboard-dropdown-options {
  z-index: 2;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.admin-dashboard-frame-wrapper3, .admin-dashboard-radar-1-1-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-radar-1-1-parent {
  z-index: 1;
  flex: 1;
  gap: 8px;
}

.admin-dashboard-frame-wrapper3 {
  align-self: stretch;
  padding: 0 4px 0 3px;
}

.admin-dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  gap: 4px;
}

.admin-dashboard-dropdown-elements, .admin-dashboard-dropdown-options-parent, .admin-dashboard-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px;
  font-size: 12px;
}

.admin-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
}

.admin-dashboard-filter-elements-inner {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.admin-dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.admin-dashboard-content-actions, .admin-dashboard-content-elements-parent {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-content-actions {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 525px;
}

.admin-dashboard-content-elements-parent {
  align-self: stretch;
  align-items: flex-end;
  gap: 23px;
}

.admin-dashboard-location-column-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 35px;
  width: 52px;
  height: 52px;
  position: relative;
}

.admin-dashboard-name, .admin-dashboard-role {
  display: inline-block;
  position: relative;
}

.admin-dashboard-name {
  z-index: 1;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.admin-dashboard-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.detailed-role {
  color: #6941c6;
  z-index: 2;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-location-column-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-icon1 {
  width: 16.7px;
  height: 16.7px;
  position: relative;
}

.admin-dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.7px 0 0;
  display: flex;
}

.admin-dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-buttonsbutton8, .admin-dashboard-buttonsbutton9 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-buttonsbutton9 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.admin-dashboard-buttonsbutton-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.admin-dashboard-buttonsbutton-parent, .admin-dashboard-primary-table, .admin-dashboard-primary-table-inner {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-primary-table-inner {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 250px;
  max-width: 100%;
  padding: 6px 0 0;
}

.admin-dashboard-primary-table {
  flex-direction: row;
  gap: 24px;
  width: 556.4px;
  max-width: calc(100% - 44px);
}

.admin-dashboard-arrow-square-up-right-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-arrow-square-up-right-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 0 0;
  display: flex;
}

.admin-dashboard-primary-table-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-content-items, .admin-dashboard-help-avatar, .admin-dashboard-rectangle-parent3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-help-avatar {
  flex-direction: column;
  gap: 16px;
  width: 968px;
  font-size: 14px;
}

.admin-dashboard-content-items, .admin-dashboard-rectangle-parent3 {
  box-sizing: border-box;
}

.admin-dashboard-rectangle-parent3 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 15px 23px;
}

.admin-dashboard-content-items {
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 24px 32px;
  font-size: 18px;
}

.admin-dashboard-text71 {
  min-width: 55px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge22 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 1;
  background-color: #fff9ef;
  border: 1px solid #f5b231;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 73px;
  padding: 0 8px;
  display: flex;
}

.admin-dashboard-supporting-text6 {
  color: #475467;
  text-align: left;
  z-index: 1;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge-parent {
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.admin-dashboard-badge-parent, .admin-dashboard-badge23, .admin-dashboard-frame-parent4 {
  flex-direction: row;
  justify-content: flex-start;
}

.admin-dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-badge23 {
  white-space: nowrap;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-badge23, .admin-dashboard-badge24, .admin-dashboard-frame-parent3 {
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-frame-parent3 {
  color: #f5b231;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 15px;
  min-width: 114px;
}

.admin-dashboard-badge24 {
  white-space: nowrap;
  flex-direction: row;
}

.admin-dashboard-badge24, .admin-dashboard-badge25 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-badge-elements-copy, .admin-dashboard-badge25, .admin-dashboard-price-badge-elements {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-badge-elements-copy {
  flex: 1;
  justify-content: flex-start;
  gap: 8px;
}

.admin-dashboard-price-badge-elements {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 6px 0 0;
  font-size: 14px;
}

.admin-dashboard-frame-parent5 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  min-width: 109px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-badge26, .admin-dashboard-date-elements {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 10px 0 18px;
  display: flex;
}

.admin-dashboard-badge26 {
  white-space: nowrap;
  z-index: 1;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-badge27, .admin-dashboard-date-elements-parent {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-date-elements-parent {
  text-align: left;
  flex-direction: column;
  flex: .9649;
  align-items: flex-end;
  gap: 56px;
  min-width: 111px;
  padding: 0 6px 0 0;
  font-size: 16px;
}

.admin-dashboard-badge27 {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-frame-parent2 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 2px;
  width: 615px;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.admin-dashboard-frame-parent1, .admin-dashboard-frame-parent2, .admin-dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-frame-parent1 {
  flex: 1;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
}

.admin-dashboard-rectangle-parent5 {
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
}

.admin-dashboard-frame-child5, .admin-dashboard-frame-child6 {
  z-index: 1;
  width: 24px;
  height: 24px;
  position: relative;
}

.admin-dashboard-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 282px;
  display: none;
}

.admin-dashboard-frame-child7, .admin-dashboard-text78 {
  z-index: 2;
  position: relative;
}

.admin-dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
}

.admin-dashboard-text78 {
  font-weight: 600;
  line-height: 28px;
}

.admin-dashboard-badge28 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 522px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-location3, .admin-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-type-of-work2 {
  min-width: 109px;
}

.admin-dashboard-frame-parent12, .admin-dashboard-frame-wrapper12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-frame-parent12 {
  justify-content: flex-start;
  gap: 20px;
}

.admin-dashboard-frame-wrapper12 {
  justify-content: flex-end;
  padding: 0 5px;
}

.admin-dashboard-badge29, .admin-dashboard-badge30 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-badge29 {
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
  width: 77px;
}

.admin-dashboard-badge30 {
  width: 76px;
}

.admin-dashboard-badge-container, .admin-dashboard-badge30, .admin-dashboard-badge31 {
  flex-direction: row;
  align-items: flex-start;
}

.admin-dashboard-badge31 {
  white-space: nowrap;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  justify-content: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-badge-container {
  text-align: center;
  color: #344054;
  gap: 8px;
  font-size: 14px;
}

.admin-dashboard-badge-container, .admin-dashboard-badge32, .admin-dashboard-frame-parent11 {
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-frame-parent11 {
  text-align: left;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 56px;
  font-size: 16px;
  position: absolute;
  top: 0;
  left: 180px;
}

.admin-dashboard-badge32 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #eceef1;
  border: 1px solid #98a2b3;
  border-radius: 9999px;
  flex-direction: row;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  padding: 0 8px;
}

.admin-dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.admin-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge33, .admin-dashboard-frame-parent15 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-frame-parent15 {
  color: #98a2b3;
  flex-direction: column;
  gap: 15px;
  width: 181px;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-dashboard-badge-group {
  text-align: center;
  color: #344054;
  width: 615px;
  max-width: 100%;
  height: 104px;
  font-size: 14px;
  position: relative;
}

.admin-dashboard-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-price2, .admin-dashboard-text83 {
  position: relative;
}

.admin-dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.admin-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
}

.admin-dashboard-radar-1-1-container, .admin-dashboard-rectangle-parent7 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-radar-1-1-container {
  z-index: 2;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
}

.admin-dashboard-rectangle-parent7 {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 0 0 76px;
}

.admin-dashboard-frame-child8 {
  object-fit: cover;
  z-index: 2;
  width: 52px;
  height: 52px;
  position: relative;
}

.admin-dashboard-name2, .admin-dashboard-role2 {
  display: inline-block;
  position: relative;
}

.admin-dashboard-name2 {
  z-index: 2;
  min-width: 77px;
  font-weight: 600;
  line-height: 23px;
}

.admin-dashboard-role2 {
  color: #6941c6;
  z-index: 3;
  flex-shrink: 0;
  min-width: 87px;
  height: 19px;
  font-size: 12px;
  line-height: 24px;
}

.admin-dashboard-buttonsbutton13, .admin-dashboard-buttonsbutton14 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-buttonsbutton13 {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-buttonsbutton14 {
  flex: 1;
  gap: 5.5px;
  min-width: 86px;
  padding: 6px 11px;
  overflow-x: auto;
}

.admin-dashboard-buttonsbutton14, .admin-dashboard-buttonsbutton15, .admin-dashboard-frame-parent18 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-buttonsbutton15 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.4px;
  min-width: 86px;
  padding: 6px 10px 6px 12px;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-frame-parent18 {
  gap: 24px;
  width: 556.4px;
  max-width: 100%;
}

.admin-dashboard-text84 {
  width: 66px;
  min-width: 66px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-content19 {
  white-space: nowrap;
  background-color: #0c111d;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 12px;
  display: flex;
}

.admin-dashboard-tooltip-icon {
  width: 28px;
  height: 6px;
  position: relative;
}

.admin-dashboard-tooltip {
  z-index: 3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.admin-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-frame-wrapper16, .admin-dashboard-tooltip-parent {
  flex-direction: column;
  display: flex;
}

.admin-dashboard-tooltip-parent {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
}

.admin-dashboard-frame-wrapper16 {
  text-align: center;
  color: #fff;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 14px;
  font-size: 12px;
}

.admin-dashboard-divider-icon5, .admin-dashboard-frame-parent17 {
  width: 968px;
  max-width: 100%;
  margin-top: -69px;
}

.admin-dashboard-frame-parent17 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-divider-icon5 {
  z-index: 2;
  max-height: 100%;
  position: relative;
}

.admin-dashboard-rectangle-parent6 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  min-height: 282px;
  padding: 14px 13px 17px 23px;
  display: flex;
}

.admin-dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge34, .admin-dashboard-badge36 {
  z-index: 2;
  justify-content: flex-start;
}

.admin-dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.admin-dashboard-badge36 {
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-badge36, .admin-dashboard-badge37, .admin-dashboard-frame-wrapper18 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-badge37 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: flex-start;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 2px 0 0;
  font-size: 14px;
}

.admin-dashboard-frame-parent24 {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-frame-wrapper19 {
  flex-direction: row;
  padding: 0 14px;
}

.admin-dashboard-badge38, .admin-dashboard-frame-parent26, .admin-dashboard-frame-wrapper19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  padding: 0 7px;
  font-size: 14px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
}

.admin-dashboard-badge39, .admin-dashboard-frame-parent21 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  align-items: flex-end;
  gap: 6.3px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
}

.admin-dashboard-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-element-details-child, .admin-dashboard-frame-child12 {
  border-radius: 12px;
  display: none;
  position: relative;
}

.admin-dashboard-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  width: 1016px;
  max-width: 100%;
  height: 208px;
}

.admin-dashboard-element-details-child {
  background-color: #f5f5f5;
  width: 160px;
  height: 160px;
}

.admin-dashboard-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.admin-dashboard-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.admin-dashboard-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.admin-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-dashboard-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.admin-dashboard-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-date-icon, .admin-dashboard-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-type-label {
  color: #101828;
  font-size: 14px;
}

.admin-dashboard-date-icon {
  flex: 1;
  gap: 16px;
  min-width: 114px;
}

.admin-dashboard-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.admin-dashboard-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-work-type-icon, .admin-dashboard-work-type-value {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-work-type-value {
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 0 1px;
  font-size: 14px;
}

.admin-dashboard-work-type-icon {
  flex-direction: column;
  gap: 58px;
  width: 152px;
  min-width: 152px;
}

.admin-dashboard-calendar-icon6 {
  flex: 1;
  gap: 8px;
  min-width: 218px;
  max-width: 100%;
}

.admin-dashboard-action-icons, .admin-dashboard-calendar-icon6, .admin-dashboard-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-work-type-label {
  gap: 8px;
  margin-left: -9px;
}

.admin-dashboard-action-icons {
  color: #475467;
  align-self: stretch;
  row-gap: 20px;
  max-width: 100%;
  font-size: 16px;
}

.admin-dashboard-element-actions {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 302px;
}

.admin-dashboard-element-actions, .admin-dashboard-element-details-parent, .admin-dashboard-frame-wrapper25 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-element-details-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 24px;
}

.admin-dashboard-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  width: 648px;
  padding: 10px 0 0;
}

.admin-dashboard-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.admin-dashboard-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.admin-dashboard-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.admin-dashboard-frame-parent32, .admin-dashboard-trend-chart-inner {
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-frame-parent32 {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 19px;
}

.admin-dashboard-trend-chart-inner {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
}

.admin-dashboard-dropdown-parent1, .admin-dashboard-frame-parent31, .admin-dashboard-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-trend-chart {
  align-items: flex-start;
  gap: 4px;
  width: 113px;
}

.admin-dashboard-dropdown-parent1, .admin-dashboard-frame-parent31 {
  align-items: flex-end;
}

.admin-dashboard-frame-parent31 {
  flex: 1;
}

.admin-dashboard-dropdown-parent1 {
  text-align: center;
  color: #475467;
  gap: 22px;
  width: 153px;
  font-size: 12px;
}

.admin-dashboard-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.admin-dashboard-f4b711e503bc72fe396e5043e0c2-1-icon1 {
  object-fit: cover;
  z-index: 2;
  width: 84px;
  height: 84px;
  position: relative;
}

.admin-dashboard-rectangle-parent12 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 38px;
  display: flex;
}

.admin-dashboard-text103 {
  z-index: 1;
  min-width: 128px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-text-wrapper11 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 8px 0 0;
  font-size: 18px;
  display: flex;
}

.admin-dashboard-icon9 {
  z-index: 1;
  width: 12px;
  height: 9.3px;
  position: relative;
}

.admin-dashboard-icon-wrapper4 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.admin-dashboard-span {
  font-weight: 500;
}

.admin-dashboard-supporting-text16 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 63px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-supporting-text-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 16px 0 0;
  display: flex;
}

.admin-dashboard-frame-child15 {
  z-index: 1;
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-dashboard-supporting-text17 {
  z-index: 1;
  flex-shrink: 0;
  min-width: 70.9px;
  height: 19px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-frame-parent36, .admin-dashboard-frame-parent37, .admin-dashboard-location-elements-triple {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-frame-parent37, .admin-dashboard-location-elements-triple {
  gap: 7px;
  font-size: 16px;
}

.admin-dashboard-frame-parent37 {
  color: #fff;
  gap: 8px;
}

.admin-dashboard-text105, .admin-dashboard-text106 {
  z-index: 1;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.admin-dashboard-user-avatar {
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.admin-dashboard-text105, .admin-dashboard-text106 {
  display: inline-block;
}

.admin-dashboard-text105 {
  min-width: 103px;
}

.admin-dashboard-text106 {
  flex-shrink: 0;
  width: 151px;
}

.admin-dashboard-icon-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 34px;
  display: flex;
}

.admin-dashboard-supporting-text19 {
  z-index: 2;
  min-width: 92.1px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-sidebar-content1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 161.9px;
  padding: 0 20px 0 0;
  display: flex;
}

.admin-dashboard-supporting-text20, .admin-dashboard-supporting-text21 {
  z-index: 2;
  flex-shrink: 0;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-supporting-text20 {
  min-width: 70.9px;
}

.admin-dashboard-supporting-text21 {
  width: 104px;
}

.admin-dashboard-sidebar1 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 469px;
  max-width: 100%;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-frame-parent33, .admin-dashboard-frame-parent34, .admin-dashboard-nav-item-button-icon {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-nav-item-button-icon {
  color: #101828;
  flex-direction: column;
  align-self: stretch;
  font-size: 14px;
}

.admin-dashboard-frame-parent33, .admin-dashboard-frame-parent34 {
  flex: 1;
}

.admin-dashboard-frame-parent34 {
  flex-direction: column;
  gap: 16px;
  min-width: 335px;
}

.admin-dashboard-frame-parent33 {
  flex-direction: row;
  gap: 24px;
}

.admin-dashboard-text107 {
  min-width: 123px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-buttonsbutton-wrapper, .admin-dashboard-buttonsbutton19 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 5px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-buttonsbutton-wrapper {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 27px 0 0;
}

.admin-dashboard-arrow-square-up-right-icon4 {
  z-index: 3;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-dropdown-parent2, .admin-dashboard-frame-parent38 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.admin-dashboard-frame-parent38 {
  flex: 1;
  gap: 27px;
}

.admin-dashboard-dropdown-parent2 {
  align-self: stretch;
  gap: 50px;
}

.admin-dashboard-frame-wrapper29 {
  box-sizing: border-box;
  color: #344054;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 215px;
  padding: 0 0 9px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-rectangle-parent11 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 63px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.admin-dashboard-content-items5, .admin-dashboard-frame-child16, .admin-dashboard-rectangle-parent11 {
  box-sizing: border-box;
  max-width: 100%;
}

.admin-dashboard-content-items5 {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px 24px 32px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-frame-child16 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  height: 208px;
  display: none;
  position: relative;
}

.admin-dashboard-supporting-text-parent {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-supporting-text24 {
  color: #475467;
  z-index: 1;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-frame-parent43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.admin-dashboard-supporting-text25 {
  color: #475467;
  z-index: 1;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-frame-parent42 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  min-width: 272px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-text111 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.admin-dashboard-supporting-text26 {
  color: #475467;
  z-index: 1;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-text-parent8 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 233px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-frame-parent39, .admin-dashboard-frame-parent41 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-frame-parent41 {
  color: #fff;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-end;
  gap: 34px;
  font-size: 16px;
}

.admin-dashboard-frame-parent39 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 445px;
}

.admin-dashboard-dropdown14, .admin-dashboard-text112 {
  z-index: 1;
  position: absolute;
}

.admin-dashboard-dropdown14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.admin-dashboard-text112 {
  min-width: 41px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 137px;
}

.admin-dashboard-price5 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.admin-dashboard-price6, .admin-dashboard-text113 {
  z-index: 1;
  position: relative;
}

.admin-dashboard-text113 {
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
}

.admin-dashboard-price6 {
  letter-spacing: -.02em;
  white-space: nowrap;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
}

.admin-dashboard-content-table-cards {
  color: #6941c6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7.5px;
  width: 316px;
  font-size: 20px;
  display: flex;
  position: absolute;
  top: 39px;
  left: 0;
}

.admin-dashboard-text114 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.admin-dashboard-radar-1-1-parent3 {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-arrow-square-up-right-icon5 {
  z-index: 4;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-arrow-square-up-right-frame {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 43px 0 0;
  display: flex;
}

.admin-dashboard-frame-parent46, .admin-dashboard-frame-wrapper32 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-frame-parent46 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-dashboard-frame-wrapper32 {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 217px;
  padding: 0 10px;
}

.admin-dashboard-frame-parent45, .admin-dashboard-frame-wrapper31 {
  flex-direction: column;
  display: flex;
}

.admin-dashboard-frame-parent45 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
}

.admin-dashboard-frame-wrapper31 {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  justify-content: flex-end;
  align-items: flex-start;
  width: 326px;
  min-width: 326px;
  max-width: 100%;
  margin-left: -33px;
  padding: 0 0 9px;
  font-size: 12px;
}

.admin-dashboard-card-container-child, .admin-dashboard-rectangle-parent13 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  max-width: 100%;
}

.admin-dashboard-rectangle-parent13 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  padding: 12px 13px 22px 23px;
  display: flex;
}

.admin-dashboard-card-container-child {
  width: 1016px;
  height: 301px;
  display: none;
  position: relative;
}

.admin-dashboard-supporting-text27 {
  z-index: 2;
  min-width: 83px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-title-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-supporting-text30 {
  color: #475467;
  z-index: 3;
  min-width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-detail-title-container {
  color: #101828;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 151px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-supporting-text31 {
  color: #475467;
  z-index: 3;
  width: 113px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-card-row {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 445px;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.admin-dashboard-dropdown15, .admin-dashboard-item-title {
  z-index: 2;
  position: absolute;
}

.admin-dashboard-dropdown15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  top: 0;
  left: 306px;
}

.admin-dashboard-item-title {
  min-width: 36px;
  line-height: 20px;
  display: inline-block;
  top: 19px;
  left: 139px;
}

.admin-dashboard-price7 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 3;
  flex: 1;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.admin-dashboard-text116 {
  z-index: 2;
  min-width: 15px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-currency {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 0 0;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-item-title1 {
  z-index: 4;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  top: 70px;
  left: 116px;
}

.admin-dashboard-list-item {
  align-self: stretch;
  height: 90px;
  position: relative;
}

.admin-dashboard-item-icons {
  z-index: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-magnifier-1-icon7 {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.admin-dashboard-frame-wrapper33 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 310px;
  padding: 0 20px;
  display: flex;
}

.admin-dashboard-card-container, .admin-dashboard-card-list, .admin-dashboard-list-item-parent {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-list-item-parent {
  text-align: center;
  color: #475467;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  width: 326px;
  min-width: 326px;
  margin-left: -33px;
  font-size: 12px;
}

.admin-dashboard-card-container, .admin-dashboard-card-list {
  align-items: flex-start;
}

.admin-dashboard-card-list {
  flex-direction: row;
  align-self: stretch;
  row-gap: 20px;
}

.admin-dashboard-card-container {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  padding: 12px 13px 22px 23px;
}

.admin-dashboard-text-wrapper18 {
  padding: 0 60px 0 57px;
}

.admin-dashboard-frame-wrapper37, .admin-dashboard-price-wrapper, .admin-dashboard-text-wrapper18, .admin-dashboard-text-wrapper19 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-price-wrapper {
  color: #6941c6;
  align-self: stretch;
  padding: 0 3px 0 0;
  font-size: 20px;
}

.admin-dashboard-frame-wrapper37, .admin-dashboard-text-wrapper19 {
  padding: 0 33px 4px 30px;
}

.admin-dashboard-frame-wrapper37 {
  padding: 0 37px 0 0;
}

.admin-dashboard-frame-parent60 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.admin-dashboard-frame-wrapper36 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 7px 0 0;
  display: flex;
}

.admin-dashboard-text-parent12 {
  color: #101828;
  justify-content: flex-start;
  gap: 16px;
  font-size: 18px;
}

.admin-dashboard-buttonsbutton-frame, .admin-dashboard-frame-parent64, .admin-dashboard-text-parent12 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-frame-parent64 {
  justify-content: flex-start;
  gap: 7.3px;
}

.admin-dashboard-buttonsbutton-frame {
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 30px 0 0;
}

.admin-dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.admin-dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 114px;
  display: flex;
}

.admin-dashboard-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-dashboard-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-change7, .admin-dashboard-text139 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-change7 {
  min-width: 38px;
  display: inline-block;
}

.admin-dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.admin-dashboard-change-and-text3, .admin-dashboard-number-and-badge3 {
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.admin-dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
}

.admin-dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.admin-dashboard-dropdown19, .admin-dashboard-metric-item3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-dropdown19 {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.admin-dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  gap: 20px;
  min-width: 229px;
  padding: 16px 15px 20px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-buttonsbutton25, .admin-dashboard-buttonsbutton26, .admin-dashboard-metric-item-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-metric-item-parent {
  gap: 25px;
  width: 968px;
  max-width: 100%;
  font-size: 16px;
}

.admin-dashboard-buttonsbutton25, .admin-dashboard-buttonsbutton26 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 5.5px;
  min-width: 92px;
  padding: 6px 11px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-buttonsbutton26 {
  gap: 5.4px;
  padding: 6px 10px 6px 12px;
}

.admin-dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-ellipse-div {
  z-index: 3;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-dashboard-div {
  z-index: 4;
  align-items: center;
  width: 7px;
  min-width: 7px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
  position: absolute;
  top: 4px;
  left: 6px;
}

.admin-dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2.7px;
  margin: 0 !important;
}

.admin-dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-arrow-square-up-right-wrapper1, .admin-dashboard-buttonsbutton-parent1, .admin-dashboard-buttonsbutton27 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  gap: 16px;
  width: 523.3px;
  max-width: calc(100% - 44px);
}

.admin-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  padding: 8px 0 0;
}

.admin-dashboard-divider-container1, .admin-dashboard-frame-parent71 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  width: 968px;
  font-size: 14px;
}

.admin-dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24.3px;
  padding: 12px 13px 22px 23px;
}

.admin-dashboard-text146 {
  min-width: 72px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-buttonsbutton-wrapper1, .admin-dashboard-buttonsbutton28 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-buttonsbutton28 {
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-buttonsbutton-wrapper1 {
  justify-content: center;
  align-self: stretch;
  padding: 0 20px;
}

.admin-dashboard-text147 {
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.admin-dashboard-card-header-badge {
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.admin-dashboard-badge46, .admin-dashboard-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-badge46 {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.admin-dashboard-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.admin-dashboard-supporting-text44 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-text-and-supporting-text2 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  min-width: 424px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-text151 {
  min-width: 92px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-actions3, .admin-dashboard-button11 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-dashboard-button11 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-actions3 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.admin-dashboard-content20, .admin-dashboard-divider-icon10 {
  align-self: stretch;
  max-width: 100%;
}

.admin-dashboard-content20 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
  display: flex;
}

.admin-dashboard-divider-icon10 {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-card-header, .admin-dashboard-frame-parent72 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-card-header {
  z-index: 1;
  color: #101828;
  background-color: #fff;
  align-self: stretch;
  gap: 20px;
  font-size: 26px;
}

.admin-dashboard-frame-parent72 {
  flex: 1;
  gap: 24px;
}

.admin-dashboard-button-group-base9, .admin-dashboard-frame-wrapper44 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.admin-dashboard-frame-wrapper44 {
  color: #344054;
  z-index: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 32px;
}

.admin-dashboard-button-group-base9 {
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
}

.admin-dashboard-text153 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-button-group-base10 {
  white-space: nowrap;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-button-group-base10, .admin-dashboard-button-group-base11, .admin-dashboard-button-group-base17 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
}

.admin-dashboard-button-group-base11 {
  z-index: 6;
  align-self: stretch;
  padding: 8px 16px;
  display: none;
}

.admin-dashboard-button-group-base17 {
  flex-shrink: 0;
  width: 93px;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-button-group1 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-search-placeholder1 {
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-supporting-text45 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  line-height: 24px;
  display: none;
  position: relative;
}

.admin-dashboard-content22, .admin-dashboard-input-with-label3, .admin-dashboard-input3 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.admin-dashboard-input-with-label3, .admin-dashboard-input3 {
  align-self: stretch;
}

.admin-dashboard-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.admin-dashboard-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-dashboard-hint-text3 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-dashboard-input-dropdown3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.admin-dashboard-actions4, .admin-dashboard-button12 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-dashboard-button12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-actions4 {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.admin-dashboard-content-items9, .admin-dashboard-content21, .admin-dashboard-filters-bar1 {
  box-sizing: border-box;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-content21 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  padding: 12px 16px;
}

.admin-dashboard-content-items9, .admin-dashboard-filters-bar1 {
  justify-content: flex-start;
}

.admin-dashboard-filters-bar1 {
  z-index: 2;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  flex: 1;
}

.admin-dashboard-content-items9 {
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 30px 23px 32px;
}

.admin-dashboard-badge-number1, .admin-dashboard-text162 {
  min-width: 123px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge-number1 {
  min-width: 56px;
  font-weight: 500;
  line-height: 18px;
}

.admin-dashboard-badge47, .admin-dashboard-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-badge47 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
  font-size: 12px;
}

.admin-dashboard-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.admin-dashboard-supporting-text46 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-text-and-supporting-text3 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.admin-dashboard-actions5, .admin-dashboard-card-header1, .admin-dashboard-content23 {
  justify-content: flex-start;
  max-width: 100%;
}

.admin-dashboard-actions5 {
  color: #475467;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: none;
}

.admin-dashboard-card-header1, .admin-dashboard-content23 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-content23 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 24px 0;
}

.admin-dashboard-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
  font-size: 18px;
}

.admin-dashboard-checkbox-base {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-sub-nav-item {
  min-width: 34px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-sub-nav-items {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-dashboard-sub-nav-items-wrapper {
  flex-direction: column;
  padding: 1px 0 0;
}

.admin-dashboard-checkbox-wrapper, .admin-dashboard-sub-nav-items-wrapper, .admin-dashboard-table-header-cell {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-table-header-cell {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  width: 441px;
  padding: 12px 24px 10px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: -380px;
  margin: 0 !important;
}

.admin-dashboard-checkbox-wrapper {
  flex-direction: column;
  padding: 10px 0 0;
}

.admin-dashboard-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-avatar2, .admin-dashboard-contrast-border2 {
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  display: flex;
}

.admin-dashboard-contrast-border2 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  justify-content: flex-end;
  padding: 30px 0 0 26px;
  overflow: hidden;
}

.admin-dashboard-avatar2 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
}

.admin-dashboard-account-button, .admin-dashboard-supporting-text47 {
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-account-button {
  min-width: 75px;
  font-weight: 500;
}

.admin-dashboard-supporting-text47 {
  color: #475467;
  min-width: 97px;
}

.admin-dashboard-table-cell {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 44px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.admin-dashboard-avatar3 {
  background-image: url("avatar3@3x.1f4d46c9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-dropdown-first-date {
  min-width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.admin-dashboard-text167 {
  min-width: 84px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.admin-dashboard-avatar5 {
  background-image: url("avatar4@3x.27b7e1fb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-card-content-third {
  white-space: nowrap;
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-contrast-border6, .admin-dashboard-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.admin-dashboard-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -380px;
  overflow-x: auto;
}

.admin-dashboard-contrast-border6 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.admin-dashboard-card-header-actions {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-dashboard-avatar6 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.admin-dashboard-button-upload-icon {
  min-width: 82px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-button-upload, .admin-dashboard-table-cell4 {
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-table-cell4 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  font-size: 16px;
  position: absolute;
  top: 332px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.admin-dashboard-dropdown-table-input {
  min-width: 78px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.admin-dashboard-avatar8 {
  background-image: url("avatar5@3x.f36d8172.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-table-cell6, .admin-dashboard-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.admin-dashboard-table-cell7 {
  text-align: center;
  color: #667085;
  width: 428px;
  font-size: 16px;
  bottom: 144px;
}

.admin-dashboard-avatar10 {
  background-image: url("avatar6@3x.5f263d4b.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-title3 {
  min-width: 67px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.admin-dashboard-avatar11 {
  background-image: url("avatar7@3x.bebe0bf4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-title4 {
  min-width: 95px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -380px;
  overflow-x: auto;
  margin: 0 !important;
}

.admin-dashboard-text169 {
  min-width: 50px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-header, .admin-dashboard-table-header-cell1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-table-header {
  gap: 4px;
}

.admin-dashboard-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  width: 255px;
  padding: 13px 24px 11px;
}

.admin-dashboard-text170 {
  min-width: 93px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 255px;
  padding: 26px 24px 24px;
  display: flex;
}

.admin-dashboard-text171 {
  min-width: 85px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 247px;
  padding: 26px 24px 24px;
  display: flex;
}

.admin-dashboard-text172 {
  min-width: 91px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell15, .admin-dashboard-table-cell16, .admin-dashboard-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.admin-dashboard-table-cell16, .admin-dashboard-table-cell18 {
  width: 271px;
}

.admin-dashboard-table-cell18 {
  width: 239px;
}

.admin-dashboard-column, .admin-dashboard-table-header-cell-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-column {
  box-sizing: border-box;
  z-index: 2;
  text-align: center;
  color: #344054;
  flex-direction: column;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.admin-dashboard-table-header-cell-parent {
  flex-direction: row;
  position: relative;
}

.admin-dashboard-frame-wrapper45 {
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 500px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-text180 {
  min-width: 40px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-dashboard-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-text181 {
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 297px;
  padding: 26px 24px 24px;
  display: flex;
}

.admin-dashboard-user-cell {
  min-width: 87px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.admin-dashboard-user-cell1 {
  min-width: 93px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.admin-dashboard-user-cell2, .admin-dashboard-user-cell3, .admin-dashboard-user-cell4 {
  min-width: 64px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-cell3, .admin-dashboard-user-cell4 {
  min-width: 84px;
}

.admin-dashboard-user-cell4 {
  min-width: 82px;
}

.admin-dashboard-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.admin-dashboard-user-cell5 {
  min-width: 92px;
  display: inline-block;
}

.admin-dashboard-user-cell5, .admin-dashboard-user-cell6, .admin-dashboard-user-cell7 {
  line-height: 20px;
  position: relative;
}

.admin-dashboard-user-cell6 {
  min-width: 68px;
  display: inline-block;
}

.admin-dashboard-user-cell7 {
  white-space: nowrap;
}

.admin-dashboard-column1, .admin-dashboard-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.admin-dashboard-column1 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.admin-dashboard-user-header {
  min-width: 37px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell30, .admin-dashboard-table-header-cell3, .admin-dashboard-table-header2 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-dashboard-table-header2 {
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.admin-dashboard-table-cell30, .admin-dashboard-table-header-cell3 {
  border-bottom: 1px solid #eaecf0;
  justify-content: center;
}

.admin-dashboard-table-header-cell3 {
  background-color: #f9fafb;
  align-self: stretch;
  padding: 13px 41px 11px;
}

.admin-dashboard-table-cell30 {
  padding: 26px 50px 24px;
}

.admin-dashboard-column2, .admin-dashboard-dropdown28 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.admin-dashboard-column2 {
  box-sizing: border-box;
  z-index: 1;
  align-items: flex-end;
  width: 120px;
  padding: 0;
  font-size: 12px;
}

.admin-dashboard-frame-parent73 {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-page-label {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-buttonsbutton29 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-button-wrap, .admin-dashboard-pagination-controls {
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.admin-dashboard-pagination-controls {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.admin-dashboard-number11 {
  width: 7px;
  min-width: 7px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-content24, .admin-dashboard-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-content24 {
  padding: 10px 16px;
}

.admin-dashboard-pagination-number-base {
  color: #18222f;
  background-color: #f9fafb;
  overflow: hidden;
}

.admin-dashboard-number12 {
  min-width: 9px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-content25, .admin-dashboard-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-content25 {
  padding: 10px 15px;
}

.admin-dashboard-pagination-number-base1 {
  overflow: hidden;
}

.admin-dashboard-number13 {
  width: 10px;
  min-width: 10px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-content26, .admin-dashboard-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-content26 {
  padding: 10px 15px;
}

.admin-dashboard-pagination-number-base2 {
  overflow: hidden;
}

.admin-dashboard-number14 {
  min-width: 13px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-content27 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.admin-dashboard-number17 {
  width: 16px;
  min-width: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-content30, .admin-dashboard-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-content30 {
  border-radius: 8px;
  padding: 10px 12px;
}

.admin-dashboard-pagination-numbers {
  text-align: center;
  color: #475467;
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.admin-dashboard-page-label1 {
  min-width: 32px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-button-wrap1, .admin-dashboard-buttonsbutton30 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-dashboard-buttonsbutton30 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.admin-dashboard-pagination, .admin-dashboard-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-pagination {
  z-index: 3;
  color: #344054;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.admin-dashboard-table {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.admin-dashboard-content-items10 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 24px 32px;
}

.admin-dashboard-content-items10, .admin-dashboard-content-items11, .admin-dashboard-table-cell40, .admin-dashboard-table-cell41, .admin-dashboard-table-cell42, .admin-dashboard-table-header-cell4 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-content-items11 {
  align-self: stretch;
  max-width: 100%;
  padding: 0 30px 0 32px;
  font-size: 26px;
}

.admin-dashboard-table-cell40, .admin-dashboard-table-cell41, .admin-dashboard-table-cell42, .admin-dashboard-table-header-cell4 {
  border-bottom: 1px solid #eaecf0;
  gap: 12px;
  position: absolute;
  left: 0;
}

.admin-dashboard-table-header-cell4 {
  color: #475467;
  background-color: #f9fafb;
  width: 100%;
  max-width: 100%;
  padding: 12px 24px 10px;
  font-size: 12px;
  top: 0;
}

.admin-dashboard-table-cell40, .admin-dashboard-table-cell41, .admin-dashboard-table-cell42 {
  width: 245px;
  padding: 16px 24px 14px;
  top: 44px;
  overflow-x: auto;
}

.admin-dashboard-table-cell41, .admin-dashboard-table-cell42 {
  width: 252px;
  top: 116px;
}

.admin-dashboard-table-cell42 {
  top: 188px;
}

.admin-dashboard-table-cell43 {
  width: 252px;
  top: 260px;
}

.admin-dashboard-table-cell43, .admin-dashboard-table-cell44, .admin-dashboard-table-cell45 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.admin-dashboard-table-cell44 {
  text-align: center;
  color: #667085;
  width: 311px;
  font-size: 16px;
  top: 332px;
}

.admin-dashboard-table-cell45 {
  width: 260px;
  top: 404px;
}

.admin-dashboard-table-cell46 {
  box-sizing: border-box;
  width: 252px;
  top: 476px;
}

.admin-dashboard-table-cell46, .admin-dashboard-table-cell47, .admin-dashboard-table-cell48, .admin-dashboard-table-cell49 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-x: auto;
}

.admin-dashboard-table-cell47 {
  box-sizing: border-box;
  text-align: center;
  color: #667085;
  width: 242px;
  font-size: 16px;
  top: 548px;
}

.admin-dashboard-table-cell48, .admin-dashboard-table-cell49 {
  top: 620px;
}

.admin-dashboard-table-cell49 {
  box-sizing: border-box;
  z-index: 1;
  width: 242px;
  top: 692px;
}

.admin-dashboard-text211 {
  min-width: 55px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-header-cell5 {
  box-sizing: border-box;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 441px;
  max-width: 286%;
  padding: 13px 24px 11px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-background {
  background-color: #f5f5f5;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-dashboard-f4b711e503bc72fe396e5043e0c2-1-icon3 {
  object-fit: cover;
  z-index: 1;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.admin-dashboard-background-parent {
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-supporting-text70 {
  color: #475467;
  white-space: nowrap;
  min-width: 101px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell50, .admin-dashboard-table-cell51 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 263%;
  padding: 16px 228px 14px 24px;
  display: flex;
}

.admin-dashboard-table-cell51 {
  max-width: 303%;
  padding: 16px 290px 14px 24px;
}

.admin-dashboard-progress-label {
  min-width: 98px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-table-cell52 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 278%;
  padding: 16px 251px 14px 24px;
}

.admin-dashboard-column3, .admin-dashboard-table-cell52, .admin-dashboard-table-cell53 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-table-cell53 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  max-width: 267%;
  padding: 16px 234px 14px 24px;
}

.admin-dashboard-column3 {
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  width: 154.5px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 264.5px;
}

.admin-dashboard-table-header-cell-group {
  width: 441px;
  max-width: 100%;
  height: 764px;
  position: relative;
}

.admin-dashboard-marker-pin-02-group, .admin-dashboard-table-cell65 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-marker-pin-02-group {
  gap: 7px;
}

.admin-dashboard-table-cell65 {
  border-bottom: 1px solid #eaecf0;
  align-self: stretch;
  padding: 26px 24px 24px;
}

.admin-dashboard-table-header-cell-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 279px;
  display: flex;
}

.admin-dashboard-column4 {
  z-index: 1;
  align-self: stretch;
  padding: 0;
  display: flex;
}

.admin-dashboard-column-wrapper, .admin-dashboard-column4, .admin-dashboard-column5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.admin-dashboard-column-wrapper {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  width: 66px;
  padding: 0 22px 0 0;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-column5 {
  width: 176px;
  min-width: 176px;
  padding: 0;
}

.admin-dashboard-column5, .admin-dashboard-column6, .admin-dashboard-table-header-cell8 {
  box-sizing: border-box;
  display: flex;
}

.admin-dashboard-table-header-cell8 {
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 120px;
  padding: 13px 41px 11px;
}

.admin-dashboard-column6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 79px;
  min-width: 79px;
  padding: 0;
  font-size: 12px;
}

.admin-dashboard-column-parent, .admin-dashboard-frame-parent74, .admin-dashboard-pagination1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-column-parent {
  z-index: 1;
  color: #475467;
  justify-content: flex-start;
  gap: 78px;
  width: 333px;
  max-width: 100%;
}

.admin-dashboard-frame-parent74, .admin-dashboard-pagination1 {
  align-self: stretch;
}

.admin-dashboard-frame-parent74 {
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.admin-dashboard-pagination1 {
  z-index: 2;
  color: #344054;
  border-top: 1px solid #eaecf0;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.admin-dashboard-text227 {
  min-width: 73px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-badge50, .admin-dashboard-text-and-badge4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-badge50 {
  box-sizing: border-box;
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 89px;
  padding: 0 7px;
  font-size: 12px;
}

.admin-dashboard-text-and-badge4 {
  align-self: stretch;
  gap: 7px;
  padding: 0 332px 0 0;
}

.admin-dashboard-content-items14, .admin-dashboard-text-and-supporting-text16 {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-text-and-supporting-text16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  gap: 4px;
  min-width: 436px;
}

.admin-dashboard-content-items14 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 29px 0 33px;
  font-size: 26px;
}

.admin-dashboard-text232 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-button-group-base27, .admin-dashboard-button-group-base28 {
  box-sizing: border-box;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-button-group-base27 {
  white-space: nowrap;
  background-color: #f9fafb;
  flex-shrink: 0;
  width: 85px;
}

.admin-dashboard-button-group-base28 {
  background-color: #fff;
}

.admin-dashboard-text240 {
  min-width: 89px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-filter-bar-container {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 29px 0 33px;
}

.admin-dashboard-filter-bar-container, .admin-dashboard-frame-parent, .admin-dashboard-all-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-frame-parent {
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.admin-dashboard-all-content {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
}

.admin-dashboard-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.admin-dashboard-supporting-text82 {
  color: #475467;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-text-and-supporting-text17 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 352px;
  max-width: 352px;
}

.admin-dashboard-buttonsbutton33, .admin-dashboard-content45, .admin-dashboard-text-and-supporting-text17 {
  align-items: center;
  display: flex;
}

.admin-dashboard-content45 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 0 20px;
}

.admin-dashboard-buttonsbutton33 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-text245 {
  min-width: 91px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-actions11, .admin-dashboard-buttonsbutton34 {
  flex-direction: row;
  display: flex;
}

.admin-dashboard-buttonsbutton34 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-actions11 {
  text-align: left;
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.admin-dashboard-empty-state, .admin-dashboard-empty-state1 {
  flex: 1;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-empty-state1 {
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.admin-dashboard-empty-state {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
}

.admin-dashboard-empty-state-wrapper, .admin-dashboard-all {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-empty-state-wrapper {
  text-align: center;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1074px;
  padding: 0 29px;
}

.admin-dashboard-all {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
}

.admin-dashboard-bifocal-optometry-measurement-icon {
  object-fit: cover;
  width: 391px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-dashboard-title8 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.admin-dashboard-content46, .admin-dashboard-text-and-supporting-text18 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-text-and-supporting-text18 {
  gap: 8px;
  width: 352px;
  max-width: 352px;
}

.admin-dashboard-content46 {
  box-sizing: border-box;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 0 20px;
}

.admin-dashboard-add, .admin-dashboard-learn-more {
  min-width: 98px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-learn-more {
  min-width: 88px;
}

.admin-dashboard-actions12, .admin-dashboard-empty-state3 {
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-actions12 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
}

.admin-dashboard-empty-state3 {
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: 32px;
  max-width: 100%;
}

.admin-dashboard-empty-state-container, .admin-dashboard-empty-state2 {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-empty-state2 {
  z-index: 1;
  background-color: #fff;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 41.5px 0;
}

.admin-dashboard-empty-state-container {
  text-align: center;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1076px;
  padding: 0 30px 124px;
  font-size: 20px;
}

.admin-dashboard-dashboard-frame-layout {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #101828;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  display: flex;
  position: relative;
}

.admin-dashboard-buttonsbutton5a {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-buttonsbutton5a:hover {
  background-color: #6941c6;
}

.admin-dashboard-search-lg-icon1 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-text-padding15 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-dashboard-text74 {
  color: #fff;
  text-align: left;
  min-width: 91px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 800px;
  right: 35px;
}

@media screen and (width <= 1275px) {
  .admin-dashboard-all, .admin-dashboard-all-content {
    box-sizing: border-box;
    padding-bottom: 20px;
  }

  .admin-dashboard-all {
    padding-bottom: 67px;
  }

  .admin-dashboard-container3 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .admin-dashboard-content13 {
    flex-wrap: wrap;
    gap: 35px;
  }

  .admin-dashboard-main {
    box-sizing: border-box;
    height: auto;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .admin-dashboard-content-elements-parent, .admin-dashboard-content17, .admin-dashboard-frame-group, .admin-dashboard-rectangle-parent10, .admin-dashboard-rectangle-parent5, .admin-dashboard-rectangle-parent7 {
    flex-wrap: wrap;
  }

  .admin-dashboard-rectangle-parent11 {
    flex-wrap: wrap;
    gap: 31px;
  }

  .admin-dashboard-frame-wrapper31 {
    flex: 1;
  }

  .admin-dashboard-rectangle-parent13 {
    flex-wrap: wrap;
  }

  .admin-dashboard-list-item-parent {
    flex: 1;
  }

  .admin-dashboard-card-list, .admin-dashboard-content20, .admin-dashboard-content21, .admin-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }

  .admin-dashboard-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }

  .admin-dashboard-content23, .admin-dashboard-frame-parent73, .admin-dashboard-frame-parent74 {
    flex-wrap: wrap;
  }

  .admin-dashboard-all {
    box-sizing: border-box;
    padding-bottom: 44px;
  }

  .admin-dashboard-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 81px;
  }
}

@media screen and (width <= 750px) {
  .admin-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-dashboard-content13 {
    gap: 17px;
  }

  .admin-dashboard-tabs-and-filters {
    flex-wrap: wrap;
  }

  .admin-dashboard-jul {
    width: 100%;
    height: 17px;
  }

  .admin-dashboard-x-axis {
    flex-wrap: wrap;
  }

  .admin-dashboard-number {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-dashboard-main {
    gap: 16px;
  }

  .admin-dashboard-number3, .admin-dashboard-number4 {
    font-size: 29px;
    line-height: 35px;
  }

  .admin-dashboard-dropdowns {
    box-sizing: border-box;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }

  .admin-dashboard-badge-elements, .admin-dashboard-card-elements, .admin-dashboard-dropdowns, .admin-dashboard-location-badge-number {
    flex-wrap: wrap;
  }

  .admin-dashboard-action-fields {
    min-width: 100%;
  }

  .admin-dashboard-content-actions {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .admin-dashboard-frame-parent2, .admin-dashboard-primary-table {
    flex-wrap: wrap;
  }

  .admin-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .admin-dashboard-frame-parent17, .admin-dashboard-frame-parent18, .admin-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .admin-dashboard-element-details, .admin-dashboard-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }

  .admin-dashboard-action-icons, .admin-dashboard-element-details-parent {
    flex-wrap: wrap;
  }

  .admin-dashboard-icon-button {
    gap: 17px;
  }

  .admin-dashboard-icon-button, .admin-dashboard-sidebar1 {
    flex-wrap: wrap;
  }

  .admin-dashboard-frame-parent33 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .admin-dashboard-rectangle-parent11 {
    gap: 16px;
  }

  .admin-dashboard-frame-parent41 {
    flex-wrap: wrap;
    gap: 17px;
  }

  .admin-dashboard-frame-parent39 {
    min-width: 100%;
  }

  .admin-dashboard-frame-wrapper31 {
    margin-left: 0;
  }

  .admin-dashboard-card-row {
    min-width: 100%;
  }

  .admin-dashboard-list-item-parent {
    margin-left: 0;
  }

  .admin-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }

  .admin-dashboard-text-and-badge {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 121px;
  }

  .admin-dashboard-text-and-supporting-text2 {
    min-width: 100%;
  }

  .admin-dashboard-actions4 {
    flex-wrap: wrap;
  }

  .admin-dashboard-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 182px;
  }

  .admin-dashboard-text-and-supporting-text3 {
    min-width: 100%;
  }

  .admin-dashboard-actions5, .admin-dashboard-table-cell51, .admin-dashboard-table-cell52 {
    flex-wrap: wrap;
  }

  .admin-dashboard-text-and-badge4 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 166px;
  }

  .admin-dashboard-frame-parent, .admin-dashboard-text-and-supporting-text16 {
    min-width: 100%;
  }

  .admin-dashboard-empty-state3 {
    gap: 16px;
  }

  .admin-dashboard-empty-state2 {
    box-sizing: border-box;
    padding-top: 27px;
    padding-bottom: 27px;
  }

  .admin-dashboard-container3 {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .admin-dashboard-account {
    box-sizing: border-box;
    gap: 23px;
    padding-right: 20px;
  }

  .admin-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }

  .admin-dashboard-actions {
    flex-wrap: wrap;
  }

  .admin-dashboard-number {
    font-size: 18px;
    line-height: 23px;
  }

  .admin-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .admin-dashboard-main {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-dashboard-text46 {
    font-size: 21px;
    line-height: 30px;
  }

  .admin-dashboard-number3, .admin-dashboard-number4 {
    font-size: 22px;
    line-height: 26px;
  }

  .admin-dashboard-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-dashboard-price {
    font-size: 16px;
    line-height: 26px;
  }

  .admin-dashboard-buttonsbutton-parent {
    flex-wrap: wrap;
  }

  .admin-dashboard-date-elements-parent {
    flex: 1;
  }

  .admin-dashboard-badge-container, .admin-dashboard-frame-parent12 {
    flex-wrap: wrap;
  }

  .admin-dashboard-badge-group {
    height: auto;
    min-height: 104px;
  }

  .admin-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .admin-dashboard-work-type-icon {
    flex: 1;
  }

  .admin-dashboard-calendar-icon6 {
    flex-wrap: wrap;
  }

  .admin-dashboard-work-type-label {
    margin-left: 0;
  }

  .admin-dashboard-price4 {
    font-size: 16px;
    line-height: 26px;
  }

  .admin-dashboard-frame-parent36, .admin-dashboard-frame-parent42 {
    flex-wrap: wrap;
  }

  .admin-dashboard-price5, .admin-dashboard-price6, .admin-dashboard-price7 {
    font-size: 16px;
    line-height: 26px;
  }

  .admin-dashboard-frame-parent64 {
    flex-wrap: wrap;
  }

  .admin-dashboard-text147 {
    font-size: 21px;
    line-height: 22px;
  }

  .admin-dashboard-content22, .admin-dashboard-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-dashboard-input-dropdown3 {
    max-width: 100%;
  }

  .admin-dashboard-table-cell50, .admin-dashboard-table-cell53 {
    flex-wrap: wrap;
  }

  .admin-dashboard-table-header-cell-group {
    height: auto;
    min-height: 764px;
  }

  .admin-dashboard-column5, .admin-dashboard-column6 {
    flex: 1;
  }

  .admin-dashboard-column-parent {
    flex-wrap: wrap;
    gap: 39px;
  }

  .admin-dashboard-text-and-badge4 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-dashboard-all {
    box-sizing: border-box;
    padding-bottom: 29px;
  }

  .admin-dashboard-title8 {
    font-size: 16px;
    line-height: 24px;
  }

  .admin-dashboard-empty-state-container {
    box-sizing: border-box;
    padding-bottom: 53px;
  }
}

.admin-dashboard-user-text2, .admin-dashboard-user-text3 {
  position: relative;
}

.admin-dashboard-user-text2 {
  color: inherit;
  white-space: nowrap;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.admin-dashboard-user-text3 {
  font-weight: 500;
  line-height: 18px;
}

.admin-dashboard-user-badge, .admin-dashboard-user-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-user-badge {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.admin-dashboard-user-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.admin-dashboard-user-supporting-text1 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-user-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-user-placeholder-icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-user-text4 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-user-text-padding2 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 14px;
  display: flex;
}

.admin-dashboard-user-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.admin-dashboard-user-button, .admin-dashboard-user-button1, .admin-dashboard-user-text-padding3 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.admin-dashboard-user-text-padding3 {
  padding: 0 13px;
  display: flex;
}

.admin-dashboard-user-button1 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-user-upload-cloud-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-user-text6 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-button2, .admin-dashboard-user-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-dashboard-user-button2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-user-text7 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-actions1, .admin-dashboard-user-button3 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-dashboard-user-button3 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-user-actions1 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.admin-dashboard-user-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-user-content1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-user-dropdown {
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-user-dropdown1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 140px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-user-content1 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 0 0;
}

.admin-dashboard-user-card-header, .admin-dashboard-user-content1, .admin-dashboard-user-divider-icon {
  align-self: stretch;
  max-width: 100%;
}

.admin-dashboard-user-divider-icon {
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-user-card-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.admin-dashboard-user-text8 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-user-text9 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-button-group-base1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-user-text10 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-user-button-group-base2, .admin-dashboard-user-button-group-base3, .admin-dashboard-user-button-group-base4, .admin-dashboard-user-button-group-base5, .admin-dashboard-user-button-group-base6, .admin-dashboard-user-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.admin-dashboard-user-button-group-base3, .admin-dashboard-user-button-group-base4, .admin-dashboard-user-button-group-base5, .admin-dashboard-user-button-group-base6, .admin-dashboard-user-button-group-base7 {
  z-index: 5;
}

.admin-dashboard-user-button-group-base4, .admin-dashboard-user-button-group-base5, .admin-dashboard-user-button-group-base6, .admin-dashboard-user-button-group-base7 {
  z-index: 4;
}

.admin-dashboard-user-button-group-base5, .admin-dashboard-user-button-group-base6, .admin-dashboard-user-button-group-base7 {
  z-index: 3;
}

.admin-dashboard-user-button-group-base6, .admin-dashboard-user-button-group-base7 {
  z-index: 2;
}

.admin-dashboard-user-button-group-base7 {
  z-index: 1;
}

.admin-dashboard-user-text16 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-user-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-user-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-dashboard-user-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-user-supporting-text2, .admin-dashboard-user-text17 {
  line-height: 24px;
  position: relative;
}

.admin-dashboard-user-text17 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 282px);
  min-width: 49px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

.admin-dashboard-user-supporting-text2 {
  align-self: stretch;
  width: 54px;
  display: none;
}

.admin-dashboard-user-content3, .admin-dashboard-user-input, .admin-dashboard-user-input-with-label {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-user-content3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.admin-dashboard-user-input, .admin-dashboard-user-input-with-label {
  align-self: stretch;
}

.admin-dashboard-user-input {
  box-sizing: border-box;
  color: #475467;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.admin-dashboard-user-input-with-label {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-dashboard-user-hint-text {
  color: #475467;
  white-space: nowrap;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-dashboard-user-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.admin-dashboard-user-actions2, .admin-dashboard-user-button4 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-dashboard-user-button4 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: max-content;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-user-actions2 {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
}

.admin-dashboard-user-content2, .admin-dashboard-user-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-user-content2 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.admin-dashboard-user-filters-bar {
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.admin-dashboard-user-main, .admin-dashboard-user-table-header-title, .admin-dashboard-user-text19 {
  color: #101828;
  text-align: left;
  font-family: Inter;
}

.admin-dashboard-user-main {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0;
  font-size: 26px;
  display: flex;
}

.admin-dashboard-user-table-header-title, .admin-dashboard-user-text19 {
  min-width: 123px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-text19 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.admin-dashboard-user-badge1, .admin-dashboard-user-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-user-badge1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.admin-dashboard-user-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.admin-dashboard-user-supporting-text3 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-user-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.admin-dashboard-user-text20 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-user-button5, .admin-dashboard-user-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-dashboard-user-text-padding7 {
  align-self: stretch;
  padding: 0 2px;
}

.admin-dashboard-user-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.admin-dashboard-user-text21 {
  color: #6941c6;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-user-button6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-user-text22 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-user-button7 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-user-text23 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-user-button8 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-user-actions3, .admin-dashboard-user-card-header1, .admin-dashboard-user-content4 {
  justify-content: flex-start;
  max-width: 100%;
}

.admin-dashboard-user-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 0 24px 0 0;
  display: none;
}

.admin-dashboard-user-card-header1, .admin-dashboard-user-content4 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-user-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
}

.admin-dashboard-user-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
}

.admin-dashboard-user-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.admin-dashboard-user-text24 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-header-title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-dashboard-user-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-user-header-icon, .admin-dashboard-user-table-header-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.admin-dashboard-user-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 4px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-user-checkbox {
  width: 20px;
  height: 20px;
  margin: 0;
}

.admin-dashboard-user-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.admin-dashboard-user-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-user-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 30px 0 0 26px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-user-avatar {
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 42px;
  height: 35px;
  display: flex;
}

.admin-dashboard-user-cell-title, .admin-dashboard-user-supporting-text4 {
  text-align: left;
  font-family: Inter;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-cell-title {
  color: #101828;
  min-width: 75px;
  font-weight: 500;
}

.admin-dashboard-user-supporting-text4 {
  color: #475467;
  min-width: 97px;
}

.admin-dashboard-user-contrast-border1, .admin-dashboard-user-table-cell {
  box-sizing: border-box;
  position: absolute;
}

.admin-dashboard-user-table-cell {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  top: 44px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-user-contrast-border1 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.admin-dashboard-user-avatar1 {
  background-image: url("avatar1@3x.dbb57a87.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-user-text25 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-user-text26 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-user-avatar3 {
  background-image: url("avatar2@3x.71d78787.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-user-text27 {
  color: #101828;
  text-align: left;
  white-space: nowrap;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-contrast-border4, .admin-dashboard-user-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.admin-dashboard-user-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -360px;
}

.admin-dashboard-user-contrast-border4 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.admin-dashboard-user-text28 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-dashboard-user-avatar4 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.admin-dashboard-user-text29 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-user-text30 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-user-avatar6 {
  background-image: url("avatar3@3x.6005525e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-user-text31 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-table-cell6, .admin-dashboard-user-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-user-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.admin-dashboard-user-avatar8 {
  background-image: url("avatar4@3x.e288d30e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-user-text34 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-user-avatar9 {
  background-image: url("avatar5@3x.3ed723c3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-user-text35 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-user-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-user-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.admin-dashboard-user-text36 {
  color: #344054;
  text-align: center;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-location-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-user-text37 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-marker-pin-02-parent, .admin-dashboard-user-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-user-marker-pin-02-parent {
  gap: 7px;
}

.admin-dashboard-user-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.admin-dashboard-user-text38 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-table-cell15, .admin-dashboard-user-table-cell16, .admin-dashboard-user-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.admin-dashboard-user-table-cell16, .admin-dashboard-user-table-cell18 {
  width: 271px;
}

.admin-dashboard-user-table-cell18 {
  width: 239px;
}

.admin-dashboard-user-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  width: 120px;
  padding: 0;
}

.admin-dashboard-user-column, .admin-dashboard-user-table-header-cell-parent, .admin-dashboard-user-table-row {
  justify-content: start;
  display: flex;
}

.admin-dashboard-user-table-header-cell-parent {
  flex-direction: row;
  align-items: flex-start;
  position: relative;
}

.admin-dashboard-user-table-row {
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-end;
  width: 100%;
}

.admin-dashboard-user-description-column-title {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 24px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-dashboard-user-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  width: 60px;
  display: flex;
}

.admin-dashboard-user-text46 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 101px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-add-user-button {
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 9px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin: 0 3px 0 0;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
  background-color: #7e56d9 !important;
  border: 1px solid #7e56d9 !important;
  border-radius: 8px !important;
  transition: background-color .3s, border .3s, color .3s !important;
}

.admin-dashboard-business-add-user-button:hover {
  color: #fff !important;
  background-color: #6941c6 !important;
  border: 1px solid #6941c6 !important;
}

.admin-dashboard-user-text47 {
  color: #475467;
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.admin-dashboard-user-text48 {
  color: #475467;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.admin-dashboard-user-text49 {
  min-width: 64px;
}

.admin-dashboard-user-text49, .admin-dashboard-user-text50, .admin-dashboard-user-text51 {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-text50 {
  min-width: 84px;
}

.admin-dashboard-user-text51 {
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 82px;
  height: 20px;
  padding: 0;
}

.admin-dashboard-user-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.admin-dashboard-user-text52 {
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 92px;
  height: 20px;
  padding: 0;
  display: inline-block;
}

.admin-dashboard-user-text52, .admin-dashboard-user-text53, .admin-dashboard-user-text54 {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-user-text53 {
  min-width: 68px;
  display: inline-block;
}

.admin-dashboard-user-text54 {
  white-space: nowrap;
}

.admin-dashboard-user-column1, .admin-dashboard-user-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-user-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.admin-dashboard-user-column1 {
  z-index: 1;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.admin-dashboard-user-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-user-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.admin-dashboard-user-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.admin-dashboard-user-column2, .admin-dashboard-user-table-content {
  box-sizing: border-box;
  display: flex;
}

.admin-dashboard-user-column2 {
  z-index: 1;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.admin-dashboard-user-table-content {
  scrollbar-width: thin;
  flex-direction: column;
  align-items: flex-start;
  width: 1014px;
  max-width: 100%;
  height: 580px;
  padding: 0 1px 0 0;
  overflow: hidden auto;
}

.admin-dashboard-user-text56 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-buttonsbutton2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-user-button-wrap, .admin-dashboard-user-pagination-wrapper {
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-user-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.admin-dashboard-user-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.admin-dashboard-user-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-content5, .admin-dashboard-user-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-user-content5 {
  padding: 10px 16px;
}

.admin-dashboard-user-pagination-number-base {
  background-color: #f9fafb;
  overflow: hidden;
}

.admin-dashboard-user-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-content6, .admin-dashboard-user-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-user-content6 {
  padding: 10px 15px;
}

.admin-dashboard-user-pagination-number-base1 {
  overflow: hidden;
}

.admin-dashboard-user-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-content7, .admin-dashboard-user-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-user-content7 {
  padding: 10px 15px;
}

.admin-dashboard-user-pagination-number-base2 {
  overflow: hidden;
}

.admin-dashboard-user-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-content8 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.admin-dashboard-user-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-content11, .admin-dashboard-user-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-user-content11 {
  border-radius: 8px;
  padding: 10px 12px;
}

.admin-dashboard-user-pagination-numbers {
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.admin-dashboard-user-text57 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-user-button-wrap1, .admin-dashboard-user-buttonsbutton3 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-dashboard-user-buttonsbutton3 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-user-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.admin-dashboard-user-pagination, .admin-dashboard-user-prsopective-buyers, .admin-dashboard-user-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-user-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.admin-dashboard-user-prsopective-buyers, .admin-dashboard-user-table {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  max-width: 100%;
  overflow: hidden;
}

.admin-dashboard-user-table {
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  margin: 0;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.admin-dashboard-user-prsopective-buyers {
  letter-spacing: normal;
  gap: 14px;
  padding: 0 0 93px;
  line-height: normal;
}

.admin-dashboard-user-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 184px;
  padding: 13px 17px 11px;
  display: flex;
}

.admin-dashboard-user-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 184px;
  padding: 20px 10px 10.5px 15px;
  display: flex;
}

.admin-dashboard-user-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 160px;
  padding: 13px 19px 11px;
  display: flex;
}

.admin-dashboard-user-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 160px;
  padding: 28px 24px 24px 19px;
  display: flex;
}

.admin-dashboard-user-table-header-cell3 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 155px;
  padding: 13px 27px 11px;
  display: flex;
}

.admin-dashboard-user-table-cell30 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 155px;
  padding: 26px 50px 24px 26px;
  display: flex;
}

.admin-dashboard-user-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 140px;
  padding: 13px 27px 11px;
  display: flex;
}

.admin-dashboard-user-table-cell40 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 140px;
  padding: 26px 50px 24px 26px;
  display: flex;
}

.admin-dashboard-user-table-header-cell5 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 140px;
  padding: 13px 27px 11px;
  display: flex;
}

.admin-dashboard-user-table-cell50 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 140px;
  padding: 26px 50px 24px 26px;
  display: flex;
}

.admin-dashboard-user-table-header-cell6 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 145px;
  padding: 13px 27px 11px;
  display: flex;
}

.admin-dashboard-user-table-cell60 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 145px;
  padding: 26px 50px 24px 26px;
  display: flex;
}

.admin-dashboard-user-table-header-cell7 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 90px;
  padding: 13px 27px 11px;
  display: flex;
}

.admin-dashboard-user-table-cell70 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 90px;
  padding: 26px 50px 24px 26px;
  display: flex;
}

@media screen and (width <= 925px) {
  .admin-dashboard-user-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }
}

@media screen and (width <= 700px) {
  .admin-dashboard-user-text-and-badge, .admin-dashboard-user-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 121px;
  }

  .admin-dashboard-user-text-and-badge1 {
    padding-right: 182px;
  }

  .admin-dashboard-user-text-and-supporting-text2 {
    min-width: 100%;
  }

  .admin-dashboard-user-actions3 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .admin-dashboard-user-content3, .admin-dashboard-user-text-and-badge {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-dashboard-user-input-dropdown {
    max-width: 100%;
  }
}

.three-dots-admin-filter-dropdown-avatar-online-indicator6, .three-dots-admin-filter-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.three-dots-admin-filter-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.three-dots-admin-filter-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.three-dots-admin-filter-dropdown-avatar22 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.three-dots-admin-filter-dropdown-supporting-text84, .three-dots-admin-filter-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.three-dots-admin-filter-dropdown-text246 {
  font-weight: 600;
}

.three-dots-admin-filter-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.three-dots-admin-filter-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.three-dots-admin-filter-dropdown-avatar-label-group, .three-dots-admin-filter-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.three-dots-admin-filter-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.three-dots-admin-filter-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #f9fafb;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.three-dots-admin-filter-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.three-dots-admin-filter-dropdown-text247 {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.three-dots-admin-filter-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.three-dots-admin-filter-dropdown-content48, .three-dots-admin-filter-dropdown-dropdown-list-item, .three-dots-admin-filter-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.three-dots-admin-filter-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 5px;
}

.three-dots-admin-filter-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.three-dots-admin-filter-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-admin-filter-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.three-dots-admin-filter-dropdown-dropdown-list-item10, .three-dots-admin-filter-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.three-dots-admin-filter-dropdown-dropdown-list-item10 {
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.three-dots-admin-filter-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-admin-filter-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.three-dots-admin-filter-dropdown-dropdown-list-item11, .three-dots-admin-filter-dropdown-dropdown-list-item12, .three-dots-admin-filter-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.three-dots-admin-filter-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-admin-filter-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.three-dots-admin-filter-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-admin-filter-dropdown-dropdown-list-item12, .three-dots-admin-filter-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.three-dots-admin-filter-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.three-dots-admin-filter-dropdown-menu-items, .three-dots-admin-filter-dropdown-three-dots-admin-filter-all-options-fixed {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  color: #344054 !important;
}

.three-dots-admin-filter-dropdown-menu-items {
  align-self: stretch;
  z-index: 9999 !important;
}

.three-dots-admin-filter-dropdown-three-dots-admin-filter-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  width: max-content;
  line-height: normal;
  position: absolute;
  top: 45px;
  bottom: auto;
  right: 58px;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
  z-index: 99999 !important;
}

.three-dots-admin-filter-dropdown-three-dots-admin-filter-all-options-fixed.open-upward {
  top: auto;
  bottom: 45px;
}

.beacon-wanted-device {
  top: 20px !important;
  right: 3px !important;
}

.easy-filter-user-admin-button-group {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.easy-filter-user-admin-button-group-base1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.easy-filter-user-admin-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.easy-filter-user-admin-text31, .easy-filter-user-admin-text32 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.easy-filter-user-admin-text40 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.easy-filter-user-admin-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.easy-filter-user-admin-text29 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.easy-filter-user-badge {
  color: #fff;
  border-radius: 10px;
  padding-left: 5px;
  font-size: .75em;
}

.easy-filter-user-badge-container {
  background-color: #fef3f2;
  border: 1px solid #fecdca;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 2px 8px;
  display: inline-flex;
}

.easy-filter-user-badge-counter {
  text-align: center;
  color: #b42318;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
}

.easy-filter-user-badge-container-success {
  background-color: #f4eeff;
  border: 1px solid #b09ce3;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 2px 8px;
  display: inline-flex;
}

.easy-filter-user-badge-counter-success {
  text-align: center;
  color: #7e56d9;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
}

body.modal-open > :not(.signup-modal-overlay), body.modal-open .navbar-rectangle-parent {
  position: relative;
  z-index: 0 !important;
}

.signup-modal-overlay {
  -webkit-backdrop-filter: blur(8px);
  z-index: 2147483647;
  isolation: isolate;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  animation: .3s ease-out fadeIn;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.signup-modal {
  z-index: 1;
  background: #fff;
  border-radius: 12px;
  width: 400px;
  max-width: 90vw;
  max-height: 90vh;
  animation: .3s ease-out slideIn;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 20px 60px #0000004d;
}

.signup-modal-close-button {
  cursor: pointer;
  z-index: 2;
  color: #6b7280;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 20px;
  font-weight: bold;
  transition: background-color .2s;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.signup-modal-close-button:hover {
  background-color: #0000000d;
}

.signup-modal-header {
  padding: 24px 24px 0;
}

.signup-modal-header-content {
  align-items: center;
  gap: 12px;
  display: flex;
}

.signup-modal-icon {
  justify-content: center;
  margin-bottom: 0;
  display: flex;
}

.signup-user-icon {
  color: #6b7280;
  background-color: #f3f4f6;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
}

.signup-modal-title {
  color: #111827;
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

.signup-modal-description {
  color: #6b7280;
  margin: 2px 0 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.signup-form-container {
  padding: 0;
}

.signup-form-fields {
  flex-direction: column;
  gap: 20px;
  padding: 0;
  display: flex;
}

.signup-input-group {
  flex-direction: column;
  gap: 6px;
  display: flex;
  position: relative;
}

.signup-password-group {
  position: relative;
}

.signup-password-toggle {
  cursor: pointer;
  color: #6b7280;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 16px;
  display: flex;
  position: absolute;
  top: 32px;
  right: 12px;
}

.signup-label {
  color: #374151;
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.signup-input {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  width: 100%;
  padding: 10px 14px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
  transition: border-color .2s, box-shadow .2s;
}

.signup-input:focus {
  border-color: #7c3aed;
  outline: none;
  box-shadow: 0 0 0 3px #7c3aed1a;
}

.signup-input::placeholder {
  color: #9ca3af;
}

.signup-input:disabled {
  color: #6b7280;
  cursor: not-allowed;
  opacity: .5;
  background-color: #f9fafb;
}

.signup-error-text {
  color: #dc2626;
  margin-top: 4px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.signup-notification {
  background-color: #f0f9ff;
  border: 1px solid #e0f2fe;
  border-radius: 8px;
  margin: 20px 24px 0;
  padding: 12px 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.signup-modal-body {
  padding: 20px 24px 0;
}

.signup-modal-separator {
  background-color: #e5e7eb;
  border: none;
  height: 1px;
  margin: 20px 0 0;
}

.signup-modal-footer {
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  padding: 16px 24px 24px;
  display: flex;
}

.signup-separator, .signup-form-actions {
  display: none;
}

.signup-cancel-button {
  color: #374151;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  transition: all .2s;
}

.signup-cancel-button:hover {
  background-color: #f9fafb;
}

.signup-cancel-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.signup-confirm-button {
  color: #fff;
  cursor: pointer;
  background-color: #7c3aed;
  border: 1px solid #7c3aed;
  border-radius: 8px;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  transition: all .2s;
}

.signup-confirm-button:hover {
  background-color: #6d28d9;
}

.signup-confirm-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

@media screen and (width <= 480px) {
  .signup-modal {
    width: 95vw;
    margin: 20px;
  }

  .signup-modal-header, .signup-form-fields, .signup-form-actions {
    padding-left: 20px;
    padding-right: 20px;
  }

  .signup-form-actions {
    flex-direction: column;
  }

  .signup-cancel-button, .signup-confirm-button {
    width: 100%;
  }
}

.admin-dashboard-business-text2, .admin-dashboard-business-text3 {
  position: relative;
}

.admin-dashboard-business-text2 {
  color: inherit;
  white-space: nowrap;
  font-weight: 600;
  line-height: 28px;
  text-decoration: none;
}

.admin-dashboard-business-text3 {
  font-weight: 500;
  line-height: 18px;
}

.admin-dashboard-business-badge, .admin-dashboard-business-text-and-badge {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-business-badge {
  white-space: nowrap;
  text-align: center;
  color: #6941c6;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  padding: 0 7px;
  font-size: 12px;
}

.admin-dashboard-business-text-and-badge {
  align-self: stretch;
  gap: 8px;
  padding: 0 242px 0 0;
}

.admin-dashboard-business-supporting-text1 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-business-text-and-supporting-text1 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-business-placeholder-icon3 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-business-text4 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-business-text-padding2 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 14px;
  display: flex;
}

.admin-dashboard-business-button {
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.admin-dashboard-business-button, .admin-dashboard-business-button1, .admin-dashboard-business-text-padding3 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
}

.admin-dashboard-business-text-padding3 {
  padding: 0 13px;
  display: flex;
}

.admin-dashboard-business-button1 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-business-upload-cloud-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-business-text6 {
  color: #344054;
  text-align: left;
  min-width: 45px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-button2, .admin-dashboard-business-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-dashboard-business-button2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-business-text7 {
  color: #fff;
  text-align: left;
  white-space: nowrap;
  min-width: 92px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-actions1, .admin-dashboard-business-button3 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-dashboard-business-button3 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-business-actions1 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  font-size: 14px;
}

.admin-dashboard-business-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-business-content1, .admin-dashboard-business-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-business-dropdown1, .admin-dashboard-business-dropdown1-business {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 140px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-business-content1 {
  box-sizing: border-box;
  flex-direction: row;
  gap: 16px;
  padding: 20px 0 0;
}

.admin-dashboard-business-card-header, .admin-dashboard-business-content1, .admin-dashboard-business-divider-icon {
  align-self: stretch;
  max-width: 100%;
}

.admin-dashboard-business-divider-icon {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-business-card-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.admin-dashboard-business-text8 {
  color: inherit;
  min-width: 51px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 83px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-business-text9 {
  min-width: 105px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-button-group-base1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-business-text10 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-business-button-group-base2, .admin-dashboard-business-button-group-base3, .admin-dashboard-business-button-group-base4, .admin-dashboard-business-button-group-base5, .admin-dashboard-business-button-group-base6, .admin-dashboard-business-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.admin-dashboard-business-button-group-base3, .admin-dashboard-business-button-group-base4, .admin-dashboard-business-button-group-base5, .admin-dashboard-business-button-group-base6, .admin-dashboard-business-button-group-base7 {
  z-index: 5;
}

.admin-dashboard-business-button-group-base4, .admin-dashboard-business-button-group-base5, .admin-dashboard-business-button-group-base6, .admin-dashboard-business-button-group-base7 {
  z-index: 4;
}

.admin-dashboard-business-button-group-base5, .admin-dashboard-business-button-group-base6, .admin-dashboard-business-button-group-base7 {
  z-index: 3;
}

.admin-dashboard-business-button-group-base6, .admin-dashboard-business-button-group-base7 {
  z-index: 2;
}

.admin-dashboard-business-button-group-base7 {
  z-index: 1;
}

.admin-dashboard-business-text16 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 93px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-business-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-business-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-dashboard-business-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-business-supporting-text2, .admin-dashboard-business-text17 {
  line-height: 24px;
  position: relative;
}

.admin-dashboard-business-text17 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 282px);
  min-width: 49px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

.admin-dashboard-business-supporting-text2 {
  align-self: stretch;
  width: 54px;
  display: none;
}

.admin-dashboard-business-content3, .admin-dashboard-business-input, .admin-dashboard-business-input-with-label {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-business-content3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 262px 0 0;
}

.admin-dashboard-business-input, .admin-dashboard-business-input-with-label {
  align-self: stretch;
}

.admin-dashboard-business-input {
  box-sizing: border-box;
  color: #475467;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.admin-dashboard-business-input-with-label {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-dashboard-business-hint-text {
  color: #475467;
  white-space: nowrap;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-dashboard-business-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.admin-dashboard-business-text18 {
  color: #344054;
  text-align: left;
  min-width: 43px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-actions2, .admin-dashboard-business-button4 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-dashboard-business-button4 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-business-actions2 {
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
}

.admin-dashboard-business-content2, .admin-dashboard-business-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-business-content2 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.admin-dashboard-business-filters-bar {
  color: #344054;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.admin-dashboard-business-main, .admin-dashboard-business-table-header-title, .admin-dashboard-business-text19 {
  color: #101828;
  text-align: left;
  font-family: Inter;
}

.admin-dashboard-business-main {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0;
  font-size: 26px;
  display: flex;
}

.admin-dashboard-business-table-header-title, .admin-dashboard-business-text19 {
  min-width: 123px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-text19 {
  color: #6941c6;
  text-align: center;
  min-width: 56px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.admin-dashboard-business-badge1, .admin-dashboard-business-text-and-badge1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-business-badge1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #f9f5ff;
  border: 1px solid #e9d7fe;
  border-radius: 9999px;
  width: 72px;
  padding: 0 7px;
}

.admin-dashboard-business-text-and-badge1 {
  align-self: stretch;
  gap: 8px;
  padding: 0 729px 0 0;
}

.admin-dashboard-business-supporting-text3 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 697px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-business-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 12px 0;
  display: flex;
}

.admin-dashboard-business-text20 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-business-button5, .admin-dashboard-business-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-dashboard-business-text-padding7 {
  align-self: stretch;
  padding: 0 2px;
}

.admin-dashboard-business-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.admin-dashboard-business-text21 {
  color: #6941c6;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-business-button6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-business-text22 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-business-button7 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-business-text23 {
  color: #fff;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-business-button8 {
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-business-actions3, .admin-dashboard-business-card-header1, .admin-dashboard-business-content4 {
  justify-content: flex-start;
  max-width: 100%;
}

.admin-dashboard-business-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 0 24px 0 0;
  display: none;
}

.admin-dashboard-business-card-header1, .admin-dashboard-business-content4 {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-business-content4 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px;
  padding: 20px 24px 0;
}

.admin-dashboard-business-card-header1 {
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  gap: 20px;
}

.admin-dashboard-business-checkbox-wrapper {
  width: 28px;
  height: 20px;
  margin: 0;
}

.admin-dashboard-business-text24 {
  color: #475467;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-header-title {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-dashboard-business-arrow-down-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-business-header-icon, .admin-dashboard-business-table-header-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.admin-dashboard-business-table-header-cell {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  gap: 4px;
  width: 441px;
  padding: 12px 24px 10px;
  position: absolute;
  top: 0;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-business-checkbox {
  width: 20px;
  height: 20px;
  margin: 0;
}

.admin-dashboard-business-cell-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 0;
  display: flex;
}

.admin-dashboard-business-avatar-online-indicator {
  box-sizing: border-box;
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-business-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 30px 0 0 26px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-business-avatar {
  background-image: url("playstation.81b2e349.jpeg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 42px;
  height: 42px;
  display: flex;
}

.admin-dashboard-business-avatar-business {
  background-image: url("playstation.81b2e349.jpeg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 42px;
  height: 42px;
  display: flex;
}

.admin-dashboard-business-supporting-text4, .admin-dashboard-business-supporting-text4-business {
  text-align: left;
  font-family: Inter;
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-cell-title, .admin-dashboard-business-cell-title-business {
  text-align: left;
  color: #101828;
  min-width: 75px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-supporting-text4 {
  color: #475467;
  min-width: 97px;
}

.admin-dashboard-business-contrast-border1, .admin-dashboard-business-table-cell {
  box-sizing: border-box;
  position: absolute;
}

.admin-dashboard-business-table-cell {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 405px;
  padding: 16px 24px 14px;
  display: flex;
  top: 44px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-business-contrast-border1 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.admin-dashboard-business-avatar1 {
  background-image: url("avatar1@3x.dbb57a87.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-business-text25 {
  color: #101828;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-table-cell1 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 467px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 116px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-business-text26 {
  color: #101828;
  text-align: left;
  min-width: 84px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-table-cell2 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 188px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-business-avatar3 {
  background-image: url("avatar2@3x.71d78787.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-business-text27 {
  color: #101828;
  text-align: left;
  white-space: nowrap;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-contrast-border4, .admin-dashboard-business-table-cell3 {
  box-sizing: border-box;
  position: absolute;
  margin: 0 !important;
}

.admin-dashboard-business-table-cell3 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  top: 260px;
  left: -360px;
}

.admin-dashboard-business-contrast-border4 {
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: hidden;
}

.admin-dashboard-business-text28 {
  color: #667085;
  text-align: center;
  z-index: 1;
  flex: 1;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-dashboard-business-avatar4 {
  box-sizing: border-box;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 8px 0;
  display: flex;
  position: relative;
}

.admin-dashboard-business-text29 {
  color: #101828;
  text-align: left;
  min-width: 82px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-table-cell4 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  top: 332px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-business-text30 {
  color: #101828;
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-table-cell5 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 288px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-business-avatar6 {
  background-image: url("avatar3@3x.6005525e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-business-text31 {
  color: #101828;
  text-align: left;
  min-width: 74px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-table-cell6, .admin-dashboard-business-table-cell7 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 411px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 216px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-business-table-cell7 {
  width: 428px;
  bottom: 144px;
}

.admin-dashboard-business-avatar8 {
  background-image: url("avatar4@3x.e288d30e.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-business-text34 {
  color: #101828;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-table-cell8 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 72px;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-business-avatar9 {
  background-image: url("avatar5@3x.3ed723c3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-dashboard-business-text35 {
  color: #101828;
  text-align: left;
  min-width: 95px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-table-cell9 {
  box-sizing: border-box;
  z-index: 1;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 428px;
  padding: 16px 24px 14px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: -360px;
  margin: 0 !important;
}

.admin-dashboard-business-column-title {
  color: #475467;
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-arrow-down-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-business-table-header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.admin-dashboard-business-text36 {
  color: #344054;
  text-align: center;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-location-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-business-text37 {
  color: #344054;
  text-align: center;
  min-width: 85px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-marker-pin-02-parent, .admin-dashboard-business-table-cell11 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-dashboard-business-marker-pin-02-parent {
  gap: 7px;
}

.admin-dashboard-business-table-cell11 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  width: 247px;
  padding: 26px 24px 24px;
}

.admin-dashboard-business-text38 {
  color: #344054;
  text-align: center;
  min-width: 91px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-table-cell15, .admin-dashboard-business-table-cell16, .admin-dashboard-business-table-cell18 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 279px;
  padding: 26px 24px 24px;
  display: flex;
}

.admin-dashboard-business-table-cell16, .admin-dashboard-business-table-cell18 {
  width: 271px;
}

.admin-dashboard-business-table-cell18 {
  width: 239px;
}

.admin-dashboard-business-column {
  box-sizing: border-box;
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  width: 120px;
  padding: 0;
}

.admin-dashboard-business-column, .admin-dashboard-business-table-header-cell-parent, .admin-dashboard-business-table-row {
  justify-content: start;
  display: flex;
}

.admin-dashboard-business-table-header-cell-parent {
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.admin-dashboard-business-table-row {
  flex-direction: row;
  flex-shrink: 0;
  align-items: flex-end;
  width: 100%;
}

.admin-dashboard-business-description-column-title {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 24px;
  height: 18px;
  padding: 0;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-dashboard-business-table-header1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  width: 60px;
  display: flex;
}

.admin-dashboard-business-text46 {
  color: #475467;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 101px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-text47 {
  color: #475467;
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-table-cell21 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 23px 24px;
  display: flex;
}

.admin-dashboard-business-text48 {
  color: #475467;
  text-align: left;
  min-width: 93px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-table-cell22 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  max-width: 232%;
  padding: 26px 24px 24px;
  display: flex;
}

.admin-dashboard-business-text49 {
  min-width: 64px;
}

.admin-dashboard-business-text49, .admin-dashboard-business-text50, .admin-dashboard-business-text51 {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-text50 {
  min-width: 84px;
}

.admin-dashboard-business-text51 {
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 82px;
  height: 20px;
  padding: 0;
}

.admin-dashboard-business-table-cell25 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 328px;
  max-width: 187%;
  padding: 26px 24px 24px;
  display: flex;
}

.admin-dashboard-business-text52 {
  background-color: #0000;
  border: 0;
  outline: 0;
  width: 92px;
  height: 20px;
  padding: 0;
  display: inline-block;
}

.admin-dashboard-business-text52, .admin-dashboard-business-text53, .admin-dashboard-business-text54 {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.admin-dashboard-business-text53 {
  min-width: 68px;
  display: inline-block;
}

.admin-dashboard-business-text54 {
  white-space: nowrap;
}

.admin-dashboard-business-column1, .admin-dashboard-business-table-cell29 {
  box-sizing: border-box;
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-business-table-cell29 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  align-items: center;
  width: 287px;
  padding: 26px 24px 24px;
}

.admin-dashboard-business-column1 {
  z-index: 1;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 176px;
  padding: 0;
}

.admin-dashboard-business-action-column-title {
  color: #475467;
  text-align: left;
  min-width: 37px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-arrow-down-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-business-table-header2 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

.admin-dashboard-business-dropdown6 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21px;
  display: flex;
}

.admin-dashboard-business-column2, .admin-dashboard-business-table-content {
  box-sizing: border-box;
  display: flex;
}

.admin-dashboard-business-column2 {
  z-index: 1;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-end;
  width: 120px;
  padding: 0;
}

.admin-dashboard-business-table-content {
  scrollbar-width: thin;
  flex-direction: column;
  align-items: flex-start;
  width: 1073px;
  max-width: 100%;
  height: 580px;
  padding: 0 1px 0 0;
  overflow: hidden auto;
}

.admin-dashboard-business-text56 {
  color: #344054;
  text-align: left;
  min-width: 59px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-buttonsbutton2 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 6px 11px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-business-button-wrap, .admin-dashboard-business-pagination-wrapper {
  justify-content: flex-start;
  display: flex;
}

.admin-dashboard-business-button-wrap {
  flex-direction: row;
  align-self: stretch;
  align-items: center;
}

.admin-dashboard-business-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  width: 326px;
  padding: 2px 0 0;
}

.admin-dashboard-business-number {
  color: #18222f;
  text-align: center;
  width: 7px;
  min-width: 7px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-content5, .admin-dashboard-business-pagination-number-base {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-business-content5 {
  padding: 10px 16px;
}

.admin-dashboard-business-pagination-number-base {
  background-color: #f9fafb;
  overflow: hidden;
}

.admin-dashboard-business-number1 {
  color: #475467;
  text-align: center;
  min-width: 9px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-content6, .admin-dashboard-business-pagination-number-base1 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-business-content6 {
  padding: 10px 15px;
}

.admin-dashboard-business-pagination-number-base1 {
  overflow: hidden;
}

.admin-dashboard-business-number2 {
  color: #475467;
  text-align: center;
  width: 10px;
  min-width: 10px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-content7, .admin-dashboard-business-pagination-number-base2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-business-content7 {
  padding: 10px 15px;
}

.admin-dashboard-business-pagination-number-base2 {
  overflow: hidden;
}

.admin-dashboard-business-number3 {
  color: #475467;
  text-align: center;
  min-width: 13px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-content8 {
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 13px;
  display: flex;
}

.admin-dashboard-business-number6 {
  color: #475467;
  text-align: center;
  width: 16px;
  min-width: 16px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-content11, .admin-dashboard-business-pagination-numbers {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-business-content11 {
  border-radius: 8px;
  padding: 10px 12px;
}

.admin-dashboard-business-pagination-numbers {
  flex-shrink: 0;
  gap: 2px;
  width: 292px;
}

.admin-dashboard-business-text57 {
  color: #344054;
  text-align: left;
  min-width: 32px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-business-button-wrap1, .admin-dashboard-business-buttonsbutton3 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-dashboard-business-buttonsbutton3 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 84px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-business-button-wrap1 {
  justify-content: flex-end;
  align-self: stretch;
}

.admin-dashboard-business-pagination, .admin-dashboard-business-prsopective-buyers, .admin-dashboard-business-table {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-business-pagination {
  z-index: 3;
  border-top: 1px solid #eaecf0;
  flex-direction: row;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.admin-dashboard-business-prsopective-buyers, .admin-dashboard-business-table {
  box-sizing: border-box;
  background-color: #fff;
  flex-direction: column;
  max-width: 100%;
  overflow: hidden;
}

.admin-dashboard-business-table {
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  margin: 0;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.admin-dashboard-business-prsopective-buyers {
  letter-spacing: normal;
  gap: 14px;
  padding: 0 0 93px;
  line-height: normal;
}

.admin-dashboard-business-table-header-cell1 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 270px;
  padding: 13px 17px 11px;
  display: flex;
}

.admin-dashboard-business-table-cell10 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 270px;
  padding: 13px 17px 11px;
  display: flex;
}

.admin-dashboard-business-table-header-cell2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 210px;
  padding: 13px 19px 11px;
  display: flex;
}

.admin-dashboard-business-table-cell20 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 210px;
  padding: 28px 21px 20px 19px;
  display: flex;
}

.admin-dashboard-business-table-header-cell3 {
  box-sizing: border-box;
  text-align: left;
  color: #475467;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 300px;
  padding: 13px 17px 11px;
  display: flex;
}

.admin-dashboard-business-table-cell30 {
  box-sizing: border-box;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 300px;
  padding: 13px 17px 11px;
  display: flex;
}

.admin-dashboard-business-table-header-cell4 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 203px;
  padding: 13px 27px 11px;
  display: flex;
}

.admin-dashboard-business-table-cell40 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 203px;
  padding: 26px 50px 20px 26px;
  display: flex;
}

.admin-dashboard-business-table-header-cell7 {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 90px;
  padding: 13px 27px 11px;
  display: flex;
}

.admin-dashboard-business-table-cell70 {
  border-bottom: 1px solid #eaecf0;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 90px;
  padding: 26px 50px 20px 26px;
  display: flex;
}

.admin-dashboard-business-section-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.admin-dashboard-business-section1 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-business-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-business-filters-bar {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-business-content17 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-business-dropdowns {
  box-sizing: border-box;
  flex-direction: row;
  flex: .5;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

@media screen and (width <= 925px) {
  .admin-dashboard-business-text-and-badge1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 364px;
  }
}

@media screen and (width <= 750px) {
  .admin-dashboard-business-dropdowns {
    box-sizing: border-box;
    flex-wrap: wrap;
    flex: 1;
    min-width: 100%;
    padding-right: 83px;
  }
}

@media screen and (width <= 700px) {
  .admin-dashboard-business-text-and-badge, .admin-dashboard-business-text-and-badge1 {
    box-sizing: border-box;
    padding-right: 121px;
  }

  .admin-dashboard-business-text-and-badge1 {
    padding-right: 182px;
  }

  .admin-dashboard-business-text-and-supporting-text2 {
    min-width: 100%;
  }

  .admin-dashboard-business-actions3 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .admin-dashboard-business-content3, .admin-dashboard-business-text-and-badge, .admin-dashboard-business-dropdowns {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-dashboard-business-input-dropdown {
    max-width: 100%;
  }
}

.three-dots-business-admin-filter-dropdown-avatar-online-indicator6, .three-dots-business-admin-filter-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.three-dots-business-admin-filter-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.three-dots-business-admin-filter-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.three-dots-business-admin-filter-dropdown-avatar22 {
  background-image: url("avatar2@3x.913774a9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.three-dots-business-admin-filter-dropdown-supporting-text84, .three-dots-business-admin-filter-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.three-dots-business-admin-filter-dropdown-text246 {
  font-weight: 600;
}

.three-dots-business-admin-filter-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.three-dots-business-admin-filter-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.three-dots-business-admin-filter-dropdown-avatar-label-group, .three-dots-business-admin-filter-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.three-dots-business-admin-filter-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.three-dots-business-admin-filter-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #f9fafb;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.three-dots-business-admin-filter-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.three-dots-business-admin-filter-dropdown-text247 {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.three-dots-business-admin-filter-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.three-dots-business-admin-filter-dropdown-content48, .three-dots-business-admin-filter-dropdown-dropdown-list-item, .three-dots-business-admin-filter-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.three-dots-business-admin-filter-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 5px;
}

.three-dots-business-admin-filter-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.three-dots-business-admin-filter-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-business-admin-filter-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.three-dots-business-admin-filter-dropdown-dropdown-list-item10, .three-dots-business-admin-filter-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.three-dots-business-admin-filter-dropdown-dropdown-list-item10 {
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.three-dots-business-admin-filter-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-business-admin-filter-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.three-dots-business-admin-filter-dropdown-dropdown-list-item11, .three-dots-business-admin-filter-dropdown-dropdown-list-item12, .three-dots-business-admin-filter-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.three-dots-business-admin-filter-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-business-admin-filter-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.three-dots-business-admin-filter-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.three-dots-business-admin-filter-dropdown-dropdown-list-item12, .three-dots-business-admin-filter-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.three-dots-business-admin-filter-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.three-dots-business-admin-filter-dropdown-menu-items, .three-dots-business-admin-filter-dropdown-three-dots-business-admin-filter-all-options-fixed {
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
  color: #344054 !important;
}

.three-dots-business-admin-filter-dropdown-menu-items {
  align-self: stretch;
}

.three-dots-business-admin-filter-dropdown-three-dots-business-admin-filter-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  width: max-content;
  line-height: normal;
  position: absolute;
  top: 45px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.easy-filter-admin-button-group {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.easy-filter-admin-button-group-base1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.easy-filter-admin-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.easy-filter-admin-text31 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.easy-filter-admin-text32, .easy-filter-admin-text40 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.easy-filter-admin-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.easy-filter-admin-text29 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.easy-filter-badge {
  color: #fff;
  border-radius: 10px;
  padding-left: 5px;
  font-size: .75em;
}

.easy-filter-badge-container {
  background-color: #fef3f2;
  border: 1px solid #fecdca;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 2px 8px;
  display: inline-flex;
}

.easy-filter-badge-counter {
  text-align: center;
  color: #b42318;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
}

.easy-filter-badge-container-success {
  background-color: #f4eeff;
  border: 1px solid #b09ce3;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 2px 8px;
  display: inline-flex;
}

.easy-filter-badge-counter-success {
  text-align: center;
  color: #7e56d9;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
}

.filters-admin-business-sort-by-dropdown-avatar-online-indicator6, .filters-admin-business-sort-by-dropdown-contrast-border22 {
  box-sizing: border-box;
  border-radius: 9999px;
  position: absolute;
  overflow: hidden;
}

.filters-admin-business-sort-by-dropdown-contrast-border22 {
  border: .8px solid #00000014;
  width: 100%;
  height: 100%;
  inset: 0;
}

.filters-admin-business-sort-by-dropdown-avatar-online-indicator6 {
  z-index: 1;
  background-color: #17b26a;
  border: 1.5px solid #fff;
  width: 13px;
  height: 13px;
  bottom: -1.5px;
  right: -1.5px;
}

.filters-admin-business-sort-by-dropdown-supporting-text84, .filters-admin-business-sort-by-dropdown-text246 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.filters-admin-business-sort-by-dropdown-text246 {
  font-weight: 600;
}

.filters-admin-business-sort-by-dropdown-supporting-text84 {
  color: #475467;
  white-space: nowrap;
}

.filters-admin-business-sort-by-dropdown-text-and-supporting-text19 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.filters-admin-business-sort-by-dropdown-avatar-label-group, .filters-admin-business-sort-by-dropdown-dropdown-list-header {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.filters-admin-business-sort-by-dropdown-avatar-label-group {
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.filters-admin-business-sort-by-dropdown-dropdown-list-header {
  background-color: #fff;
  border-bottom: 1px solid #f9fafb;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 10px;
}

.filters-admin-business-sort-by-dropdown-user-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.filters-admin-business-sort-by-dropdown-text247 {
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.filters-admin-business-sort-by-dropdown-icon-and-text {
  flex: 1;
  gap: 8px;
}

.filters-admin-business-sort-by-dropdown-content48, .filters-admin-business-sort-by-dropdown-dropdown-list-item, .filters-admin-business-sort-by-dropdown-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.filters-admin-business-sort-by-dropdown-content48 {
  border-radius: 6px;
  flex: 1;
  padding: 9px 10px;
}

.filters-admin-business-sort-by-dropdown-dropdown-list-item {
  background-color: #fff;
  align-self: stretch;
  padding: 1px 6px;
}

.filters-admin-business-sort-by-dropdown-dropdown-list-item:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.filters-admin-business-sort-by-dropdown-divider-icon16 {
  flex: 1;
  max-width: 100%;
  height: 1px;
  position: relative;
  overflow: hidden;
}

.filters-admin-business-sort-by-dropdown-dropdown-list-item10, .filters-admin-business-sort-by-dropdown-dropdown-list-item3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.filters-admin-business-sort-by-dropdown-dropdown-list-item10 {
  background-color: #fff;
  padding: 1px 6px;
  position: sticky;
  top: 0;
}

.filters-admin-business-sort-by-dropdown-dropdown-list-item10:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.filters-admin-business-sort-by-dropdown-text256 {
  color: #344054;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 16px);
  min-width: 110px;
  height: 20px;
  padding: 0;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.filters-admin-business-sort-by-dropdown-dropdown-list-item11, .filters-admin-business-sort-by-dropdown-dropdown-list-item12, .filters-admin-business-sort-by-dropdown-dropdown-list-item13 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.filters-admin-business-sort-by-dropdown-dropdown-list-item13:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.filters-admin-business-sort-by-dropdown-dropdown-list-item11 {
  z-index: 1;
  background-color: #fff;
  padding: 1px 6px;
}

.filters-admin-business-sort-by-dropdown-dropdown-list-item11:hover {
  cursor: pointer;
  background-color: #f9fafb;
}

.filters-admin-business-sort-by-dropdown-dropdown-list-item12, .filters-admin-business-sort-by-dropdown-dropdown-list-item13 {
  z-index: 2;
  padding: 4px 0;
}

.filters-admin-business-sort-by-dropdown-dropdown-list-item13 {
  z-index: 3;
  background-color: #fff;
  padding: 1px 6px;
}

.filters-admin-business-sort-by-dropdown-menu-items, .filters-admin-business-sort-by-dropdown-filters-admin-business-sort-by-all-options-fixed {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.filters-admin-business-sort-by-dropdown-menu-items {
  align-self: stretch;
}

.filters-admin-business-sort-by-dropdown-filters-admin-business-sort-by-all-options-fixed {
  box-sizing: border-box;
  letter-spacing: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #f9fafb;
  border-radius: 8px;
  line-height: normal;
  position: absolute;
  top: 50px;
  right: 0;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.admin-dashboard-tab-main-container {
  flex-direction: column;
  gap: 30px;
  width: 100%;
  display: flex;
  position: relative;
}

.component-display-area {
  padding-top: 20px;
}

.admin-dashboard-tab-tab {
  width: max-content;
  padding-left: 32px;
}

.admin-dashboard-tab-button-group-base1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-tab-button-group {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-tab-text32, .admin-dashboard-tab-text31 {
  width: max-content;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.admin-dashboard-device-component-listing-container::-webkit-scrollbar {
  display: none;
}

.admin-dashboard-device-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 18px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  width: 1380px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.admin-dashboard-device-component-dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.admin-dashboard-device-component-dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-device-component-dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.admin-dashboard-device-component-dashboard-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-device-component-dashboard-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.admin-dashboard-device-component-dashboard-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-device-component-dashboard-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 1000px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.admin-dashboard-device-component-dashboard-text78:hover {
  text-decoration: underline;
}

.admin-dashboard-device-component-dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-dashboard-device-component-dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-dashboard-device-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-device-component-dashboard-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-device-component-dashboard-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-device-component-dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.admin-dashboard-device-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-device-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-device-component-dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-device-component-dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-device-component-dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-device-component-dashboard-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-device-component-dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-device-component-dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-dropdown10 {
  z-index: 2;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-device-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.admin-dashboard-device-component-dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.admin-dashboard-device-component-dashboard-divider-icon8 {
  z-index: 2;
  width: 1380px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-dashboard-device-component-dashboard-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.admin-dashboard-device-component-dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-device-component-dashboard-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.admin-dashboard-device-component-dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-device-component-dashboard-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-device-component-dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.admin-dashboard-device-component-dashboard-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.admin-dashboard-device-component-dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 1380px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-device-component-dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.admin-dashboard-device-component-dashboard-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-device-component-dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-device-component-dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-buttonsbutton25, .admin-dashboard-device-component-dashboard-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-device-component-dashboard-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.admin-dashboard-device-component-dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-dashboard-device-component-dashboard-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-dashboard-device-component-dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-device-component-dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-device-component-dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.admin-dashboard-device-component-dashboard-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.admin-dashboard-device-component-dashboard-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.admin-dashboard-device-component-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.admin-dashboard-device-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-device-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .admin-dashboard-device-component-dashboard-rectangle-parent5, .admin-dashboard-device-component-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .admin-dashboard-device-component-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .admin-dashboard-device-component-dashboard-action-fields {
    min-width: 100%;
  }

  .admin-dashboard-device-component-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .admin-dashboard-device-component-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-dashboard-device-component-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .admin-dashboard-device-component-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .admin-dashboard-device-component-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .admin-dashboard-device-component-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.active {
  background-color: #f9fafb;
}

.custom-cursor {
  cursor: pointer;
}

.admin-dashboard-button-group {
  box-sizing: border-box;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-button-group-base1 {
  box-sizing: border-box;
  white-space: nowrap;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 87px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-dashboard-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-text31 {
  min-width: 71px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-text32 {
  min-width: 55px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-text39 {
  min-width: 61px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-text29 {
  min-width: 45px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.admin-dashboard-spare-component-listing-container::-webkit-scrollbar {
  display: none;
}

.admin-dashboard-spare-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 18px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  width: 1380px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.admin-dashboard-spare-component-dashboard-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 1000px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.admin-dashboard-spare-component-dashboard-text78:hover {
  text-decoration: underline;
}

.admin-dashboard-spare-component-dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-spare-component-dashboard-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-spare-component-dashboard-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-spare-component-dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-spare-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-spare-component-dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-spare-component-dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-spare-component-dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-spare-component-dashboard-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-spare-component-dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-spare-component-dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-dropdown10 {
  z-index: 2;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-spare-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-divider-icon8 {
  z-index: 2;
  width: 1380px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.admin-dashboard-spare-component-dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-spare-component-dashboard-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.admin-dashboard-spare-component-dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-spare-component-dashboard-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-spare-component-dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.admin-dashboard-spare-component-dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 1380px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.admin-dashboard-spare-component-dashboard-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-spare-component-dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-spare-component-dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-buttonsbutton25, .admin-dashboard-spare-component-dashboard-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-spare-component-dashboard-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.admin-dashboard-spare-component-dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-spare-component-dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-spare-component-dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.admin-dashboard-spare-component-dashboard-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.admin-dashboard-spare-component-dashboard-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.admin-dashboard-spare-component-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.admin-dashboard-spare-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-spare-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .admin-dashboard-spare-component-dashboard-rectangle-parent5, .admin-dashboard-spare-component-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .admin-dashboard-spare-component-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .admin-dashboard-spare-component-dashboard-action-fields {
    min-width: 100%;
  }

  .admin-dashboard-spare-component-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .admin-dashboard-spare-component-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-dashboard-spare-component-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .admin-dashboard-spare-component-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .admin-dashboard-spare-component-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .admin-dashboard-spare-component-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.admin-dashboard-service-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.admin-dashboard-service-component-listing-container::-webkit-scrollbar {
  display: none;
}

.admin-dashboard-service-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 18px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  width: 1380px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.admin-dashboard-service-component-dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.admin-dashboard-service-component-dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-service-component-dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.admin-dashboard-service-component-dashboard-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-service-component-dashboard-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.admin-dashboard-service-component-dashboard-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-service-component-dashboard-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 1000px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.admin-dashboard-service-component-dashboard-text78:hover {
  text-decoration: underline;
}

.admin-dashboard-service-component-dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-dashboard-service-component-dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-dashboard-service-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-service-component-dashboard-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-service-component-dashboard-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: max-content;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-service-component-dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.admin-dashboard-service-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-service-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 160px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-service-component-dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-service-component-dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-service-component-dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-service-component-dashboard-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-service-component-dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-service-component-dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-dropdown10 {
  z-index: 2;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-service-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.admin-dashboard-service-component-dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.admin-dashboard-service-component-dashboard-divider-icon8 {
  z-index: 2;
  width: 1380px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-dashboard-service-component-dashboard-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.admin-dashboard-service-component-dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-service-component-dashboard-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.admin-dashboard-service-component-dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-service-component-dashboard-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-service-component-dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.admin-dashboard-service-component-dashboard-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.admin-dashboard-service-component-dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 1380px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-service-component-dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.admin-dashboard-service-component-dashboard-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-service-component-dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-service-component-dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-buttonsbutton25, .admin-dashboard-service-component-dashboard-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-service-component-dashboard-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.admin-dashboard-service-component-dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-dashboard-service-component-dashboard-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-dashboard-service-component-dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-service-component-dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-service-component-dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.admin-dashboard-service-component-dashboard-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.admin-dashboard-service-component-dashboard-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.admin-dashboard-service-component-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.admin-dashboard-service-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-service-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .admin-dashboard-service-component-dashboard-rectangle-parent5, .admin-dashboard-service-component-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .admin-dashboard-service-component-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .admin-dashboard-service-component-dashboard-action-fields {
    min-width: 100%;
  }

  .admin-dashboard-service-component-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .admin-dashboard-service-component-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-dashboard-service-component-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .admin-dashboard-service-component-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .admin-dashboard-service-component-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .admin-dashboard-service-component-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.admin-dashboard-software-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.admin-dashboard-software-component-listing-container::-webkit-scrollbar {
  display: none;
}

.admin-dashboard-software-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 18px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  width: 1380px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.admin-dashboard-software-component-dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.admin-dashboard-software-component-dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-software-component-dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.admin-dashboard-software-component-dashboard-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-software-component-dashboard-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.admin-dashboard-software-component-dashboard-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-software-component-dashboard-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 1000px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.admin-dashboard-software-component-dashboard-text78:hover {
  text-decoration: underline;
}

.admin-dashboard-software-component-dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-dashboard-software-component-dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-dashboard-software-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-software-component-dashboard-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-software-component-dashboard-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: max-content;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-software-component-dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.admin-dashboard-software-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-software-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 160px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-software-component-dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-software-component-dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-software-component-dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-software-component-dashboard-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-software-component-dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-software-component-dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-dropdown10 {
  z-index: 2;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-software-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.admin-dashboard-software-component-dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.admin-dashboard-software-component-dashboard-divider-icon8 {
  z-index: 2;
  width: 1380px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-dashboard-software-component-dashboard-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.admin-dashboard-software-component-dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-software-component-dashboard-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.admin-dashboard-software-component-dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-software-component-dashboard-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-software-component-dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.admin-dashboard-software-component-dashboard-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.admin-dashboard-software-component-dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 1380px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-software-component-dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.admin-dashboard-software-component-dashboard-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-software-component-dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-software-component-dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-buttonsbutton25, .admin-dashboard-software-component-dashboard-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-software-component-dashboard-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.admin-dashboard-software-component-dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-dashboard-software-component-dashboard-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-dashboard-software-component-dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-software-component-dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-software-component-dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.admin-dashboard-software-component-dashboard-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.admin-dashboard-software-component-dashboard-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.admin-dashboard-software-component-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.admin-dashboard-software-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-software-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .admin-dashboard-software-component-dashboard-rectangle-parent5, .admin-dashboard-software-component-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .admin-dashboard-software-component-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .admin-dashboard-software-component-dashboard-action-fields {
    min-width: 100%;
  }

  .admin-dashboard-software-component-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .admin-dashboard-software-component-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-dashboard-software-component-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .admin-dashboard-software-component-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .admin-dashboard-software-component-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .admin-dashboard-software-component-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.custom-z-index {
  z-index: 4;
}

.admin-dashboard-job-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.admin-dashboard-job-component-listing-container::-webkit-scrollbar {
  display: none;
}

.admin-dashboard-job-component-dashboard-content-items {
  box-sizing: border-box;
  z-index: 0;
  flex-direction: row;
  padding: 0 30px 4px 2px;
  font-size: 18px;
}

.admin-dashboard-job-component-dashboard-rectangle-parent10 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 1380px;
  max-width: 100%;
  padding: 12px 15px 12px 23px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-frame-child12 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 208px;
  display: none;
  position: relative;
}

.admin-dashboard-job-component-dashboard-frame-wrapper25 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.admin-dashboard-job-component-dashboard-element-details-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-job-component-dashboard-element-details {
  box-sizing: border-box;
  z-index: 2;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 160px;
  padding: 38px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-element-details-child {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 160px;
  height: 160px;
  display: none;
  position: relative;
}

.admin-dashboard-job-component-dashboard-f4b711e503bc72fe396e5043e0c2-1-icon {
  object-fit: cover;
  z-index: 3;
  width: 84px;
  height: 84px;
  position: relative;
}

.admin-dashboard-job-component-dashboard-element-actions {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-job-component-dashboard-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 1000px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.admin-dashboard-job-component-dashboard-text78:hover {
  text-decoration: underline;
}

.admin-dashboard-job-component-dashboard-action-icons {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-calendar-icon6 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-job-component-dashboard-date-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: max-content;
  display: flex;
}

.admin-dashboard-job-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-supporting-text12 {
  letter-spacing: -.06px;
  z-index: 2;
  line-height: 24px;
  position: relative;
}

.admin-dashboard-job-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.admin-dashboard-job-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-job-component-dashboard-type-badge-elements {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 56px;
  padding: 1px 4px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-search-icon-input {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-job-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-dashboard-job-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-job-component-dashboard-type-label {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-dashboard-job-component-dashboard-text99 {
  z-index: 2;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.admin-dashboard-job-component-dashboard-supporting-text14 {
  color: #475467;
  z-index: 3;
  min-width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-job-component-dashboard-work-type-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: max-content;
  display: flex;
}

.admin-dashboard-job-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-job-component-dashboard-work-type-value {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 1px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-text100 {
  z-index: 2;
  align-self: stretch;
  font-weight: 500;
  line-height: 23px;
  position: relative;
}

.admin-dashboard-job-component-dashboard-supporting-text15 {
  color: #475467;
  z-index: 3;
  width: 104px;
  font-size: 12px;
  line-height: 19px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-job-component-dashboard-work-type-label {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  margin-left: -9px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-job-component-dashboard-dropdown-parent1 {
  text-align: center;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 22px;
  width: 153px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-dropdown10 {
  z-index: 2;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.admin-dashboard-job-component-dashboard-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-job-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 10px 0 0;
  display: flex;
}

.admin-dashboard-job-component-dashboard-frame-parent31 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.admin-dashboard-job-component-dashboard-text-wrapper10 {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 57px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-text101 {
  z-index: 3;
  min-width: 29px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-job-component-dashboard-price4 {
  letter-spacing: -.02em;
  color: #6941c6;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.admin-dashboard-job-component-dashboard-trend-chart-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 0 3px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-trend-chart {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 113px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-job-component-dashboard-frame-parent32 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 19px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-frame-wrapper27 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 34px 0 0;
  display: flex;
}

.admin-dashboard-job-component-dashboard-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-job-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.admin-dashboard-job-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-job-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 34px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .admin-dashboard-job-component-dashboard-rectangle-parent10 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .admin-dashboard-job-component-dashboard-action-icons, .admin-dashboard-job-component-dashboard-element-details-parent {
    flex-wrap: wrap;
  }

  .admin-dashboard-job-component-dashboard-element-details, .admin-dashboard-job-component-dashboard-f4b711e503bc72fe396e5043e0c2-1-icon {
    flex: 1;
  }
}

@media screen and (width <= 450px) {
  .admin-dashboard-job-component-dashboard-calendar-icon6 {
    flex-wrap: wrap;
  }

  .admin-dashboard-job-component-dashboard-work-type-icon {
    flex: 1;
  }

  .admin-dashboard-job-component-dashboard-work-type-label {
    margin-left: 0;
  }

  .admin-dashboard-job-component-dashboard-price4 {
    font-size: 16px;
    line-height: 26px;
  }
}

.beacon-device-component-beacon-content-items-admin {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1100px) {
  .admin-dashboard-wanted-service-component-dashboard-rectangle-parent5, .admin-dashboard-wanted-service-component-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .admin-dashboard-wanted-service-component-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .admin-dashboard-wanted-service-component-dashboard-action-fields {
    min-width: 100%;
  }

  .admin-dashboard-wanted-service-component-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .admin-dashboard-wanted-service-component-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-dashboard-wanted-service-component-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .admin-dashboard-wanted-service-component-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .admin-dashboard-wanted-service-component-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .admin-dashboard-wanted-service-component-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.beacon-spare-component-beacon-content-items-admin {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.admin-dashboard-wanted-spare-component-listing-container::-webkit-scrollbar {
  display: none;
}

.admin-dashboard-wanted-spare-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.admin-dashboard-wanted-spare-component-dashboard-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.admin-dashboard-wanted-spare-component-dashboard-text78:hover {
  text-decoration: underline;
}

.admin-dashboard-wanted-spare-component-dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-spare-component-dashboard-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-spare-component-dashboard-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: 163px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-wanted-spare-component-dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-spare-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 163px;
  min-width: 124px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-spare-component-dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-spare-component-dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-spare-component-dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-spare-component-dashboard-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-spare-component-dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-spare-component-dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-spare-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.admin-dashboard-wanted-spare-component-dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-spare-component-dashboard-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.admin-dashboard-wanted-spare-component-dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-spare-component-dashboard-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-spare-component-dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.admin-dashboard-wanted-spare-component-dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-spare-component-dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-spare-component-dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-buttonsbutton25, .admin-dashboard-wanted-spare-component-dashboard-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-spare-component-dashboard-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.admin-dashboard-wanted-spare-component-dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-spare-component-dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-spare-component-dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.admin-dashboard-wanted-spare-component-dashboard-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.admin-dashboard-wanted-spare-component-dashboard-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.admin-dashboard-wanted-spare-component-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.admin-dashboard-wanted-spare-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-spare-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .admin-dashboard-wanted-spare-component-dashboard-rectangle-parent5, .admin-dashboard-wanted-spare-component-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .admin-dashboard-wanted-spare-component-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .admin-dashboard-wanted-spare-component-dashboard-action-fields {
    min-width: 100%;
  }

  .admin-dashboard-wanted-spare-component-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .admin-dashboard-wanted-spare-component-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-dashboard-wanted-spare-component-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .admin-dashboard-wanted-spare-component-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .admin-dashboard-wanted-spare-component-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .admin-dashboard-wanted-spare-component-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.beacon-service-component-beacon-content-items-admin {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.admin-dashboard-wanted-service-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.admin-dashboard-wanted-service-component-listing-container::-webkit-scrollbar {
  display: none;
}

.admin-dashboard-wanted-service-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.admin-dashboard-wanted-service-component-dashboard-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.admin-dashboard-wanted-service-component-dashboard-text78:hover {
  text-decoration: underline;
}

.admin-dashboard-wanted-service-component-dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-service-component-dashboard-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-service-component-dashboard-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: max-content;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-wanted-service-component-dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-service-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 160px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-service-component-dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-service-component-dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-service-component-dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-service-component-dashboard-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-service-component-dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-service-component-dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-service-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.admin-dashboard-wanted-service-component-dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-service-component-dashboard-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.admin-dashboard-wanted-service-component-dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-service-component-dashboard-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-service-component-dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.admin-dashboard-wanted-service-component-dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-service-component-dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-service-component-dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-buttonsbutton25, .admin-dashboard-wanted-service-component-dashboard-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-service-component-dashboard-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.admin-dashboard-wanted-service-component-dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-service-component-dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-service-component-dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.admin-dashboard-wanted-service-component-dashboard-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.admin-dashboard-wanted-service-component-dashboard-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.admin-dashboard-wanted-service-component-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.admin-dashboard-wanted-service-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-service-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .admin-dashboard-wanted-service-component-dashboard-rectangle-parent5, .admin-dashboard-wanted-service-component-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .admin-dashboard-wanted-service-component-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .admin-dashboard-wanted-service-component-dashboard-action-fields {
    min-width: 100%;
  }

  .admin-dashboard-wanted-service-component-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .admin-dashboard-wanted-service-component-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-dashboard-wanted-service-component-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .admin-dashboard-wanted-service-component-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .admin-dashboard-wanted-service-component-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .admin-dashboard-wanted-service-component-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.beacon-software-component-beacon-content-items-admin {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 24px;
  font-size: 18px;
  display: flex;
}

.admin-dashboard-wanted-software-component-listing-container {
  box-sizing: border-box;
  justify-content: initial;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
  gap: 50px;
  width: 100%;
  height: max-content;
  padding: 0 29px;
  display: flex;
  overflow-y: scroll;
}

.admin-dashboard-wanted-software-component-listing-container::-webkit-scrollbar {
  display: none;
}

.admin-dashboard-wanted-software-component-main-buttons-group {
  flex-direction: row;
  gap: 12px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-content-items {
  z-index: 0;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  font-size: 18px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-divider-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  padding: 12px 13px 22px 23px;
  display: flex;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-divider-container-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 1016px;
  max-width: 100%;
  height: 493px;
  display: none;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-rectangle-parent5 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-frame-child7 {
  object-fit: cover;
  border-radius: 12px;
  width: 148px;
  height: 148px;
  top: 0;
}

.admin-dashboard-wanted-software-component-dashboard-frame-parent1 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  min-width: 524px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-action-fields {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  max-width: 100%;
  padding: 10px 0 0;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-input-elements {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 14px;
  max-width: 100%;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-text78 {
  z-index: 2;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  width: 640px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  overflow: hidden;
  color: inherit !important;
}

.admin-dashboard-wanted-software-component-dashboard-text78:hover {
  text-decoration: underline;
}

.admin-dashboard-wanted-software-component-dashboard-frame-parent21 {
  text-align: center;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 6px;
  width: 615px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-badge-item-parent {
  color: #da2d20;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-badge-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-badge34 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  background-color: #fffdfd;
  border: 1px solid #da2d20;
  border-radius: 9999px;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
  width: 69px;
  padding: 0 8px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-dot-icon10 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-text86 {
  min-width: 51px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-supporting-text8 {
  color: #475467;
  text-align: left;
  z-index: 2;
  min-width: 83px;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-frame-parent4 {
  text-align: left;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-end-label {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-search-icon-input {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-type-support {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-supporting-text9 {
  z-index: 2;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-badge33 {
  white-space: nowrap;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-software-component-dashboard-card-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 150px;
  max-width: 200px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-software-component-dashboard-frame-parent24 {
  text-align: left;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  width: max-content;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.admin-dashboard-wanted-software-component-dashboard-location-pin-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-marker-pin-02-icon2 {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-software-component-dashboard-location3 {
  z-index: 2;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 160px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-software-component-dashboard-frame-wrapper18 {
  text-align: center;
  color: #344054;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-badge-elements-copy {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-badge36 {
  z-index: 2;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-software-component-dashboard-badge-number-element {
  width: 61px;
  min-width: 61px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-badge37 {
  z-index: 2;
  white-space: nowrap;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-software-component-dashboard-second-badge-count {
  min-width: 60px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-frame-parent26 {
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 56px;
  min-width: 107px;
  font-size: 16px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-frame-wrapper19 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 14px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-legend-series {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-type-of-work2 {
  z-index: 2;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-badge38 {
  white-space: nowrap;
  z-index: 2;
  text-align: center;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 7px;
  font-size: 14px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-software-component-dashboard-third-badge-number {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: max-content;
  max-width: 200px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-software-component-dashboard-badge39 {
  box-sizing: border-box;
  z-index: 2;
  color: #344054;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 93px;
  padding: 0 7px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-software-component-dashboard-location-badge-elements {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-filter-elements-inner {
  z-index: 0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 15px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-filter-elements {
  text-align: center;
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 153px;
  font-size: 20px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-dropdown10 {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-software-component-dashboard-price-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-price2 {
  letter-spacing: -.02em;
  white-space: nowrap;
  z-index: 2;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-dropdown-elements {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 30px;
  font-size: 12px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-dropdown-options-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-text83 {
  z-index: 3;
  min-width: 83px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-frame-wrapper3 {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 4px 0 3px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-radar-1-1-container {
  z-index: 2;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-divider-icon8 {
  z-index: 2;
  width: 968px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-metric-item-parent {
  scrollbar-width: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  width: max-content;
  max-width: 100%;
  font-size: 16px;
  display: flex;
  overflow-x: scroll;
}

.admin-dashboard-wanted-software-component-dashboard-metric-item3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: max-content;
  padding: 16px 15px 20px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-software-component-dashboard-heading9 {
  width: 254px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-number-and-chart {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16px;
  font-size: 30px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-number-and-badge3 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  min-width: 105px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-heading {
  font-weight: 600;
  line-height: 38px;
}

.admin-dashboard-wanted-software-component-dashboard-change-and-text3 {
  text-align: center;
  color: #079455;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-change2 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-upload-04-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-software-component-dashboard-change7 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-text139 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-software-component-dashboard-chart-mini-icon3 {
  object-fit: contain;
  width: 96px;
  height: 48px;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-dropdown19 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0 !important;
}

.admin-dashboard-wanted-software-component-dashboard-frame-parent71 {
  color: #344054;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 968px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-buttonsbutton-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: max-content;
  max-width: calc(100% - 44px);
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-buttonsbutton13 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  width: 90px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-software-component-dashboard-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-software-component-dashboard-text67 {
  min-width: 34px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-buttonsbutton25, .admin-dashboard-wanted-software-component-dashboard-buttonsbutton26 {
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  min-width: 92px;
  padding: 6px 11px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-software-component-dashboard-buttonsbutton26 {
  gap: 5px;
  padding: 6px 10px 6px 12px;
}

.admin-dashboard-wanted-software-component-dashboard-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-icon1 {
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-text68 {
  min-width: 56px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-buttonsbutton27 {
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 79px;
  padding: 8px 12px;
  display: flex;
  position: relative;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-dashboard-wanted-software-component-dashboard-text145 {
  min-width: 70px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-dashboard-wanted-software-component-dashboard-ellipse-parent {
  color: #fff;
  width: 17px;
  height: 24px;
  font-size: 10px;
  position: absolute;
  top: -9px;
  right: -2px;
  margin: 0 !important;
}

.admin-dashboard-wanted-software-component-dashboard-ellipse-div {
  z-index: 1;
  background-color: #17b26a;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 3px;
}

.admin-dashboard-wanted-software-component-dashboard-div {
  color: #fff;
  z-index: 2;
  position: absolute;
  top: 3px;
  left: 8px;
}

.admin-dashboard-wanted-software-component-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.admin-dashboard-wanted-software-component-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-dashboard-wanted-software-component-dashboard-small-card {
  scrollbar-width: none;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  padding-top: 20px;
  display: flex;
  overflow-x: scroll;
}

@media screen and (width <= 1100px) {
  .admin-dashboard-wanted-software-component-dashboard-rectangle-parent5, .admin-dashboard-wanted-software-component-dashboard-metric-item-parent {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 750px) {
  .admin-dashboard-wanted-software-component-dashboard-frame-parent1 {
    flex-wrap: wrap;
    min-width: 100%;
  }

  .admin-dashboard-wanted-software-component-dashboard-action-fields {
    min-width: 100%;
  }

  .admin-dashboard-wanted-software-component-dashboard-frame-parent21 {
    flex-wrap: wrap;
  }

  .admin-dashboard-wanted-software-component-dashboard-heading {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-dashboard-wanted-software-component-dashboard-buttonsbutton-parent1 {
    flex-wrap: wrap;
  }
}

@media screen and (width <= 450px) {
  .admin-dashboard-wanted-software-component-dashboard-price2 {
    font-size: 16px;
    line-height: 26px;
  }

  .admin-dashboard-wanted-software-component-dashboard-number-and-chart {
    flex-wrap: wrap;
  }

  .admin-dashboard-wanted-software-component-dashboard-heading {
    font-size: 18px;
    line-height: 23px;
  }
}

.forms-add-device-child, .frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.forms-add-device-child {
  align-self: stretch;
  height: 4717px;
}

.frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.logo, .logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.5f2d40b9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.bar-chart-01-icon, .dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.text2, .text3 {
  font-family: Inter;
  position: relative;
}

.text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.badge1, .nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.navigation, .navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.navigation {
  z-index: 1;
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-family: Inter;
  font-size: 16px;
}

.navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.input, .text6 {
  overflow: hidden;
}

.text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.frame-group, .frame-parent, .input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.frame-group, .frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.frame-group {
  flex: 1;
  gap: 38px;
}

.frame-parent {
  gap: 70px;
  width: 754px;
}

.icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.avatar {
  z-index: 1;
  background-image: url("avatar@3x.e955d562.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.avatar-button-parent, .rectangle-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 14px;
  position: sticky;
  top: 0;
}

.divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.buttonsbutton {
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 218px;
  overflow: hidden;
  margin: 0 !important;
}

.arrow-narrow-left-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.step-icon-base {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.connector {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.supporting-text {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.step-base, .text-and-supporting-text {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-and-supporting-text {
  flex-direction: column;
  padding: 2px 0 24px;
}

.step-base {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.step-icon-base1 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.step-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.connector1 {
  background-color: #eaecf0;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.supporting-text1 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.form, .step-base1, .steps {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.step-base1 {
  align-items: flex-end;
  padding: 0 0 4px;
}

.form, .steps {
  align-items: flex-start;
}

.steps {
  z-index: 1;
  color: #344054;
  gap: 38px;
  font-size: 14px;
}

.form {
  gap: 16px;
  padding: 0 0 226px;
}

.text10 {
  z-index: 2;
  flex: 1;
  margin-left: -208px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.arrow-narrow-left-icon1, .arrow-narrow-left-icon2 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.arrow-narrow-left-icon2 {
  z-index: 2;
}

.arrow-narrow-left-parent {
  width: 24px;
  height: 24px;
  position: relative;
}

.connector3, .step-icon-base3 {
  display: none;
  position: relative;
}

.step-icon-base3 {
  z-index: 1;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.connector3 {
  z-index: 2;
  background-color: #7e56d9;
  border-radius: 2px;
  width: 2px;
  height: 54px;
}

.step-two-number, .text11 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.text11 {
  margin-left: -214px;
}

.step-two-title {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.supporting-text3, .supporting-text4 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.supporting-text4 {
  margin-top: -40px;
}

.step-base3, .step-two-description {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.step-base3 {
  flex-direction: row;
  align-self: stretch;
}

.step-base5 {
  flex-direction: row;
  gap: 12px;
}

.step-base5, .step-base6, .step-three {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.step-base6 {
  flex-direction: row;
  gap: 12px;
  margin-top: -86px;
}

.step-three {
  color: #6941c6;
  flex-direction: column;
}

.connector7 {
  z-index: 2;
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 54px;
  display: none;
  position: relative;
}

.step-two, .step-two-details {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.step-two-details {
  z-index: 2;
  flex-direction: column;
  gap: 38px;
}

.step-two {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  font-size: 14px;
}

.form-parent {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  gap: 700px;
}

.breadcrumb-button-base, .form-parent, .progress-steps {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.progress-steps {
  box-sizing: border-box;
  flex-direction: column;
  width: 250px;
  height: 2784px;
  padding: 36px 0 0;
}

.breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  padding: 4px;
}

.text18 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.button1, .button2 {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.actions, .button2, .button3 {
  flex-direction: row;
  align-items: center;
}

.button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.button4, .button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.divider-icon1 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.main-child, .main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.main-item {
  height: 43px;
}

.main {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  height: 149px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hint-text1 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.hint-text9 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.divider, .uploads-title {
  align-self: stretch;
  position: relative;
}

.divider {
  z-index: 1;
  background-color: #eaecf0;
  height: 1px;
}

.text37 {
  color: #344054;
  text-align: center;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.content24 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.x-close-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.tag-close-x {
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.tag {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 66px;
  padding: 0 3px 0 4px;
  display: flex;
}

.text38 {
  color: #344054;
  text-align: center;
  min-width: 54px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.tag1, .tags {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.tag1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  gap: 3px;
  padding: 0 3px 0 4px;
}

.tags {
  justify-content: flex-start;
  gap: 6px;
  width: 154px;
}

.tags-placeholder {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 27px;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.content23 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.text42 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.text43 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.button8 {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.section-footer {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.arrows-down-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.text45 {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.buttonsbutton-wrapper, .buttonsbutton2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.buttonsbutton-wrapper {
  justify-content: center;
  align-self: stretch;
  padding: 0 21px 0 20px;
}

.label18 {
  text-align: left;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.file-button-labels {
  color: #475467;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.text48 {
  color: #475467;
  text-align: left;
  min-width: 49px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.text53 {
  text-align: left;
  color: #344054;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.label24 {
  color: #344054;
  min-width: 66px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.label24, .label25, .text56 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.label25 {
  color: #344054;
  width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.text56 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.input-with-label23, .input21 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.input21 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.input-with-label23 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1014px;
  max-width: 199%;
}

.hint-text22 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.content42, .textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.content42 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.label26 {
  max-width: 100%;
  display: inline-block;
}

.label26, .label28, .label30 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.label28 {
  min-width: 83px;
  display: inline-block;
}

.label30 {
  min-width: 62px;
}

.label30, .label32, .label34 {
  display: inline-block;
}

.label32 {
  color: #344054;
  text-align: left;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.label34 {
  min-width: 81px;
}

.label34, .label36 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.input-with-label35 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.label37, .pdf {
  font-family: Inter;
}

.label37 {
  color: #344054;
  text-align: left;
  z-index: 1;
  min-width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.pdf {
  color: #475467;
  font-weight: 600;
}

.supporting-text16 {
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.final-upload-item-content {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.final-upload-wrapper, .progress-bar3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.progress-bar3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 11px;
  width: 411px;
}

.final-upload-wrapper {
  flex-direction: column;
  gap: 6px;
  width: 495px;
}

.text67 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button15 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.text68 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.actions4, .button16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.button16 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.actions4 {
  flex-wrap: wrap;
  place-content: center flex-end;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 673px;
}

.body, .section-header-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  margin: 0;
}

.body {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 31px 0 32px;
}

.content5, .progress-container {
  justify-content: flex-start;
  display: flex;
}

.content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: 96%;
  font-size: 14px;
}

.progress-container {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
}

.supporting-text18, .title1 {
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.title1 {
  font-weight: 600;
}

.supporting-text18 {
  color: #475467;
  white-space: nowrap;
}

.title-container-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 222px;
  padding: 0 4px;
  font-size: 14px;
}

.bottom-actions, .content-parent, .progress-container-parent, .title-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.progress-container-parent {
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  gap: 393px;
  max-width: 100%;
  height: max-content;
  overflow-y: scroll;
}

.bottom-actions, .content-parent {
  flex-direction: row;
}

.bottom-actions {
  text-align: left;
  color: #101828;
  flex: 1;
  max-width: 75%;
  font-family: Inter;
  font-size: 16px;
  position: relative;
}

.bottom-actions-custom-padding {
  padding-bottom: 20px;
}

.bottom-actions-custom-height {
  height: 150vh;
}

.content-parent {
  align-self: stretch;
  gap: 16px;
  max-width: 100%;
}

.content-parent-custom-padding {
  padding-bottom: 20px;
}

.forms-add-device {
  text-align: left;
  color: #475467;
  background-color: #fff;
  margin-top: 60px;
  font-family: Inter;
}

.forms-add-device-custom-margin {
  margin-top: 0 !important;
}

.forms-add-device {
  box-sizing: border-box;
  letter-spacing: normal;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .progress-steps {
    display: none;
  }

  .main {
    height: auto;
  }

  .content23 {
    flex-wrap: wrap;
  }

  .actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .content5 {
    max-width: 100%;
  }

  .progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .frame-group {
    gap: 19px;
  }

  .frame-parent {
    gap: 35px;
  }

  .rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .main {
    gap: 16px;
  }

  .content22, .content39 {
    min-width: 100%;
  }

  .textarea-input-field {
    max-width: 100%;
  }

  .content42 {
    gap: 16px;
  }

  .actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .frame-parent {
    gap: 17px;
  }

  .step-two, .step-two-details, .steps {
    gap: 19px;
  }

  .form-parent {
    gap: 350px;
  }

  .action, .first-upload-item-content, .input1, .input10, .input9, .progress-bar {
    flex-wrap: wrap;
  }

  .actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .progress-container-parent {
    gap: 49px;
  }
}

.dollar-sign {
  padding: 2px 0 0 10px;
}

.add-service-step3-supporting-text14-custom-color {
  color: #7e56d9;
}

.add-device-step-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  margin: 0;
  display: flex;
}

.add-device-step-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-device-step-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-device-step-input-field-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-device-step-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-device-step-first-upload-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-device-step-label1 {
  text-align: left;
  min-width: 127px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-transaction-type {
  color: #344054;
}

.add-device-step-span {
  color: #f04438;
}

.add-device-step-input1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-device-step-content8 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 295px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-device-step-text-input {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-device-step-first-nested-input {
  text-align: left;
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-device-step-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 9px 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-device-step-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-device-step-label2 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-device-step-your-role-in {
  color: #344054;
  white-space: pre-wrap;
}

.add-device-step-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-label5 {
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-input5 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-device-step-content12 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-device-step-label6 {
  text-align: left;
  min-width: 62px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-device-step-label7 {
  color: #344054;
  text-align: left;
  min-width: 100px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-label8 {
  color: #344054;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-single-input-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-device-step-single-input {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-device-step-label9 {
  text-align: left;
  z-index: 1;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-device-step-input9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-device-step-content16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 159px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-device-step-text-input5 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.add-device-step-leading-text, .add-device-step-text34 {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.add-device-step-leading-text {
  color: #344054;
  min-width: 11px;
  display: inline-block;
}

.add-device-step-text34 {
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.add-device-step-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.add-device-step-dropdown5 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px 0;
  width: 78px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-device-step-dropdown-text {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-device-step-input-field8 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-device-step-input-with-label9, .add-device-step-input10 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-device-step-input10 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  row-gap: 20px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-device-step-input-with-label9 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.add-device-step-label10 {
  text-align: left;
  min-width: 118px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-content17 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 183px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-device-step-step-title {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-device-step-content18 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 193px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-device-step-nested-input-fields, .add-device-step-nested-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-device-step-nested-input-fields {
  z-index: 1;
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 24px;
}

.add-device-step-nested-inputs {
  box-sizing: border-box;
  align-self: stretch;
  padding: 0 0 12px;
}

.add-device-step-label12 {
  text-align: left;
  min-width: 73px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-label13 {
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-input-tags {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-device-step-section-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-device-step-divider {
  z-index: 1;
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.add-device-step-content-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.add-device-step-text-and-supporting-text5 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-device-step-uploads-title {
  color: #101828;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.add-device-step-dropdown9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.add-device-step-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-device-step-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-device-step-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-device-step-input14 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: center flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-device-step-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 633px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-device-step-input-field13 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-device-step-label15 {
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-label16 {
  text-align: left;
  min-width: 129px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-actions2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-device-step-button9 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-device-step-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-device-step-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-device-step-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-device-step-text44 {
  color: #fff;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-first-upload-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-device-step-label20 {
  z-index: 1;
  text-align: left;
  min-width: 116px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-file-upload-base {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
  display: flex;
}

.add-device-step-content36 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.add-device-step-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-device-step-text-and-supporting-text6 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.add-device-step-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.add-device-step-buttonsbutton3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.add-device-step-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-device-step-text46 {
  color: #6941c6;
  text-align: left;
  min-width: 101px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-text47 {
  color: #475467;
  text-align: left;
  min-width: 112px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-supporting-text13 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-device-step-file-upload-item-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  max-width: 100%;
  padding: 14px 15px;
  display: flex;
}

.add-device-step-file-upload-item-base-custom {
  text-align: center;
  align-items: unset !important;
}

.add-device-step-first-upload-item-content, .add-device-step-first-upload-item-info {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-device-step-first-upload-item-info {
  flex-direction: column;
  flex: 1;
  min-width: 267px;
}

.add-device-step-first-upload-item-content {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-device-step-file-type-icon {
  width: 40px;
  height: 40px;
  position: relative;
}

.add-device-step-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.add-device-step-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.add-device-step-first-upload-item-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.add-device-step-first-upload-item {
  color: #344054;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-device-step-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.add-device-step-checkbox {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.add-device-step-supporting-text14 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.add-device-step-progress-bar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  max-width: 100%;
  display: flex;
}

.add-device-step-final-upload-progress-bar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 235px;
  max-width: 100%;
  padding: 6px 0 0;
  display: flex;
}

.add-device-step-progress-bar2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  height: 8px;
  display: flex;
  position: relative;
}

.add-device-step-background {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.add-device-step-progress {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.add-device-step-percentage {
  color: #344054;
  text-align: left;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.add-device-step-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-device-step-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.add-device-step-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.add-device-step-file-upload-base1, .add-device-step-input-field19 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.add-device-step-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
}

.add-device-step-input-field19 {
  z-index: 1;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
}

.add-device-step-label22 {
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-device-step-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.add-device-step-content7 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.add-device-step-input20 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-device-step-content39 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 630px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-device-step-dropdown13 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-device-step-hint-text21 {
  text-align: left;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-device-step-add-it, .add-device-step-cant-find-an {
  color: #475467;
  font-family: Inter;
}

.add-device-step-add-it {
  color: #7e56d9;
  font-weight: 600;
}

.add-device-step-section-footer1, .add-device-step-section-footer2 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.add-device-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 0 0 742px;
}

.add-device-step-section-footer1, .add-device-step-section-footer2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
}

.add-device-step-section-footer2 {
  gap: 20px;
}

.add-device-step-section-footer1 {
  z-index: 1;
}

.add-device-step-content31 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-device-step-content31-custom-padding {
  padding-top: 20px;
}

.add-device-step-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.add-device-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 742px;
  display: flex;
}

.add-device-step-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-device-step-3-inner, .frame-parent4, .step-base15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-device-step-3-inner {
  box-sizing: border-box;
  width: 250px;
  height: 412px;
  padding: 38px 0 0;
}

.file-upload-custom-width {
  width: 440px;
}

.add-device-step-3, .section-header-group {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.add-device-step-3 {
  box-sizing: border-box;
  letter-spacing: normal;
  color: #101828;
  background-color: #fff;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 128px;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-device-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-device-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-device-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-device-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-device-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-device-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-device-step-first-upload-item-content, .add-device-step-action, .add-device-step-input1, .add-device-step-input10, .add-device-step-input9 {
    flex-wrap: wrap;
  }
}

.add-job-forms-add-job-child, .add-job-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.add-job-forms-add-job-child {
  align-self: stretch;
  height: 4717px;
}

.add-job-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.add-job-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.add-job-logo, .add-job-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-job-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.5f2d40b9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.add-job-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.add-job-bar-chart-01-icon, .add-job-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.add-job-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.add-job-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-job-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.add-job-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.add-job-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-job-text2, .add-job-text3 {
  font-family: Inter;
  position: relative;
}

.add-job-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.add-job-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.add-job-badge1, .add-job-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.add-job-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.add-job-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-job-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-job-navigation, .add-job-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.add-job-navigation {
  z-index: 1;
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-family: Inter;
  font-size: 16px;
}

.add-job-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.add-job-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-job-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-job-input, .add-job-text6 {
  overflow: hidden;
}

.add-job-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.add-job-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-frame-group, .add-job-frame-parent, .add-job-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-job-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.add-job-frame-group, .add-job-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.add-job-frame-group {
  flex: 1;
  gap: 38px;
}

.add-job-frame-parent {
  gap: 70px;
  width: 754px;
}

.add-job-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.add-job-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.add-job-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.add-job-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.add-job-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.add-job-avatar {
  z-index: 1;
  background-image: url("avatar@3x.e955d562.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-job-avatar-button-parent, .add-job-rectangle-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.add-job-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 14px;
  position: sticky;
  top: 0;
}

.add-job-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-job-buttonsbutton {
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 218px;
  overflow: hidden;
  margin: 0 !important;
}

.add-job-arrow-narrow-left-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-job-step-icon-base {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-job-connector {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.add-job-supporting-text {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.add-job-step-base, .add-job-text-and-supporting-text {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-job-text-and-supporting-text {
  flex-direction: column;
  padding: 2px 0 24px;
}

.add-job-step-base {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-job-step-icon-base1 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-job-step-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.add-job-connector1 {
  background-color: #eaecf0;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.add-job-supporting-text1 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.add-job-form, .add-job-step-base1, .add-job-steps {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-job-step-base1 {
  align-items: flex-end;
  padding: 0 0 4px;
}

.add-job-form, .add-job-steps {
  align-items: flex-start;
}

.add-job-steps {
  z-index: 1;
  color: #344054;
  gap: 38px;
  font-size: 14px;
}

.add-job-form {
  gap: 16px;
  padding: 0 0 226px;
}

.add-job-text10 {
  z-index: 2;
  flex: 1;
  margin-left: -208px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.add-job-arrow-narrow-left-icon1, .add-job-arrow-narrow-left-icon2 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.add-job-arrow-narrow-left-icon2 {
  z-index: 2;
}

.add-job-arrow-narrow-left-parent {
  width: 24px;
  height: 24px;
  position: relative;
}

.add-job-connector3, .add-job-step-icon-base3 {
  display: none;
  position: relative;
}

.add-job-step-icon-base3 {
  z-index: 1;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.add-job-connector3 {
  z-index: 2;
  background-color: #7e56d9;
  border-radius: 2px;
  width: 2px;
  height: 54px;
}

.add-job-step-two-number, .add-job-text11 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-job-text11 {
  margin-left: -214px;
}

.add-job-step-two-title {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-job-supporting-text3, .add-job-supporting-text4 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-job-supporting-text4 {
  margin-top: -40px;
}

.add-job-step-base3, .add-job-step-two-description {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-job-step-base3 {
  flex-direction: row;
  align-self: stretch;
}

.add-job-step-base5 {
  flex-direction: row;
  gap: 12px;
}

.add-job-step-base5, .add-job-step-base6, .add-job-step-three {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-job-step-base6 {
  flex-direction: row;
  gap: 12px;
  margin-top: -86px;
}

.add-job-step-three {
  color: #6941c6;
  flex-direction: column;
}

.add-job-connector7 {
  z-index: 2;
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 54px;
  display: none;
  position: relative;
}

.add-job-step-two, .add-job-step-two-details {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-job-step-two-details {
  z-index: 2;
  flex-direction: column;
  gap: 38px;
}

.add-job-step-two {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  font-size: 14px;
}

.add-job-form-parent {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  gap: 700px;
}

.add-job-breadcrumb-button-base, .add-job-form-parent, .add-job-progress-steps {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-job-progress-steps {
  box-sizing: border-box;
  flex-direction: column;
  width: 250px;
  height: max-content;
  padding: 36px 0 0;
}

.add-job-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  padding: 4px;
}

.add-job-text18 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-job-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-job-button1, .add-job-button2 {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.add-job-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.add-job-actions, .add-job-button2, .add-job-button3 {
  flex-direction: row;
  align-items: center;
}

.add-job-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-button4, .add-job-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-job-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-job-main-child, .add-job-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.add-job-main-item {
  height: 43px;
}

.add-job-main {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  height: 149px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.add-job-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-job-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-job-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-job-hint-text1 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-job-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-hint-text9 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-job-divider, .add-job-uploads-title {
  align-self: stretch;
  position: relative;
}

.add-job-divider {
  z-index: 1;
  background-color: #eaecf0;
  height: 1px;
}

.add-job-text37 {
  color: #344054;
  text-align: center;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-content24 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-job-x-close-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.add-job-tag-close-x {
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.add-job-tag {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 66px;
  padding: 0 3px 0 4px;
  display: flex;
}

.add-job-text38 {
  color: #344054;
  text-align: center;
  min-width: 54px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-tag1, .add-job-tags {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-job-tag1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  gap: 3px;
  padding: 0 3px 0 4px;
}

.add-job-tags {
  justify-content: flex-start;
  gap: 6px;
  width: 154px;
}

.add-job-tags-placeholder {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 27px;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-job-content23 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.add-job-text42 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-job-text43 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-job-button8 {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-job-section-footer {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-job-arrows-down-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-job-text45 {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-buttonsbutton-wrapper, .add-job-buttonsbutton2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.add-job-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-buttonsbutton-wrapper {
  justify-content: center;
  align-self: stretch;
  padding: 0 21px 0 20px;
}

.add-job-label18 {
  text-align: left;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-file-button-labels {
  color: #475467;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-job-text48 {
  color: #475467;
  text-align: left;
  min-width: 49px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-job-text53 {
  text-align: left;
  color: #344054;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-label24 {
  color: #344054;
  min-width: 66px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.add-job-label24, .add-job-label25, .add-job-text56 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.add-job-label25 {
  color: #344054;
  width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.add-job-text56 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.add-job-input-with-label23, .add-job-input21 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-job-input21 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-input-with-label23 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1014px;
  max-width: 199%;
}

.add-job-hint-text22 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-job-content42, .add-job-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-job-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.add-job-content42 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.add-job-label26 {
  max-width: 100%;
  display: inline-block;
}

.add-job-label26, .add-job-label28, .add-job-label30 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-job-label28 {
  min-width: 83px;
  display: inline-block;
}

.add-job-label30 {
  min-width: 62px;
}

.add-job-label30, .add-job-label32, .add-job-label34 {
  display: inline-block;
}

.add-job-label32 {
  color: #344054;
  text-align: left;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-job-label34 {
  min-width: 81px;
}

.add-job-label34, .add-job-label36 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-job-input-with-label35 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-label37, .add-job-pdf {
  font-family: Inter;
}

.add-job-label37 {
  color: #344054;
  text-align: left;
  z-index: 1;
  min-width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-pdf {
  color: #475467;
  font-weight: 600;
}

.add-job-supporting-text16 {
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-job-final-upload-item-content {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-job-final-upload-wrapper, .add-job-progress-bar3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-job-progress-bar3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 11px;
  width: 411px;
}

.add-job-final-upload-wrapper {
  flex-direction: column;
  gap: 6px;
  width: 495px;
}

.add-job-text67 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-job-button15 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-text68 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-actions4, .add-job-button16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.add-job-button16 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-actions4 {
  flex-wrap: wrap;
  place-content: center flex-end;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 673px;
}

.add-job-body, .add-job-section-header-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-job-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  margin: 0;
}

.add-job-body {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 31px 0 32px;
}

.add-job-content5, .add-job-progress-container {
  justify-content: flex-start;
  display: flex;
}

.add-job-content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: 95%;
  font-size: 14px;
}

.add-job-progress-container {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
}

.add-job-supporting-text18, .add-job-title1 {
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-job-title1 {
  font-weight: 600;
}

.add-job-supporting-text18 {
  color: #475467;
  white-space: nowrap;
}

.add-job-title-container-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 222px;
  padding: 0 4px;
  font-size: 14px;
}

.add-job-bottom-actions, .add-job-content-parent, .add-job-progress-container-parent, .add-job-title-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-job-progress-container-parent {
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  height: max-content;
  overflow-y: scroll;
}

.add-job-bottom-actions, .add-job-content-parent {
  flex-direction: row;
}

.add-job-bottom-actions {
  text-align: left;
  color: #101828;
  flex: 1;
  max-width: 75%;
  padding-bottom: 20px;
  font-family: Inter;
  font-size: 16px;
  position: relative;
}

.add-job-content-parent {
  align-self: stretch;
  gap: 16px;
  max-width: 100%;
}

.add-job-forms-add-job-custom-margin {
  margin-top: 0 !important;
}

.add-job-forms-add-job {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-job-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-job-progress-steps {
    display: none;
  }

  .add-job-main {
    height: auto;
  }

  .add-job-content23 {
    flex-wrap: wrap;
  }

  .add-job-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-job-content5 {
    max-width: 100%;
  }

  .add-job-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-job-frame-group {
    gap: 19px;
  }

  .add-job-frame-parent {
    gap: 35px;
  }

  .add-job-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-job-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-job-main {
    gap: 16px;
  }

  .add-job-content22, .add-job-content39 {
    min-width: 100%;
  }

  .add-job-textarea-input-field {
    max-width: 100%;
  }

  .add-job-content42 {
    gap: 16px;
  }

  .add-job-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-job-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-job-frame-parent {
    gap: 17px;
  }

  .add-job-step-two, .add-job-step-two-details, .add-job-steps {
    gap: 19px;
  }

  .add-job-form-parent {
    gap: 350px;
  }

  .add-job-action, .add-job-first-upload-item-content, .add-job-input1, .add-job-input10, .add-job-input9, .add-job-progress-bar {
    flex-wrap: wrap;
  }

  .add-job-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-job-progress-container-parent {
    gap: 49px;
  }
}

.add-job-step-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  margin: 0;
  display: flex;
}

.add-job-step-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-job-step-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-job-step-input-field-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-job-step-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-job-step-first-upload-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-job-step-label1 {
  text-align: left;
  min-width: 127px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-transaction-type {
  color: #344054;
}

.add-job-step-span {
  color: #f04438;
}

.add-job-step-input1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-step-content8 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 295px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-job-step-text-input {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-job-step-first-nested-input {
  text-align: left;
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-job-step-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 9px 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-job-step-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-job-step-label2 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-job-step-your-role-in {
  color: #344054;
  white-space: pre-wrap;
}

.add-job-step-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-label5 {
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-input5 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-step-content12 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-job-step-label6 {
  text-align: left;
  min-width: 62px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-job-step-label7 {
  color: #344054;
  text-align: left;
  min-width: 100px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-label8 {
  color: #344054;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-single-input-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-job-step-single-input {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-job-step-label9 {
  text-align: left;
  z-index: 1;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-job-step-input9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-step-content16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 159px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-job-step-text-input5 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.add-job-step-leading-text, .add-job-step-text34 {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.add-job-step-leading-text {
  color: #344054;
  min-width: 11px;
  display: inline-block;
}

.add-job-step-text34 {
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.add-job-step-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.add-job-step-dropdown5 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px 0;
  width: 78px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-job-step-dropdown-text {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-job-step-input-field8 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-job-step-input-with-label9, .add-job-step-input10 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-job-step-input10 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  row-gap: 20px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-step-input-with-label9 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.add-job-step-label10 {
  text-align: left;
  min-width: 118px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-content17 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 183px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-job-step-step-title {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-job-step-content18 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 193px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-job-step-nested-input-fields, .add-job-step-nested-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-job-step-nested-input-fields {
  z-index: 1;
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 24px;
}

.add-job-step-nested-inputs {
  box-sizing: border-box;
  align-self: stretch;
  padding: 0 0 12px;
}

.add-job-step-label12 {
  text-align: left;
  min-width: 73px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-label13 {
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-input-tags {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-job-step-section-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-job-step-divider {
  z-index: 1;
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.add-job-step-content-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.add-job-step-text-and-supporting-text5 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-job-step-uploads-title {
  color: #101828;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.add-job-step-dropdown9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.add-job-step-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-job-step-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-job-step-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-job-step-input14 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: center flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-step-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 633px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-job-step-input-field13 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-job-step-label15 {
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-label16 {
  text-align: left;
  min-width: 129px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-actions2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-job-step-button9 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-step-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-job-step-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-job-step-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-job-step-text44 {
  color: #fff;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-first-upload-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-job-step-label20 {
  z-index: 1;
  text-align: left;
  min-width: 116px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-file-upload-base {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
  display: flex;
}

.add-job-step-content36 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.add-job-step-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-job-step-text-and-supporting-text6 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.add-job-step-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.add-job-step-buttonsbutton3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.add-job-step-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-job-step-text46 {
  color: #6941c6;
  text-align: left;
  min-width: 101px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-text47 {
  color: #475467;
  text-align: left;
  min-width: 112px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-supporting-text13 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-job-step-file-upload-item-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  max-width: 100%;
  padding: 14px 15px;
  display: flex;
}

.add-job-step-first-upload-item-content, .add-job-step-first-upload-item-info {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-job-step-first-upload-item-info {
  flex-direction: column;
  flex: 1;
  min-width: 267px;
}

.add-job-step-first-upload-item-content {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-job-step-file-type-icon {
  width: 40px;
  height: 40px;
  position: relative;
}

.add-job-step-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.add-job-step-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.add-job-step-first-upload-item-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.add-job-step-first-upload-item {
  color: #344054;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-job-step-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.add-job-step-checkbox {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.add-job-step-supporting-text14 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.add-job-step-progress-bar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  max-width: 100%;
  display: flex;
}

.add-job-step-final-upload-progress-bar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 235px;
  max-width: 100%;
  padding: 6px 0 0;
  display: flex;
}

.add-job-step-progress-bar2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  height: 8px;
  display: flex;
  position: relative;
}

.add-job-step-background {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.add-job-step-progress {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.add-job-step-percentage {
  color: #344054;
  text-align: left;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.add-job-step-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-job-step-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.add-job-step-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.add-job-step-file-upload-base1, .add-job-step-input-field19 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.add-job-step-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
}

.add-job-step-input-field19 {
  z-index: 1;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
}

.add-job-step-label22 {
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-job-step-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.add-job-step-content7 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.add-job-step-input20 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-step-content39 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 630px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-job-step-dropdown13 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-job-step-hint-text21 {
  text-align: left;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-job-step-add-it, .add-job-step-cant-find-an {
  color: #475467;
  font-family: Inter;
}

.add-job-step-add-it {
  color: #7e56d9;
  font-weight: 600;
}

.add-job-step-section-footer1, .add-job-step-section-footer2 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.add-job-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  gap: 12px;
}

.add-job-step-section-footer1, .add-job-step-section-footer2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
}

.add-job-step-section-footer2 {
  gap: 20px;
}

.add-job-step-section-footer1 {
  z-index: 1;
}

.add-job-step-content31 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-job-step-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.add-job-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-job-step-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-job-step-3-inner, .frame-parent4, .step-base15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-job-step-3-inner {
  box-sizing: border-box;
  width: 250px;
  height: 412px;
  padding: 38px 0 0;
}

.add-job-step-3, .section-header-group {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.add-job-step-3 {
  box-sizing: border-box;
  letter-spacing: normal;
  color: #101828;
  background-color: #fff;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 128px;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-job-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-job-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-job-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-job-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-job-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-job-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-job-step-first-upload-item-content, .add-job-step-action, .add-job-step-input1, .add-job-step-input10, .add-job-step-input9 {
    flex-wrap: wrap;
  }
}

.add-service-forms-add-service-child, .add-service-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.add-service-forms-add-service-child {
  align-self: stretch;
  height: 4717px;
}

.add-service-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.add-service-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.add-service-logo, .add-service-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.5f2d40b9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.add-service-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.add-service-bar-chart-01-icon, .add-service-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.add-service-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.add-service-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-service-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.add-service-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.add-service-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-service-text2, .add-service-text3 {
  font-family: Inter;
  position: relative;
}

.add-service-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.add-service-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.add-service-badge1, .add-service-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.add-service-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.add-service-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-service-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-service-navigation, .add-service-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.add-service-navigation {
  z-index: 1;
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-family: Inter;
  font-size: 16px;
}

.add-service-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.add-service-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-service-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-service-input, .add-service-text6 {
  overflow: hidden;
}

.add-service-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.add-service-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-frame-group, .add-service-frame-parent, .add-service-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.add-service-frame-group, .add-service-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.add-service-frame-group {
  flex: 1;
  gap: 38px;
}

.add-service-frame-parent {
  gap: 70px;
  width: 754px;
}

.add-service-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.add-service-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.add-service-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.add-service-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.add-service-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.add-service-avatar {
  z-index: 1;
  background-image: url("avatar@3x.e955d562.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-service-avatar-button-parent, .add-service-rectangle-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.add-service-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 14px;
  position: sticky;
  top: 0;
}

.add-service-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-service-buttonsbutton {
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 218px;
  overflow: hidden;
  margin: 0 !important;
}

.add-service-arrow-narrow-left-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-service-step-icon-base {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-service-connector {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.add-service-supporting-text {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.add-service-step-base, .add-service-text-and-supporting-text {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-text-and-supporting-text {
  flex-direction: column;
  padding: 2px 0 24px;
}

.add-service-step-base {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-service-step-icon-base1 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-service-step-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.add-service-connector1 {
  background-color: #eaecf0;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.add-service-supporting-text1 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.add-service-form, .add-service-step-base1, .add-service-steps {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-service-step-base1 {
  align-items: flex-end;
  padding: 0 0 4px;
}

.add-service-form, .add-service-steps {
  align-items: flex-start;
}

.add-service-steps {
  z-index: 1;
  color: #344054;
  gap: 38px;
  font-size: 14px;
}

.add-service-form {
  gap: 16px;
  padding: 0 0 226px;
}

.add-service-text10 {
  z-index: 2;
  flex: 1;
  margin-left: -208px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.add-service-arrow-narrow-left-icon1, .add-service-arrow-narrow-left-icon2 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.add-service-arrow-narrow-left-icon2 {
  z-index: 2;
}

.add-service-arrow-narrow-left-parent {
  width: 24px;
  height: 24px;
  position: relative;
}

.add-service-connector3, .add-service-step-icon-base3 {
  display: none;
  position: relative;
}

.add-service-step-icon-base3 {
  z-index: 1;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.add-service-connector3 {
  z-index: 2;
  background-color: #7e56d9;
  border-radius: 2px;
  width: 2px;
  height: 54px;
}

.add-service-step-two-number, .add-service-text11 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-service-text11 {
  margin-left: -214px;
}

.add-service-step-two-title {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-service-supporting-text3, .add-service-supporting-text4 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-service-supporting-text4 {
  margin-top: -40px;
}

.add-service-step-base3, .add-service-step-two-description {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-step-base3 {
  flex-direction: row;
  align-self: stretch;
}

.add-service-step-base5 {
  flex-direction: row;
  gap: 12px;
}

.add-service-step-base5, .add-service-step-base6, .add-service-step-three {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-service-step-base6 {
  flex-direction: row;
  gap: 12px;
  margin-top: -86px;
}

.add-service-step-three {
  color: #6941c6;
  flex-direction: column;
}

.add-service-connector7 {
  z-index: 2;
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 54px;
  display: none;
  position: relative;
}

.add-service-step-two, .add-service-step-two-details {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-service-step-two-details {
  z-index: 2;
  flex-direction: column;
  gap: 38px;
}

.add-service-step-two {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  font-size: 14px;
}

.add-service-form-parent {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  gap: 700px;
}

.add-service-breadcrumb-button-base, .add-service-form-parent, .add-service-progress-steps {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-progress-steps {
  box-sizing: border-box;
  flex-direction: column;
  width: 250px;
  height: max-content;
  padding: 36px 0 0;
}

.add-service-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  padding: 4px;
}

.add-service-text18 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-service-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-service-button1, .add-service-button2 {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.add-service-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.add-service-actions, .add-service-button2, .add-service-button3 {
  flex-direction: row;
  align-items: center;
}

.add-service-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-button4, .add-service-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-service-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-service-main-child, .add-service-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.add-service-main-item {
  height: 43px;
}

.add-service-main {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  height: 149px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.add-service-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-service-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-service-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-service-hint-text1 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-service-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-hint-text9 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-service-divider, .add-service-uploads-title {
  align-self: stretch;
  position: relative;
}

.add-service-divider {
  z-index: 1;
  background-color: #eaecf0;
  height: 1px;
}

.add-service-text37 {
  color: #344054;
  text-align: center;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-content24 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-service-x-close-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.add-service-tag-close-x {
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.add-service-tag {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 66px;
  padding: 0 3px 0 4px;
  display: flex;
}

.add-service-text38 {
  color: #344054;
  text-align: center;
  min-width: 54px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-tag1, .add-service-tags {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-service-tag1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  gap: 3px;
  padding: 0 3px 0 4px;
}

.add-service-tags {
  justify-content: flex-start;
  gap: 6px;
  width: 154px;
}

.add-service-tags-placeholder {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 27px;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-service-content23 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.add-service-text42 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-service-text43 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-service-button8 {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-service-section-footer {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-service-arrows-down-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-service-text45 {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-buttonsbutton-wrapper, .add-service-buttonsbutton2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.add-service-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-buttonsbutton-wrapper {
  justify-content: center;
  align-self: stretch;
  padding: 0 21px 0 20px;
}

.add-service-label18 {
  text-align: left;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-file-button-labels {
  color: #475467;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-service-text48 {
  color: #475467;
  text-align: left;
  min-width: 49px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-service-text53 {
  text-align: left;
  color: #344054;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-label24 {
  color: #344054;
  min-width: 66px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.add-service-label24, .add-service-label25, .add-service-text56 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.add-service-label25 {
  color: #344054;
  width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.add-service-text56 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.add-service-input-with-label23, .add-service-input21 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-input21 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-input-with-label23 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1014px;
  max-width: 199%;
}

.add-service-hint-text22 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-service-content42, .add-service-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.add-service-content42 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.add-service-label26 {
  max-width: 100%;
  display: inline-block;
}

.add-service-label26, .add-service-label28, .add-service-label30 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-service-label28 {
  min-width: 83px;
  display: inline-block;
}

.add-service-label30 {
  min-width: 62px;
}

.add-service-label30, .add-service-label32, .add-service-label34 {
  display: inline-block;
}

.add-service-label32 {
  color: #344054;
  text-align: left;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-service-label34 {
  min-width: 81px;
}

.add-service-label34, .add-service-label36 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-service-input-with-label35 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-label37, .add-service-pdf {
  font-family: Inter;
}

.add-service-label37 {
  color: #344054;
  text-align: left;
  z-index: 1;
  min-width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-pdf {
  color: #475467;
  font-weight: 600;
}

.add-service-supporting-text16 {
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-service-final-upload-item-content {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-service-final-upload-wrapper, .add-service-progress-bar3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-service-progress-bar3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 11px;
  width: 411px;
}

.add-service-final-upload-wrapper {
  flex-direction: column;
  gap: 6px;
  width: 495px;
}

.add-service-text67 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-service-button15 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-text68 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-actions4, .add-service-button16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.add-service-button16 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-actions4 {
  flex-wrap: wrap;
  place-content: center flex-end;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 673px;
}

.add-service-body, .add-service-section-header-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-service-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  margin: 0;
}

.add-service-body {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 31px 0 32px;
}

.add-service-content5, .add-service-progress-container {
  justify-content: flex-start;
  display: flex;
}

.add-service-content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: 95%;
  font-size: 14px;
}

.add-service-progress-container {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.add-service-supporting-text18, .add-service-title1 {
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-service-title1 {
  font-weight: 600;
}

.add-service-supporting-text18 {
  color: #475467;
  white-space: nowrap;
}

.add-service-title-container-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 222px;
  padding: 0 4px;
  font-size: 14px;
}

.add-service-bottom-actions, .add-service-content-parent, .add-service-progress-container-parent, .add-service-title-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-progress-container-parent {
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: max-content;
  overflow-y: scroll;
}

.add-service-bottom-actions, .add-service-content-parent {
  flex-direction: row;
}

.add-service-bottom-actions {
  text-align: left;
  color: #101828;
  flex: 1;
  max-width: calc(100% - 340px);
  font-family: Inter;
  font-size: 16px;
  position: relative;
}

.add-service-content-parent {
  align-self: stretch;
  gap: 16px;
  max-width: 100%;
}

.add-service-forms-add-service-custom-margin {
  margin-top: 0 !important;
}

.add-service-forms-add-service {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-service-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-service-progress-steps {
    display: none;
  }

  .add-service-main {
    height: auto;
  }

  .add-service-content23 {
    flex-wrap: wrap;
  }

  .add-service-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-service-content5 {
    max-width: 100%;
  }

  .add-service-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-service-frame-group {
    gap: 19px;
  }

  .add-service-frame-parent {
    gap: 35px;
  }

  .add-service-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-service-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-service-main {
    gap: 16px;
  }

  .add-service-content22, .add-service-content39 {
    min-width: 100%;
  }

  .add-service-textarea-input-field {
    max-width: 100%;
  }

  .add-service-content42 {
    gap: 16px;
  }

  .add-service-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-service-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-service-frame-parent {
    gap: 17px;
  }

  .add-service-step-two, .add-service-step-two-details, .add-service-steps {
    gap: 19px;
  }

  .add-service-form-parent {
    gap: 350px;
  }

  .add-service-action, .add-service-first-upload-item-content, .add-service-input1, .add-service-input10, .add-service-input9, .add-service-progress-bar {
    flex-wrap: wrap;
  }

  .add-service-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-service-progress-container-parent {
    gap: 49px;
  }
}

.add-service-step-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  margin: 0;
  display: flex;
}

.add-service-step-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-service-step-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-service-step-input-field-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-service-step-input-field-parent1 {
  z-index: 1;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  width: 94%;
  display: flex;
}

.add-service-step-input-field, .add-service-step-input-field1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-service-step-first-upload-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-service-step-first-upload-inner1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  display: flex;
}

.add-service-step-label1 {
  text-align: left;
  min-width: 127px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-transaction-type {
  color: #344054;
}

.add-service-step-span {
  color: #f04438;
}

.add-service-step-input1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step-content8 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-service-step-text-input {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-service-step-first-nested-input {
  text-align: left;
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-service-step-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 9px 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-service-step-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-service-step-label2 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-service-step-your-role-in {
  color: #344054;
  white-space: pre-wrap;
}

.add-service-step-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-label5 {
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-input5 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step-content12 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-service-step-label6 {
  text-align: left;
  min-width: 62px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-service-step-label7 {
  color: #344054;
  text-align: left;
  min-width: 100px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-label8 {
  color: #344054;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-single-input-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  width: 94%;
  max-width: 100%;
  display: flex;
}

.add-service-step-single-input {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-service-step-label9 {
  text-align: left;
  z-index: 1;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-service-step-input9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step-content16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 159px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-service-step-text-input5 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.add-service-step-leading-text, .add-service-step-text34 {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.add-service-step-leading-text {
  color: #344054;
  min-width: 11px;
  display: inline-block;
}

.add-service-step-text34 {
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.add-service-step-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.add-service-step-dropdown5 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px 0;
  width: 78px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-service-step-dropdown-text {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-service-step-input-field8 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-service-step-input-with-label9, .add-service-step-input10 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-service-step-input10 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  row-gap: 20px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step-input-with-label9 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.add-service-step-label10 {
  text-align: left;
  min-width: 118px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-content17 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 183px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-service-step-step-title {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-step-content18 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 193px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-service-step-nested-input-fields, .add-service-step-nested-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-service-step-nested-input-fields {
  z-index: 1;
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 24px;
}

.add-service-step-nested-inputs {
  box-sizing: border-box;
  align-self: stretch;
  padding: 0 0 12px;
}

.add-service-step-label12 {
  text-align: left;
  min-width: 73px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-label13 {
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-input-tags {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-service-step-input-tags1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  width: 94%;
  display: flex;
}

.add-service-step-section-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-service-step-divider {
  z-index: 1;
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.add-service-step-content-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.add-service-step-text-and-supporting-text5 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-service-step-uploads-title {
  color: #101828;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.add-service-step-dropdown9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.add-service-step-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-service-step-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-service-step-tagged-inputs1 {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  width: 94%;
  display: flex;
}

.add-service-step-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-service-step-input14 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: center flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 633px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-service-step-input-field13 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-service-step-label15 {
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-label16 {
  text-align: left;
  min-width: 129px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-actions2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-service-step-button9 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-service-step-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-service-step-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-service-step-text44 {
  color: #fff;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-first-upload-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-service-step-label20 {
  z-index: 1;
  text-align: left;
  min-width: 116px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-file-upload-base {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
  display: flex;
}

.add-service-step-content36 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.add-service-step-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-service-step-text-and-supporting-text6 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.add-service-step-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.add-service-step-buttonsbutton3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.add-service-step-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-service-step-text46 {
  color: #6941c6;
  text-align: left;
  min-width: 101px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-text47 {
  color: #475467;
  text-align: left;
  min-width: 112px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-supporting-text13 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-service-step-file-upload-item-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  max-width: 100%;
  padding: 14px 15px;
  display: flex;
}

.add-service-step-first-upload-item-content, .add-service-step-first-upload-item-info {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-service-step-first-upload-item-info {
  flex-direction: column;
  flex: 1;
  min-width: 267px;
}

.add-service-step-first-upload-item-content {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-service-step-file-type-icon {
  width: 40px;
  height: 40px;
  position: relative;
}

.add-service-step-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.add-service-step-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.add-service-step-first-upload-item-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.add-service-step-first-upload-item {
  color: #344054;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-service-step-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.add-service-step-checkbox {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.add-service-step-supporting-text14 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.add-service-step-progress-bar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  max-width: 100%;
  display: flex;
}

.add-service-step-final-upload-progress-bar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 235px;
  max-width: 100%;
  padding: 6px 0 0;
  display: flex;
}

.add-service-step-progress-bar2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  height: 8px;
  display: flex;
  position: relative;
}

.add-service-step-background {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.add-service-step-progress {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.add-service-step-percentage {
  color: #344054;
  text-align: left;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.add-service-step-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.add-service-step-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.add-service-step-file-upload-base1, .add-service-step-input-field19 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.add-service-step-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
}

.add-service-step-input-field19 {
  z-index: 1;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
}

.add-service-step-label22 {
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-service-step-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.add-service-step-content7 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.add-service-step-input20 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step-content39 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 630px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-service-step-dropdown13 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-service-step-hint-text21 {
  text-align: left;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-service-step-add-it, .add-service-step-cant-find-an {
  color: #475467;
  font-family: Inter;
}

.add-service-step-add-it {
  color: #7e56d9;
  font-weight: 600;
}

.add-service-step-section-footer1, .add-service-step-section-footer2 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.add-service-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 0 0 742px;
}

.add-service-step-section-footer1, .add-service-step-section-footer2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
}

.add-service-step-section-footer2 {
  gap: 20px;
}

.add-service-step-section-footer1 {
  z-index: 1;
}

.add-service-step-content31 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-service-step-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.add-service-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 742px;
  display: flex;
}

.add-service-step-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step-3-inner, .frame-parent4, .step-base15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-step-3-inner {
  box-sizing: border-box;
  width: 250px;
  height: 412px;
  padding: 38px 0 0;
}

.add-service-step-3, .section-header-group {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.add-service-step-3 {
  box-sizing: border-box;
  letter-spacing: normal;
  color: #101828;
  background-color: #fff;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 128px;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-service-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-service-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-service-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-service-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-service-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-service-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-service-step-first-upload-item-content, .add-service-step-action, .add-service-step-input1, .add-service-step-input10, .add-service-step-input9 {
    flex-wrap: wrap;
  }
}

.add-service-step3-text79 {
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.add-service-step3-arrow-narrow-left-icon5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-service-step3-text-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  width: 237px;
  display: flex;
}

.add-service-step3-step-icon-base16 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-service-step3-step-title1 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-service-step3-step-icon-base15, .add-service-step3-step-title-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-step3-step-title-wrapper {
  flex-direction: column;
  flex: 1;
  padding: 2px 0 0;
}

.add-service-step3-step-icon-base15 {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-service-step3-connector15 {
  background-color: #7e56d9;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.add-service-step3-connector-wrapper8 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.add-service-step3-supporting-text25 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.add-service-step3-frame-parent5, .add-service-step3-step-base16 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-service-step3-frame-parent5 {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  gap: 23px;
  margin-top: -2px;
  padding: 0 0 0 11px;
  font-size: 12px;
}

.add-service-step3-step-base16 {
  flex-direction: column;
  align-items: flex-end;
  padding: 0 0 4px;
}

.add-service-step3-step-icon-base18 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-service-step3-connector17 {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.add-service-step3-connector-wrap5, .add-service-step3-connector-wrapper10 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-step3-connector-wrapper10 {
  flex-direction: row;
  flex: 1;
  padding: 0 11px;
}

.add-service-step3-connector-wrap5 {
  flex-direction: column;
  align-self: stretch;
  gap: 4px;
  padding: 0 0 4px;
}

.add-service-step3-supporting-text27 {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.add-service-step3-step-base18, .add-service-step3-text-and-supporting-text12 {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-step3-text-and-supporting-text12 {
  flex-direction: column;
  padding: 2px 0 24px;
}

.add-service-step3-step-base18 {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-service-step3-step-base15 {
  text-align: left;
  color: #344054;
  flex: 1;
  align-self: stretch;
  gap: 38px;
  margin: 0;
  font-family: Inter;
  font-size: 14px;
}

.add-service-step3-add-service-step-3-inner, .add-service-step3-frame-parent4, .add-service-step3-step-base15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-step3-frame-parent4 {
  flex: 1;
  align-self: stretch;
  gap: 16px;
}

.add-service-step3-add-service-step-3-inner {
  box-sizing: border-box;
  width: 250px;
  height: 412px;
  padding: 38px 0 0;
}

.add-service-step3-hint-text46 {
  color: #475467;
  z-index: 1;
  width: 320px;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-service-step3-content61 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.add-service-step3-divider-icon14 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-service-step3-section-header7 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-service-step3-label45, .add-service-step3-label46 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-service-step3-label45 {
  color: inherit;
  min-width: 66px;
  text-decoration: none;
  display: inline-block;
}

.add-service-step3-label46 {
  width: 77px;
  display: none;
}

.add-service-step3-text82 {
  color: #667085;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-service-step3-input-with-label43, .add-service-step3-input31 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-step3-input31 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step3-input-with-label43 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1012px;
  max-width: 199%;
}

.add-service-step3-hint-text47 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-service-step3-content62, .add-service-step3-input-with-label42, .add-service-step3-textarea-input-field7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-service-step3-textarea-input-field7 {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  padding: 0;
}

.add-service-step3-content62, .add-service-step3-input-with-label42 {
  align-self: stretch;
  max-width: 100%;
}

.add-service-step3-content62 {
  flex-flow: wrap;
  align-content: flex-start;
}

.add-service-step3-input-with-label42 {
  flex-direction: column;
  gap: 6px;
}

.add-service-step3-hint-text48 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-service-step3-frame-section, .add-service-step3-input-field34 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-service-step3-input-field34 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.add-service-step3-frame-section {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
}

.add-service-step3-label47 {
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step3-input-field35 {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.add-service-step3-label49, .add-service-step3-label51 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-service-step3-label49 {
  min-width: 83px;
  display: inline-block;
}

.add-service-step3-label51 {
  min-width: 62px;
}

.add-service-step3-label51, .add-service-step3-label53, .add-service-step3-label55 {
  display: inline-block;
}

.add-service-step3-label53 {
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-service-step3-label55 {
  min-width: 81px;
}

.add-service-step3-label55, .add-service-step3-label57 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-service-step3-input-with-label55 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step3-hint-text59 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-service-step3-content68 {
  color: #475467;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-service-step3-label58 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step3-featured-icon5 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-service-step3-placeholder-icon60 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-service-step3-text88 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step3-buttonsbutton16 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.add-service-step3-text89 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step3-action5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.add-service-step3-pdf1 {
  font-weight: 600;
}

.add-service-step3-supporting-text28 {
  text-align: center;
  color: #475467;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-service-step3-text-and-supporting-text13 {
  gap: 4px;
}

.add-service-step3-file-upload-base5, .add-service-step3-text-and-supporting-text13 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.add-service-step3-content69 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.add-service-step3-content69:hover {
  cursor: pointer;
}

.add-service-step3-file-upload-base5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.add-service-step3-file-upload-base5:hover {
  cursor: pointer;
  border-color: #6941c6;
  box-shadow: 0 4px 8px #0003;
}

.add-service-step3-page-icon3 {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.add-service-step3-file-type3 {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step3-file-type-wrap3 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.add-service-step3-file-type-icon3 {
  width: 40px;
  height: 40px;
  position: relative;
}

.add-service-step3-checkbox-base-icon3, .add-service-step3-text90 {
  position: relative;
  overflow: hidden;
}

.add-service-step3-text90 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.add-service-step3-checkbox-base-icon3 {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.add-service-step3-checkbox3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.add-service-step3-supporting-text29, .add-service-step3-text-parent1 {
  align-self: stretch;
  position: relative;
}

.add-service-step3-text-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-service-step3-supporting-text29 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  overflow: hidden;
}

.add-service-step3-file-type-icon-parent, .add-service-step3-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-service-step3-frame-parent7 {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 267px;
  font-size: 14px;
}

.add-service-step3-file-type-icon-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-service-step3-background3 {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.add-service-step3-progress3 {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.add-service-step3-progress-bar-wrapper, .add-service-step3-progress-bar9 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-service-step3-progress-bar9 {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  height: 8px;
  position: relative;
}

.add-service-step3-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 235px;
  padding: 6px 0 0;
}

.add-service-step3-percentage3 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step3-file-upload, .add-service-step3-file-upload-item-base3, .add-service-step3-progress-bar8 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.add-service-step3-progress-bar8 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  font-size: 14px;
}

.add-service-step3-file-upload, .add-service-step3-file-upload-item-base3 {
  flex-direction: column;
}

.add-service-step3-file-upload-item-base3 {
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  padding: 14px 15px;
  font-size: 10px;
}

.add-service-step3-file-upload {
  align-items: flex-start;
  gap: 6px;
  width: 495px;
}

.add-service-step3-text91 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-service-step3-buttonsbutton17 {
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.add-service-step3-button20, .add-service-step3-buttonsbutton17, .add-service-step3-text-padding24 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.add-service-step3-text-padding24 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.add-service-step3-button20 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-service-step3-chevron-left-icon3, .add-service-step3-placeholder-icon66 {
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.add-service-step3-placeholder-icon66 {
  width: 20px;
  height: 20px;
  display: none;
}

.add-service-step3-chevron-left-icon3 {
  width: 24px;
  height: 24px;
}

.add-service-step3-text93 {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step3-button21, .add-service-step3-text-padding25 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-service-step3-button21 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step3-text94 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-service-step3-button22 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step3-text95 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-service-step3-actions6, .add-service-step3-button23 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-service-step3-button23 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-service-step3-actions6 {
  justify-content: flex-end;
  gap: 12px;
  max-width: 100%;
}

.add-service-step3-content70, .add-service-step3-section-footer7, .add-service-step3-section-footer8 {
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.add-service-step3-content70 {
  flex-direction: row;
  justify-content: flex-end;
  gap: 20px;
}

.add-service-step3-section-footer7, .add-service-step3-section-footer8 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
}

.add-service-step3-section-footer8 {
  gap: 20px;
}

.add-service-step3-section-footer7 {
  color: #475467;
}

.add-service-step3-add-service-step-3, .add-service-step3-section-header-group {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.add-service-step3-section-header-group {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  min-width: 659px;
  max-width: 100%;
  font-size: 14px;
}

.add-service-step3-add-service-step-3 {
  box-sizing: border-box;
  letter-spacing: normal;
  color: #101828;
  background-color: #fff;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 128px;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

.documentLabel-business {
  border: 2px solid #eaecf0;
  border-radius: 10px;
  padding: 5px;
}

.documentLabel-business:hover {
  border: 2px solid #583c97;
}

@media screen and (width <= 1025px) {
  .add-service-step3-actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .add-service-step3-actions6 {
    flex-wrap: wrap;
  }

  .add-service-step3-section-header-group {
    min-width: 100%;
  }

  .add-service-step3-add-service-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .add-service-step3-textarea-input-field7 {
    max-width: 100%;
  }

  .add-service-step3-content62, .add-service-step3-content68 {
    gap: 16px;
  }

  .add-service-step3-actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .add-service-step3-step-base15 {
    gap: 19px;
  }

  .add-service-step3-action5, .add-service-step3-file-type-icon-parent, .add-service-step3-progress-bar8 {
    flex-wrap: wrap;
  }

  .add-service-step3-actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-service-step3-add-service-step-3 {
    gap: 32px;
  }
}

.add-software-forms-add-software-child, .add-software-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.add-software-forms-add-software-child {
  align-self: stretch;
  height: 4717px;
}

.add-software-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.add-software-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.add-software-logo, .add-software-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.5f2d40b9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.add-software-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.add-software-bar-chart-01-icon, .add-software-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.add-software-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.add-software-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-software-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.add-software-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.add-software-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-software-text2, .add-software-text3 {
  font-family: Inter;
  position: relative;
}

.add-software-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.add-software-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.add-software-badge1, .add-software-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.add-software-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.add-software-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-software-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-software-navigation, .add-software-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.add-software-navigation {
  z-index: 1;
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-family: Inter;
  font-size: 16px;
}

.add-software-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.add-software-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-software-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-software-input, .add-software-text6 {
  overflow: hidden;
}

.add-software-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.add-software-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-frame-group, .add-software-frame-parent, .add-software-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.add-software-frame-group, .add-software-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.add-software-frame-group {
  flex: 1;
  gap: 38px;
}

.add-software-frame-parent {
  gap: 70px;
  width: 754px;
}

.add-software-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.add-software-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.add-software-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.add-software-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.add-software-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.add-software-avatar {
  z-index: 1;
  background-image: url("avatar@3x.e955d562.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-software-avatar-button-parent, .add-software-rectangle-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.add-software-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 14px;
  position: sticky;
  top: 0;
}

.add-software-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-software-buttonsbutton {
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 218px;
  overflow: hidden;
  margin: 0 !important;
}

.add-software-arrow-narrow-left-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-software-step-icon-base {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-software-connector {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.add-software-supporting-text {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.add-software-step-base, .add-software-text-and-supporting-text {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-text-and-supporting-text {
  flex-direction: column;
  padding: 2px 0 24px;
}

.add-software-step-base {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-software-step-icon-base1 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-software-step-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.add-software-connector1 {
  background-color: #eaecf0;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.add-software-supporting-text1 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.add-software-form, .add-software-step-base1, .add-software-steps {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-software-step-base1 {
  align-items: flex-end;
  padding: 0 0 4px;
}

.add-software-form, .add-software-steps {
  align-items: flex-start;
}

.add-software-steps {
  z-index: 1;
  color: #344054;
  gap: 38px;
  font-size: 14px;
}

.add-software-form {
  gap: 16px;
  padding: 0 0 226px;
}

.add-software-text10 {
  z-index: 2;
  flex: 1;
  margin-left: -208px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.add-software-arrow-narrow-left-icon1, .add-software-arrow-narrow-left-icon2 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.add-software-arrow-narrow-left-icon2 {
  z-index: 2;
}

.add-software-arrow-narrow-left-parent {
  width: 24px;
  height: 24px;
  position: relative;
}

.add-software-connector3, .add-software-step-icon-base3 {
  display: none;
  position: relative;
}

.add-software-step-icon-base3 {
  z-index: 1;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.add-software-connector3 {
  z-index: 2;
  background-color: #7e56d9;
  border-radius: 2px;
  width: 2px;
  height: 54px;
}

.add-software-step-two-number, .add-software-text11 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-software-text11 {
  margin-left: -214px;
}

.add-software-step-two-title {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-software-supporting-text3, .add-software-supporting-text4 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-software-supporting-text4 {
  margin-top: -40px;
}

.add-software-step-base3, .add-software-step-two-description {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-step-base3 {
  flex-direction: row;
  align-self: stretch;
}

.add-software-step-base5 {
  flex-direction: row;
  gap: 12px;
}

.add-software-step-base5, .add-software-step-base6, .add-software-step-three {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-software-step-base6 {
  flex-direction: row;
  gap: 12px;
  margin-top: -86px;
}

.add-software-step-three {
  color: #6941c6;
  flex-direction: column;
}

.add-software-connector7 {
  z-index: 2;
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 54px;
  display: none;
  position: relative;
}

.add-software-step-two, .add-software-step-two-details {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-software-step-two-details {
  z-index: 2;
  flex-direction: column;
  gap: 38px;
}

.add-software-step-two {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  font-size: 14px;
}

.add-software-form-parent {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  gap: 700px;
}

.add-software-breadcrumb-button-base, .add-software-form-parent, .add-software-progress-steps {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-progress-steps {
  box-sizing: border-box;
  flex-direction: column;
  width: 250px;
  height: max-content;
  padding: 36px 0 0;
}

.add-software-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  padding: 4px;
}

.add-software-text18 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-software-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-software-button1, .add-software-button2 {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.add-software-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.add-software-actions, .add-software-button2, .add-software-button3 {
  flex-direction: row;
  align-items: center;
}

.add-software-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-button4, .add-software-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-software-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-software-main-child, .add-software-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.add-software-main-item {
  height: 43px;
}

.add-software-main {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  height: 149px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.add-software-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-software-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-software-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-software-hint-text1 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-software-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-hint-text9 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-software-divider, .add-software-uploads-title {
  align-self: stretch;
  position: relative;
}

.add-software-divider {
  z-index: 1;
  background-color: #eaecf0;
  height: 1px;
}

.add-software-text37 {
  color: #344054;
  text-align: center;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-content24 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-software-x-close-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.add-software-tag-close-x {
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.add-software-tag {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 66px;
  padding: 0 3px 0 4px;
  display: flex;
}

.add-software-text38 {
  color: #344054;
  text-align: center;
  min-width: 54px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-tag1, .add-software-tags {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-software-tag1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  gap: 3px;
  padding: 0 3px 0 4px;
}

.add-software-tags {
  justify-content: flex-start;
  gap: 6px;
  width: 154px;
}

.add-software-tags-placeholder {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 27px;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-software-content23 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.add-software-text42 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-software-text43 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-software-button8 {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-software-section-footer {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-software-arrows-down-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-software-text45 {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-buttonsbutton-wrapper, .add-software-buttonsbutton2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.add-software-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-buttonsbutton-wrapper {
  justify-content: center;
  align-self: stretch;
  padding: 0 21px 0 20px;
}

.add-software-label18 {
  text-align: left;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-file-button-labels {
  color: #475467;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-software-text48 {
  color: #475467;
  text-align: left;
  min-width: 49px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-software-text53 {
  text-align: left;
  color: #344054;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-label24 {
  color: #344054;
  min-width: 66px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.add-software-label24, .add-software-label25, .add-software-text56 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.add-software-label25 {
  color: #344054;
  width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.add-software-text56 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.add-software-input-with-label23, .add-software-input21 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-input21 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-input-with-label23 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1014px;
  max-width: 199%;
}

.add-software-hint-text22 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-software-content42, .add-software-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.add-software-content42 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.add-software-label26 {
  max-width: 100%;
  display: inline-block;
}

.add-software-label26, .add-software-label28, .add-software-label30 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-software-label28 {
  min-width: 83px;
  display: inline-block;
}

.add-software-label30 {
  min-width: 62px;
}

.add-software-label30, .add-software-label32, .add-software-label34 {
  display: inline-block;
}

.add-software-label32 {
  color: #344054;
  text-align: left;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-software-label34 {
  min-width: 81px;
}

.add-software-label34, .add-software-label36 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-software-input-with-label35 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-label37, .add-software-pdf {
  font-family: Inter;
}

.add-software-label37 {
  color: #344054;
  text-align: left;
  z-index: 1;
  min-width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-pdf {
  color: #475467;
  font-weight: 600;
}

.add-software-supporting-text16 {
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-software-final-upload-item-content {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-software-final-upload-wrapper, .add-software-progress-bar3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-software-progress-bar3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 11px;
  width: 411px;
}

.add-software-final-upload-wrapper {
  flex-direction: column;
  gap: 6px;
  width: 495px;
}

.add-software-text67 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-software-button15 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-text68 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-actions4, .add-software-button16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.add-software-button16 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-actions4 {
  flex-wrap: wrap;
  place-content: center flex-end;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 673px;
}

.add-software-body, .add-software-section-header-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-software-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  margin: 0;
}

.add-software-body {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 31px 0 32px;
}

.add-software-content5, .add-software-progress-container {
  justify-content: flex-start;
  display: flex;
}

.add-software-content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: 95%;
  font-size: 14px;
}

.add-software-progress-container {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
}

.add-software-supporting-text18, .add-software-title1 {
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-software-title1 {
  font-weight: 600;
}

.add-software-supporting-text18 {
  color: #475467;
  white-space: nowrap;
}

.add-software-title-container-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 222px;
  padding: 0 4px;
  font-size: 14px;
}

.add-software-bottom-actions, .add-software-content-parent, .add-software-progress-container-parent, .add-software-title-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-progress-container-parent {
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  height: max-content;
  overflow-y: scroll;
}

.add-software-bottom-actions, .add-software-content-parent {
  flex-direction: row;
}

.add-software-bottom-actions {
  text-align: left;
  color: #101828;
  flex: 1;
  max-width: calc(100% - 340px);
  font-family: Inter;
  font-size: 16px;
  position: relative;
}

.add-software-content-parent {
  align-self: stretch;
  gap: 16px;
  max-width: 100%;
}

.add-software-forms-add-software-custom-margin {
  margin-top: 0 !important;
}

.add-software-forms-add-software {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-software-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-software-progress-steps {
    display: none;
  }

  .add-software-main {
    height: auto;
  }

  .add-software-content23 {
    flex-wrap: wrap;
  }

  .add-software-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-software-content5 {
    max-width: 100%;
  }

  .add-software-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-software-frame-group {
    gap: 19px;
  }

  .add-software-frame-parent {
    gap: 35px;
  }

  .add-software-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-software-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-software-main {
    gap: 16px;
  }

  .add-software-content22, .add-software-content39 {
    min-width: 100%;
  }

  .add-software-textarea-input-field {
    max-width: 100%;
  }

  .add-software-content42 {
    gap: 16px;
  }

  .add-software-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-software-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-software-frame-parent {
    gap: 17px;
  }

  .add-software-step-two, .add-software-step-two-details, .add-software-steps {
    gap: 19px;
  }

  .add-software-form-parent {
    gap: 350px;
  }

  .add-software-action, .add-software-first-upload-item-content, .add-software-input1, .add-software-input10, .add-software-input9, .add-software-progress-bar {
    flex-wrap: wrap;
  }

  .add-software-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-software-progress-container-parent {
    gap: 49px;
  }
}

.add-software-step-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  margin: 0;
  display: flex;
}

.add-software-step-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-software-step-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-software-step-input-field-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-software-step-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-software-step-first-upload-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-software-step-label1 {
  text-align: left;
  min-width: 127px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-transaction-type {
  color: #344054;
}

.add-software-step-span {
  color: #f04438;
}

.add-software-step-input1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step-content8 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 295px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-software-step-text-input {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-software-step-first-nested-input {
  text-align: left;
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-software-step-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 9px 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-software-step-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-software-step-label2 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-software-step-your-role-in {
  color: #344054;
  white-space: pre-wrap;
}

.add-software-step-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-label5 {
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-input5 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step-content12 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-software-step-label6 {
  text-align: left;
  min-width: 62px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-software-step-label7 {
  color: #344054;
  text-align: left;
  min-width: 100px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-label8 {
  color: #344054;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-single-input-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-software-step-single-input {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-software-step-label9 {
  text-align: left;
  z-index: 1;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-software-step-input9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step-content16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 159px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-software-step-text-input5 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.add-software-step-leading-text, .add-software-step-text34 {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.add-software-step-leading-text {
  color: #344054;
  min-width: 11px;
  display: inline-block;
}

.add-software-step-text34 {
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.add-software-step-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.add-software-step-dropdown5 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px 0;
  width: 78px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-software-step-dropdown-text {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-software-step-input-field8 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-software-step-input-with-label9, .add-software-step-input10 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-software-step-input10 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  row-gap: 20px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step-input-with-label9 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.add-software-step-label10 {
  text-align: left;
  min-width: 118px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-content17 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 183px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-software-step-step-title {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-step-content18 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 193px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-software-step-nested-input-fields, .add-software-step-nested-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-software-step-nested-input-fields {
  z-index: 1;
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 24px;
}

.add-software-step-nested-inputs {
  box-sizing: border-box;
  align-self: stretch;
  padding: 0 0 12px;
}

.add-software-step-label12 {
  text-align: left;
  min-width: 73px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-label13 {
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-input-tags {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-software-step-section-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-software-step-divider {
  z-index: 1;
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.add-software-step-content-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.add-software-step-text-and-supporting-text5 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-software-step-uploads-title {
  color: #101828;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.add-software-step-dropdown9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.add-software-step-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-software-step-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-software-step-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-software-step-input14 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: center flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 633px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-software-step-input-field13 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-software-step-label15 {
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-label16 {
  text-align: left;
  min-width: 129px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-actions2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-software-step-button9 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-software-step-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-software-step-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-software-step-text44 {
  color: #fff;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-first-upload-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-software-step-label20 {
  z-index: 1;
  text-align: left;
  min-width: 116px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-file-upload-base {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
  display: flex;
}

.add-software-step-content36 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.add-software-step-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-software-step-text-and-supporting-text6 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.add-software-step-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.add-software-step-buttonsbutton3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.add-software-step-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-software-step-text46 {
  color: #6941c6;
  text-align: left;
  min-width: 101px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-text47 {
  color: #475467;
  text-align: left;
  min-width: 112px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-supporting-text13 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-software-step-file-upload-item-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  max-width: 100%;
  padding: 14px 15px;
  display: flex;
}

.add-software-step-first-upload-item-content, .add-software-step-first-upload-item-info {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-software-step-first-upload-item-info {
  flex-direction: column;
  flex: 1;
  min-width: 267px;
}

.add-software-step-first-upload-item-content {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-software-step-file-type-icon {
  width: 40px;
  height: 40px;
  position: relative;
}

.add-software-step-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.add-software-step-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.add-software-step-first-upload-item-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.add-software-step-first-upload-item {
  color: #344054;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-software-step-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.add-software-step-checkbox {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.add-software-step-supporting-text14 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.add-software-step-progress-bar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  max-width: 100%;
  display: flex;
}

.add-software-step-final-upload-progress-bar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 235px;
  max-width: 100%;
  padding: 6px 0 0;
  display: flex;
}

.add-software-step-progress-bar2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  height: 8px;
  display: flex;
  position: relative;
}

.add-software-step-background {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.add-software-step-progress {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.add-software-step-percentage {
  color: #344054;
  text-align: left;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.add-software-step-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.add-software-step-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.add-software-step-file-upload-base1, .add-software-step-input-field19 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.add-software-step-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
}

.add-software-step-input-field19 {
  z-index: 1;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
}

.add-software-step-label22 {
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-software-step-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.add-software-step-content7 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.add-software-step-input20 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step-content39 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 630px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-software-step-dropdown13 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-software-step-hint-text21 {
  text-align: left;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-software-step-add-it, .add-software-step-cant-find-an {
  color: #475467;
  font-family: Inter;
}

.add-software-step-add-it {
  color: #7e56d9;
  font-weight: 600;
}

.add-software-step-section-footer1, .add-software-step-section-footer2 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.add-software-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 0 0 742px;
}

.add-software-step-section-footer1, .add-software-step-section-footer2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
}

.add-software-step-section-footer2 {
  gap: 20px;
}

.add-software-step-section-footer1 {
  z-index: 1;
}

.add-software-step-content31 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-software-step-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.add-software-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 742px;
  display: flex;
}

.add-software-step-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step-3-inner, .frame-parent4, .step-base15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-step-3-inner {
  box-sizing: border-box;
  width: 250px;
  height: 412px;
  padding: 38px 0 0;
}

.add-software-step-3, .section-header-group {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.add-software-step-3 {
  box-sizing: border-box;
  letter-spacing: normal;
  color: #101828;
  background-color: #fff;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 128px;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-software-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-software-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-software-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-software-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-software-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-software-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-software-step-first-upload-item-content, .add-software-step-action, .add-software-step-input1, .add-software-step-input10, .add-software-step-input9 {
    flex-wrap: wrap;
  }
}

.add-software-step3-text79 {
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.add-software-step3-arrow-narrow-left-icon5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-software-step3-text-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  width: 237px;
  display: flex;
}

.add-software-step3-step-icon-base16 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-software-step3-step-title1 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-software-step3-step-icon-base15, .add-software-step3-step-title-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-step3-step-title-wrapper {
  flex-direction: column;
  flex: 1;
  padding: 2px 0 0;
}

.add-software-step3-step-icon-base15 {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-software-step3-connector15 {
  background-color: #7e56d9;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.add-software-step3-connector-wrapper8 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.add-software-step3-supporting-text25 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.add-software-step3-frame-parent5, .add-software-step3-step-base16 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-software-step3-frame-parent5 {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  gap: 23px;
  margin-top: -2px;
  padding: 0 0 0 11px;
  font-size: 12px;
}

.add-software-step3-step-base16 {
  flex-direction: column;
  align-items: flex-end;
  padding: 0 0 4px;
}

.add-software-step3-step-icon-base18 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-software-step3-connector17 {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.add-software-step3-connector-wrap5, .add-software-step3-connector-wrapper10 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-step3-connector-wrapper10 {
  flex-direction: row;
  flex: 1;
  padding: 0 11px;
}

.add-software-step3-connector-wrap5 {
  flex-direction: column;
  align-self: stretch;
  gap: 4px;
  padding: 0 0 4px;
}

.add-software-step3-supporting-text27 {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.add-software-step3-step-base18, .add-software-step3-text-and-supporting-text12 {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-step3-text-and-supporting-text12 {
  flex-direction: column;
  padding: 2px 0 24px;
}

.add-software-step3-step-base18 {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-software-step3-step-base15 {
  text-align: left;
  color: #344054;
  flex: 1;
  align-self: stretch;
  gap: 38px;
  margin: 0;
  font-family: Inter;
  font-size: 14px;
}

.add-software-step3-add-software-step-3-inner, .add-software-step3-frame-parent4, .add-software-step3-step-base15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-step3-frame-parent4 {
  flex: 1;
  align-self: stretch;
  gap: 16px;
}

.add-software-step3-add-software-step-3-inner {
  box-sizing: border-box;
  width: 250px;
  height: 412px;
  padding: 38px 0 0;
}

.add-software-step3-hint-text46 {
  color: #475467;
  z-index: 1;
  width: 320px;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-software-step3-content61 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.add-software-step3-divider-icon14 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-software-step3-section-header7 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-software-step3-label45, .add-software-step3-label46 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-software-step3-label45 {
  color: inherit;
  min-width: 66px;
  text-decoration: none;
  display: inline-block;
}

.add-software-step3-label46 {
  width: 77px;
  display: none;
}

.add-software-step3-text82 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-software-step3-input-with-label43, .add-software-step3-input31 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-step3-input31 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step3-input-with-label43 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1014px;
  max-width: 199%;
}

.add-software-step3-hint-text47 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-software-step3-content62, .add-software-step3-input-with-label42, .add-software-step3-textarea-input-field7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-software-step3-textarea-input-field7 {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.add-software-step3-content62, .add-software-step3-input-with-label42 {
  align-self: stretch;
  max-width: 100%;
}

.add-software-step3-content62 {
  flex-flow: wrap;
  align-content: flex-start;
}

.add-software-step3-input-with-label42 {
  flex-direction: column;
  gap: 6px;
}

.add-software-step3-hint-text48 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-software-step3-frame-section, .add-software-step3-input-field34 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-software-step3-input-field34 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.add-software-step3-frame-section {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
}

.add-software-step3-label47 {
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step3-input-field35 {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.add-software-step3-label49, .add-software-step3-label51 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-software-step3-label49 {
  min-width: 83px;
  display: inline-block;
}

.add-software-step3-label51 {
  min-width: 62px;
}

.add-software-step3-label51, .add-software-step3-label53, .add-software-step3-label55 {
  display: inline-block;
}

.add-software-step3-label53 {
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-software-step3-label55 {
  min-width: 81px;
}

.add-software-step3-label55, .add-software-step3-label57 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-software-step3-input-with-label55 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step3-hint-text59 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-software-step3-content68 {
  color: #475467;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-software-step3-label58 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step3-featured-icon5 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-software-step3-placeholder-icon60 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-software-step3-text88 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step3-buttonsbutton16 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.add-software-step3-text89 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step3-action5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.add-software-step3-pdf1 {
  font-weight: 600;
}

.add-software-step3-supporting-text28 {
  text-align: center;
  color: #475467;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-software-step3-text-and-supporting-text13 {
  gap: 4px;
}

.add-software-step3-content69, .add-software-step3-file-upload-base5, .add-software-step3-text-and-supporting-text13 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.add-software-step3-content69 {
  gap: 12px;
}

.add-software-step3-file-upload-base5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.add-software-step3-page-icon3 {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.add-software-step3-file-type3 {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step3-file-type-wrap3 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.add-software-step3-file-type-icon3 {
  width: 40px;
  height: 40px;
  position: relative;
}

.add-software-step3-checkbox-base-icon3, .add-software-step3-text90 {
  position: relative;
  overflow: hidden;
}

.add-software-step3-text90 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.add-software-step3-checkbox-base-icon3 {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.add-software-step3-checkbox3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.add-software-step3-supporting-text29, .add-software-step3-text-parent1 {
  align-self: stretch;
  position: relative;
}

.add-software-step3-text-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-software-step3-supporting-text29 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  overflow: hidden;
}

.add-software-step3-file-type-icon-parent, .add-software-step3-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-software-step3-frame-parent7 {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 267px;
  font-size: 14px;
}

.add-software-step3-file-type-icon-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-software-step3-background3 {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.add-software-step3-progress3 {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.add-software-step3-progress-bar-wrapper, .add-software-step3-progress-bar9 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-software-step3-progress-bar9 {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  height: 8px;
  position: relative;
}

.add-software-step3-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 235px;
  padding: 6px 0 0;
}

.add-software-step3-percentage3 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step3-file-upload, .add-software-step3-file-upload-item-base3, .add-software-step3-progress-bar8 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.add-software-step3-progress-bar8 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  font-size: 14px;
}

.add-software-step3-file-upload, .add-software-step3-file-upload-item-base3 {
  flex-direction: column;
}

.add-software-step3-file-upload-item-base3 {
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  padding: 14px 15px;
  font-size: 10px;
}

.add-software-step3-file-upload {
  align-items: flex-start;
  gap: 6px;
  width: 495px;
}

.add-software-step3-text91 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-software-step3-buttonsbutton17 {
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.add-software-step3-button20, .add-software-step3-buttonsbutton17, .add-software-step3-text-padding24 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.add-software-step3-text-padding24 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.add-software-step3-button20 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-software-step3-chevron-left-icon3, .add-software-step3-placeholder-icon66 {
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.add-software-step3-placeholder-icon66 {
  width: 20px;
  height: 20px;
  display: none;
}

.add-software-step3-chevron-left-icon3 {
  width: 24px;
  height: 24px;
}

.add-software-step3-text93 {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step3-button21, .add-software-step3-text-padding25 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-software-step3-button21 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step3-text94 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-software-step3-button22 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step3-text95 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-software-step3-actions6, .add-software-step3-button23 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-software-step3-button23 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-software-step3-actions6 {
  justify-content: flex-end;
  gap: 12px;
  max-width: 100%;
}

.add-software-step3-content70, .add-software-step3-section-footer7, .add-software-step3-section-footer8 {
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.add-software-step3-content70 {
  flex-direction: row;
  justify-content: flex-end;
  gap: 20px;
}

.add-software-step3-section-footer7, .add-software-step3-section-footer8 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
}

.add-software-step3-section-footer8 {
  gap: 20px;
}

.add-software-step3-section-footer7 {
  color: #475467;
}

.add-software-step3-add-software-step-3, .add-software-step3-section-header-group {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.add-software-step3-section-header-group {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  min-width: 659px;
  max-width: 100%;
  font-size: 14px;
}

.add-software-step3-add-software-step-3 {
  box-sizing: border-box;
  letter-spacing: normal;
  color: #101828;
  background-color: #fff;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 128px;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1025px) {
  .add-software-step3-actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .add-software-step3-actions6 {
    flex-wrap: wrap;
  }

  .add-software-step3-section-header-group {
    min-width: 100%;
  }

  .add-software-step3-add-software-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .add-software-step3-textarea-input-field7 {
    max-width: 100%;
  }

  .add-software-step3-content62, .add-software-step3-content68 {
    gap: 16px;
  }

  .add-software-step3-actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .add-software-step3-step-base15 {
    gap: 19px;
  }

  .add-software-step3-action5, .add-software-step3-file-type-icon-parent, .add-software-step3-progress-bar8 {
    flex-wrap: wrap;
  }

  .add-software-step3-actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-software-step3-add-software-step-3 {
    gap: 32px;
  }
}

.add-spare-forms-add-spare-child, .add-spare-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.add-spare-forms-add-spare-child {
  align-self: stretch;
  height: 4717px;
}

.add-spare-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.add-spare-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.add-spare-logo, .add-spare-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.5f2d40b9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.add-spare-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.add-spare-bar-chart-01-icon, .add-spare-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.add-spare-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.add-spare-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-spare-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.add-spare-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.add-spare-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-spare-text2, .add-spare-text3 {
  font-family: Inter;
  position: relative;
}

.add-spare-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.add-spare-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.add-spare-badge1, .add-spare-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.add-spare-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.add-spare-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-spare-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-spare-navigation, .add-spare-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.add-spare-navigation {
  z-index: 1;
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-family: Inter;
  font-size: 16px;
}

.add-spare-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.add-spare-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-spare-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-spare-input, .add-spare-text6 {
  overflow: hidden;
}

.add-spare-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.add-spare-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-frame-group, .add-spare-frame-parent, .add-spare-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.add-spare-frame-group, .add-spare-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.add-spare-frame-group {
  flex: 1;
  gap: 38px;
}

.add-spare-frame-parent {
  gap: 70px;
  width: 754px;
}

.add-spare-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.add-spare-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.add-spare-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.add-spare-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.add-spare-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.add-spare-avatar {
  z-index: 1;
  background-image: url("avatar@3x.e955d562.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-spare-avatar-button-parent, .add-spare-rectangle-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.add-spare-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 14px;
  position: sticky;
  top: 0;
}

.add-spare-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-spare-buttonsbutton {
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 218px;
  overflow: hidden;
  margin: 0 !important;
}

.add-spare-arrow-narrow-left-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-spare-step-icon-base {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-spare-connector {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.add-spare-supporting-text {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.add-spare-step-base, .add-spare-text-and-supporting-text {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-text-and-supporting-text {
  flex-direction: column;
  padding: 2px 0 24px;
}

.add-spare-step-base {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-spare-step-icon-base1 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-spare-step-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.add-spare-connector1 {
  background-color: #eaecf0;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.add-spare-supporting-text1 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.add-spare-form, .add-spare-step-base1, .add-spare-steps {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-spare-step-base1 {
  align-items: flex-end;
  padding: 0 0 4px;
}

.add-spare-form, .add-spare-steps {
  align-items: flex-start;
}

.add-spare-steps {
  z-index: 1;
  color: #344054;
  gap: 38px;
  font-size: 14px;
}

.add-spare-form {
  gap: 16px;
  padding: 0 0 226px;
}

.add-spare-text10 {
  z-index: 2;
  flex: 1;
  margin-left: -208px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.add-spare-arrow-narrow-left-icon1, .add-spare-arrow-narrow-left-icon2 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.add-spare-arrow-narrow-left-icon2 {
  z-index: 2;
}

.add-spare-arrow-narrow-left-parent {
  width: 24px;
  height: 24px;
  position: relative;
}

.add-spare-connector3, .add-spare-step-icon-base3 {
  display: none;
  position: relative;
}

.add-spare-step-icon-base3 {
  z-index: 1;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.add-spare-connector3 {
  z-index: 2;
  background-color: #7e56d9;
  border-radius: 2px;
  width: 2px;
  height: 54px;
}

.add-spare-step-two-number, .add-spare-text11 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-spare-text11 {
  margin-left: -214px;
}

.add-spare-step-two-title {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-spare-supporting-text3, .add-spare-supporting-text4 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-spare-supporting-text4 {
  margin-top: -40px;
}

.add-spare-step-base3, .add-spare-step-two-description {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-step-base3 {
  flex-direction: row;
  align-self: stretch;
}

.add-spare-step-base5 {
  flex-direction: row;
  gap: 12px;
}

.add-spare-step-base5, .add-spare-step-base6, .add-spare-step-three {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-spare-step-base6 {
  flex-direction: row;
  gap: 12px;
  margin-top: -86px;
}

.add-spare-step-three {
  color: #6941c6;
  flex-direction: column;
}

.add-spare-connector7 {
  z-index: 2;
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 54px;
  display: none;
  position: relative;
}

.add-spare-step-two, .add-spare-step-two-details {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-spare-step-two-details {
  z-index: 2;
  flex-direction: column;
  gap: 38px;
}

.add-spare-step-two {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  font-size: 14px;
}

.add-spare-form-parent {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  gap: 700px;
}

.add-spare-breadcrumb-button-base, .add-spare-form-parent, .add-spare-progress-steps {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-progress-steps {
  box-sizing: border-box;
  flex-direction: column;
  width: 250px;
  height: max-content;
  padding: 36px 0 0;
}

.add-spare-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  padding: 4px;
}

.add-spare-text18 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-spare-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-spare-button1, .add-spare-button2 {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.add-spare-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.add-spare-actions, .add-spare-button2, .add-spare-button3 {
  flex-direction: row;
  align-items: center;
}

.add-spare-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-button4, .add-spare-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-spare-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-spare-main-child, .add-spare-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.add-spare-main-item {
  height: 43px;
}

.add-spare-main {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  height: 149px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.add-spare-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-spare-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-spare-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-spare-hint-text1 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-spare-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-hint-text9 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-spare-divider, .add-spare-uploads-title {
  align-self: stretch;
  position: relative;
}

.add-spare-divider {
  z-index: 1;
  background-color: #eaecf0;
  height: 1px;
}

.add-spare-text37 {
  color: #344054;
  text-align: center;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-content24 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-spare-x-close-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.add-spare-tag-close-x {
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.add-spare-tag {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 66px;
  padding: 0 3px 0 4px;
  display: flex;
}

.add-spare-text38 {
  color: #344054;
  text-align: center;
  min-width: 54px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-tag1, .add-spare-tags {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-spare-tag1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  gap: 3px;
  padding: 0 3px 0 4px;
}

.add-spare-tags {
  justify-content: flex-start;
  gap: 6px;
  width: 154px;
}

.add-spare-tags-placeholder {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 27px;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-spare-content23 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.add-spare-text42 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-spare-text43 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-spare-button8 {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-spare-section-footer {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-spare-arrows-down-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-spare-text45 {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-buttonsbutton-wrapper, .add-spare-buttonsbutton2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.add-spare-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-buttonsbutton-wrapper {
  justify-content: center;
  align-self: stretch;
  padding: 0 21px 0 20px;
}

.add-spare-label18 {
  text-align: left;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-file-button-labels {
  color: #475467;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-spare-text48 {
  color: #475467;
  text-align: left;
  min-width: 49px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-spare-text53 {
  text-align: left;
  color: #344054;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-label24 {
  color: #344054;
  min-width: 66px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.add-spare-label24, .add-spare-label25, .add-spare-text56 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.add-spare-label25 {
  color: #344054;
  width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.add-spare-text56 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.add-spare-input-with-label23, .add-spare-input21 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-input21 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-input-with-label23 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1014px;
  max-width: 199%;
}

.add-spare-hint-text22 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-spare-content42, .add-spare-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.add-spare-content42 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.add-spare-label26 {
  max-width: 100%;
  display: inline-block;
}

.add-spare-label26, .add-spare-label28, .add-spare-label30 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-spare-label28 {
  min-width: 83px;
  display: inline-block;
}

.add-spare-label30 {
  min-width: 62px;
}

.add-spare-label30, .add-spare-label32, .add-spare-label34 {
  display: inline-block;
}

.add-spare-label32 {
  color: #344054;
  text-align: left;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-spare-label34 {
  min-width: 81px;
}

.add-spare-label34, .add-spare-label36 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-spare-input-with-label35 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-label37, .add-spare-pdf {
  font-family: Inter;
}

.add-spare-label37 {
  color: #344054;
  text-align: left;
  z-index: 1;
  min-width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-pdf {
  color: #475467;
  font-weight: 600;
}

.add-spare-supporting-text16 {
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-spare-final-upload-item-content {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-spare-final-upload-wrapper, .add-spare-progress-bar3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-spare-progress-bar3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 11px;
  width: 411px;
}

.add-spare-final-upload-wrapper {
  flex-direction: column;
  gap: 6px;
  width: 495px;
}

.add-spare-text67 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-spare-button15 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-text68 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-actions4, .add-spare-button16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.add-spare-button16 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-actions4 {
  flex-wrap: wrap;
  place-content: center flex-end;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 673px;
}

.add-spare-body, .add-spare-section-header-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-spare-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  margin: 0;
}

.add-spare-body {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 31px 0 32px;
}

.add-spare-content5, .add-spare-progress-container {
  justify-content: flex-start;
  display: flex;
}

.add-spare-content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: 95%;
  font-size: 14px;
}

.add-spare-progress-container {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
}

.add-spare-supporting-text18, .add-spare-title1 {
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-spare-title1 {
  font-weight: 600;
}

.add-spare-supporting-text18 {
  color: #475467;
  white-space: nowrap;
}

.add-spare-title-container-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 222px;
  padding: 0 4px;
  font-size: 14px;
}

.add-spare-bottom-actions, .add-spare-content-parent, .add-spare-progress-container-parent, .add-spare-title-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-progress-container-parent {
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  height: max-content;
  overflow-y: scroll;
}

.add-spare-bottom-actions, .add-spare-content-parent {
  flex-direction: row;
}

.add-spare-bottom-actions {
  text-align: left;
  color: #101828;
  flex: 1;
  max-width: 75%;
  font-family: Inter;
  font-size: 16px;
  position: relative;
}

.add-spare-content-parent {
  align-self: stretch;
  gap: 16px;
  max-width: 100%;
}

.add-spare-forms-add-spare-custom-margin {
  margin-top: 0 !important;
}

.add-spare-forms-add-spare {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-spare-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-spare-progress-steps {
    display: none;
  }

  .add-spare-main {
    height: auto;
  }

  .add-spare-content23 {
    flex-wrap: wrap;
  }

  .add-spare-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-spare-content5 {
    max-width: 100%;
  }

  .add-spare-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-spare-frame-group {
    gap: 19px;
  }

  .add-spare-frame-parent {
    gap: 35px;
  }

  .add-spare-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-spare-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-spare-main {
    gap: 16px;
  }

  .add-spare-content22, .add-spare-content39 {
    min-width: 100%;
  }

  .add-spare-textarea-input-field {
    max-width: 100%;
  }

  .add-spare-content42 {
    gap: 16px;
  }

  .add-spare-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-spare-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-spare-frame-parent {
    gap: 17px;
  }

  .add-spare-step-two, .add-spare-step-two-details, .add-spare-steps {
    gap: 19px;
  }

  .add-spare-form-parent {
    gap: 350px;
  }

  .add-spare-action, .add-spare-first-upload-item-content, .add-spare-input1, .add-spare-input10, .add-spare-input9, .add-spare-progress-bar {
    flex-wrap: wrap;
  }

  .add-spare-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-spare-progress-container-parent {
    gap: 49px;
  }
}

.add-spare-step-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  margin: 0;
  display: flex;
}

.add-spare-step-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-spare-step-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-spare-step-input-field-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-first-upload-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-label1 {
  text-align: left;
  min-width: 127px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-transaction-type {
  color: #344054;
}

.add-spare-step-span {
  color: #f04438;
}

.add-spare-step-input1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step-content8 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 295px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-spare-step-text-input {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-spare-step-first-nested-input {
  text-align: left;
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-spare-step-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 9px 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-spare-step-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-spare-step-label2 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-spare-step-your-role-in {
  color: #344054;
  white-space: pre-wrap;
}

.add-spare-step-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-label5 {
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-input5 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step-content12 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-spare-step-label6 {
  text-align: left;
  min-width: 62px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-spare-step-label7 {
  color: #344054;
  text-align: left;
  min-width: 100px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-label8 {
  color: #344054;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-single-input-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-single-input {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-label9 {
  text-align: left;
  z-index: 1;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-spare-step-input9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step-content16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 159px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-spare-step-text-input5 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.add-spare-step-leading-text, .add-spare-step-text34 {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.add-spare-step-leading-text {
  color: #344054;
  min-width: 11px;
  display: inline-block;
}

.add-spare-step-text34 {
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.add-spare-step-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.add-spare-step-dropdown5 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px 0;
  width: 78px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-spare-step-dropdown-text {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-spare-step-input-field8 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-input-with-label9, .add-spare-step-input10 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-spare-step-input10 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  row-gap: 20px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step-input-with-label9 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.add-spare-step-label10 {
  text-align: left;
  min-width: 118px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-content17 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 183px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-spare-step-step-title {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-step-content18 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 193px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-spare-step-nested-input-fields, .add-spare-step-nested-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-spare-step-nested-input-fields {
  z-index: 1;
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 24px;
}

.add-spare-step-nested-inputs {
  box-sizing: border-box;
  align-self: stretch;
  padding: 0 0 12px;
}

.add-spare-step-label12 {
  text-align: left;
  min-width: 73px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-label13 {
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-input-tags {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-section-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-divider {
  z-index: 1;
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.add-spare-step-content-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-text-and-supporting-text5 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-spare-step-uploads-title {
  color: #101828;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.add-spare-step-dropdown9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.add-spare-step-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-spare-step-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-input14 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: center flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 633px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-spare-step-input-field13 {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-label15 {
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-label16 {
  text-align: left;
  min-width: 129px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-actions2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-button9 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-spare-step-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-spare-step-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-spare-step-text44 {
  color: #fff;
  text-align: left;
  min-width: 106px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-first-upload-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-label20 {
  z-index: 1;
  text-align: left;
  min-width: 116px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-file-upload-base {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
  display: flex;
}

.add-spare-step-content36 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.add-spare-step-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-spare-step-text-and-supporting-text6 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.add-spare-step-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.add-spare-step-buttonsbutton3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.add-spare-step-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-spare-step-text46 {
  color: #6941c6;
  text-align: left;
  min-width: 101px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-text47 {
  color: #475467;
  text-align: left;
  min-width: 112px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-supporting-text13 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-spare-step-file-upload-item-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  max-width: 100%;
  padding: 14px 15px;
  display: flex;
}

.add-spare-step-first-upload-item-content, .add-spare-step-first-upload-item-info {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-spare-step-first-upload-item-info {
  flex-direction: column;
  flex: 1;
  min-width: 267px;
}

.add-spare-step-first-upload-item-content {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-spare-step-file-type-icon {
  width: 40px;
  height: 40px;
  position: relative;
}

.add-spare-step-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.add-spare-step-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.add-spare-step-first-upload-item-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.add-spare-step-first-upload-item {
  color: #344054;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-spare-step-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.add-spare-step-checkbox {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.add-spare-step-supporting-text14 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.add-spare-step-progress-bar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-final-upload-progress-bar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 235px;
  max-width: 100%;
  padding: 6px 0 0;
  display: flex;
}

.add-spare-step-progress-bar2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  height: 8px;
  display: flex;
  position: relative;
}

.add-spare-step-background {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.add-spare-step-progress {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.add-spare-step-percentage {
  color: #344054;
  text-align: left;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.add-spare-step-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.add-spare-step-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.add-spare-step-file-upload-base1, .add-spare-step-input-field19 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.add-spare-step-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
}

.add-spare-step-input-field19 {
  z-index: 1;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
}

.add-spare-step-label22 {
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-spare-step-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.add-spare-step-content7 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.add-spare-step-input20 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step-content39 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 630px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-spare-step-dropdown13 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-spare-step-hint-text21 {
  text-align: left;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-spare-step-add-it, .add-spare-step-cant-find-an {
  color: #475467;
  font-family: Inter;
}

.add-spare-step-add-it {
  color: #7e56d9;
  font-weight: 600;
}

.add-spare-step-section-footer1, .add-spare-step-section-footer2 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.add-spare-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 0 0 742px;
}

.add-spare-step-section-footer1, .add-spare-step-section-footer2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
}

.add-spare-step-section-footer2 {
  gap: 20px;
}

.add-spare-step-section-footer1 {
  z-index: 1;
}

.add-spare-step-content31 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-spare-step-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.add-spare-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 742px;
  display: flex;
}

.add-spare-step-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step-3-inner, .frame-parent4, .step-base15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-step-3-inner {
  box-sizing: border-box;
  width: 250px;
  height: 412px;
  padding: 38px 0 0;
}

.add-spare-step-3, .section-header-group {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.add-spare-step-3 {
  box-sizing: border-box;
  letter-spacing: normal;
  color: #101828;
  background-color: #fff;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 128px;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-spare-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-spare-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-spare-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-spare-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-spare-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-spare-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-spare-step-first-upload-item-content, .add-spare-step-action, .add-spare-step-input1, .add-spare-step-input10, .add-spare-step-input9 {
    flex-wrap: wrap;
  }
}

.add-spare-step3-text79 {
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.add-spare-step3-arrow-narrow-left-icon5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-spare-step3-text-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  width: 237px;
  display: flex;
}

.add-spare-step3-step-icon-base16 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-spare-step3-step-title1 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-spare-step3-step-icon-base15, .add-spare-step3-step-title-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-step3-step-title-wrapper {
  flex-direction: column;
  flex: 1;
  padding: 2px 0 0;
}

.add-spare-step3-step-icon-base15 {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-spare-step3-connector15 {
  background-color: #7e56d9;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.add-spare-step3-connector-wrapper8 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.add-spare-step3-supporting-text25 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.add-spare-step3-frame-parent5, .add-spare-step3-step-base16 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-spare-step3-frame-parent5 {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  gap: 23px;
  margin-top: -2px;
  padding: 0 0 0 11px;
  font-size: 12px;
}

.add-spare-step3-step-base16 {
  flex-direction: column;
  align-items: flex-end;
  padding: 0 0 4px;
}

.add-spare-step3-step-icon-base18 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-spare-step3-connector17 {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.add-spare-step3-connector-wrap5, .add-spare-step3-connector-wrapper10 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-step3-connector-wrapper10 {
  flex-direction: row;
  flex: 1;
  padding: 0 11px;
}

.add-spare-step3-connector-wrap5 {
  flex-direction: column;
  align-self: stretch;
  gap: 4px;
  padding: 0 0 4px;
}

.add-spare-step3-supporting-text27 {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.add-spare-step3-step-base18, .add-spare-step3-text-and-supporting-text12 {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-step3-text-and-supporting-text12 {
  flex-direction: column;
  padding: 2px 0 24px;
}

.add-spare-step3-step-base18 {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-spare-step3-step-base15 {
  text-align: left;
  color: #344054;
  flex: 1;
  align-self: stretch;
  gap: 38px;
  margin: 0;
  font-family: Inter;
  font-size: 14px;
}

.add-spare-step3-add-spare-step-3-inner, .add-spare-step3-frame-parent4, .add-spare-step3-step-base15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-step3-frame-parent4 {
  flex: 1;
  align-self: stretch;
  gap: 16px;
}

.add-spare-step3-add-spare-step-3-inner {
  box-sizing: border-box;
  width: 250px;
  height: 412px;
  padding: 38px 0 0;
}

.add-spare-step3-hint-text46 {
  color: #475467;
  z-index: 1;
  width: 320px;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-spare-step3-content61 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.add-spare-step3-divider-icon14 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-spare-step3-section-header7 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-spare-step3-label45, .add-spare-step3-label46 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-spare-step3-label45 {
  color: inherit;
  min-width: 66px;
  text-decoration: none;
  display: inline-block;
}

.add-spare-step3-label46 {
  width: 77px;
  display: none;
}

.add-spare-step3-text82 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-spare-step3-input-with-label43, .add-spare-step3-input31 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-step3-input31 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step3-input-with-label43 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1014px;
  max-width: 199%;
}

.add-spare-step3-hint-text47 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-spare-step3-content62, .add-spare-step3-input-with-label42, .add-spare-step3-textarea-input-field7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-spare-step3-textarea-input-field7 {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.add-spare-step3-content62, .add-spare-step3-input-with-label42 {
  align-self: stretch;
  max-width: 100%;
}

.add-spare-step3-content62 {
  flex-flow: wrap;
  align-content: flex-start;
}

.add-spare-step3-input-with-label42 {
  flex-direction: column;
  gap: 6px;
}

.add-spare-step3-hint-text48 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-spare-step3-frame-section, .add-spare-step3-input-field34 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-spare-step3-input-field34 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.add-spare-step3-frame-section {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
}

.add-spare-step3-label47 {
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step3-input-field35 {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.add-spare-step3-label49, .add-spare-step3-label51 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-spare-step3-label49 {
  min-width: 83px;
  display: inline-block;
}

.add-spare-step3-label51 {
  min-width: 62px;
}

.add-spare-step3-label51, .add-spare-step3-label53, .add-spare-step3-label55 {
  display: inline-block;
}

.add-spare-step3-label53 {
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-spare-step3-label55 {
  min-width: 81px;
}

.add-spare-step3-label55, .add-spare-step3-label57 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-spare-step3-input-with-label55 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step3-hint-text59 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-spare-step3-content68 {
  color: #475467;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-spare-step3-label58 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step3-featured-icon5 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-spare-step3-placeholder-icon60 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-spare-step3-text88 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step3-buttonsbutton16 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.add-spare-step3-text89 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step3-action5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.add-spare-step3-pdf1 {
  font-weight: 600;
}

.add-spare-step3-supporting-text28 {
  text-align: center;
  color: #475467;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-spare-step3-text-and-supporting-text13 {
  gap: 4px;
}

.add-spare-step3-content69, .add-spare-step3-file-upload-base5, .add-spare-step3-text-and-supporting-text13 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.add-spare-step3-content69 {
  gap: 12px;
}

.add-spare-step3-file-upload-base5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.add-spare-step3-page-icon3 {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.add-spare-step3-file-type3 {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step3-file-type-wrap3 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.add-spare-step3-file-type-icon3 {
  width: 40px;
  height: 40px;
  position: relative;
}

.add-spare-step3-checkbox-base-icon3, .add-spare-step3-text90 {
  position: relative;
  overflow: hidden;
}

.add-spare-step3-text90 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.add-spare-step3-checkbox-base-icon3 {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.add-spare-step3-checkbox3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.add-spare-step3-supporting-text29, .add-spare-step3-text-parent1 {
  align-self: stretch;
  position: relative;
}

.add-spare-step3-text-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-spare-step3-supporting-text29 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  overflow: hidden;
}

.add-spare-step3-file-type-icon-parent, .add-spare-step3-frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-spare-step3-frame-parent7 {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 267px;
  font-size: 14px;
}

.add-spare-step3-file-type-icon-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-spare-step3-background3 {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.add-spare-step3-progress3 {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.add-spare-step3-progress-bar-wrapper, .add-spare-step3-progress-bar9 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-spare-step3-progress-bar9 {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  height: 8px;
  position: relative;
}

.add-spare-step3-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 235px;
  padding: 6px 0 0;
}

.add-spare-step3-percentage3 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step3-file-upload, .add-spare-step3-file-upload-item-base3, .add-spare-step3-progress-bar8 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.add-spare-step3-progress-bar8 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  font-size: 14px;
}

.add-spare-step3-file-upload, .add-spare-step3-file-upload-item-base3 {
  flex-direction: column;
}

.add-spare-step3-file-upload-item-base3 {
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  padding: 14px 15px;
  font-size: 10px;
}

.add-spare-step3-file-upload {
  align-items: flex-start;
  gap: 6px;
  width: 495px;
}

.add-spare-step3-text91 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-spare-step3-buttonsbutton17 {
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.add-spare-step3-button20, .add-spare-step3-buttonsbutton17, .add-spare-step3-text-padding24 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.add-spare-step3-text-padding24 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.add-spare-step3-button20 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-spare-step3-chevron-left-icon3, .add-spare-step3-placeholder-icon66 {
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.add-spare-step3-placeholder-icon66 {
  width: 20px;
  height: 20px;
  display: none;
}

.add-spare-step3-chevron-left-icon3 {
  width: 24px;
  height: 24px;
}

.add-spare-step3-text93 {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step3-button21, .add-spare-step3-text-padding25 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-spare-step3-button21 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step3-text94 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-spare-step3-button22 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step3-text95 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-spare-step3-actions6, .add-spare-step3-button23 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-spare-step3-button23 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-spare-step3-actions6 {
  justify-content: flex-end;
  gap: 12px;
  max-width: 100%;
}

.add-spare-step3-content70, .add-spare-step3-section-footer7, .add-spare-step3-section-footer8 {
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.add-spare-step3-content70 {
  flex-direction: row;
  justify-content: flex-end;
  gap: 20px;
}

.add-spare-step3-section-footer7, .add-spare-step3-section-footer8 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
}

.add-spare-step3-section-footer8 {
  gap: 20px;
}

.add-spare-step3-section-footer7 {
  color: #475467;
}

.add-spare-step3-add-spare-step-3, .add-spare-step3-section-header-group {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.add-spare-step3-section-header-group {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  min-width: 659px;
  max-width: 100%;
  font-size: 14px;
}

.add-spare-step3-add-spare-step-3 {
  box-sizing: border-box;
  letter-spacing: normal;
  color: #101828;
  background-color: #fff;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 128px;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1025px) {
  .add-spare-step3-actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .add-spare-step3-actions6 {
    flex-wrap: wrap;
  }

  .add-spare-step3-section-header-group {
    min-width: 100%;
  }

  .add-spare-step3-add-spare-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .add-spare-step3-textarea-input-field7 {
    max-width: 100%;
  }

  .add-spare-step3-content62, .add-spare-step3-content68 {
    gap: 16px;
  }

  .add-spare-step3-actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .add-spare-step3-step-base15 {
    gap: 19px;
  }

  .add-spare-step3-action5, .add-spare-step3-file-type-icon-parent, .add-spare-step3-progress-bar8 {
    flex-wrap: wrap;
  }

  .add-spare-step3-actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-spare-step3-add-spare-step-3 {
    gap: 32px;
  }
}

.add-wanted-device-forms-add-wanted-device-child, .add-wanted-device-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.add-wanted-device-forms-add-wanted-device-child {
  align-self: stretch;
  height: 4717px;
}

.add-wanted-device-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.add-wanted-device-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.add-wanted-device-logo, .add-wanted-device-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.5f2d40b9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.add-wanted-device-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.add-wanted-device-bar-chart-01-icon, .add-wanted-device-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.add-wanted-device-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.add-wanted-device-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-device-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.add-wanted-device-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.add-wanted-device-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-device-text2, .add-wanted-device-text3 {
  font-family: Inter;
  position: relative;
}

.add-wanted-device-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.add-wanted-device-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.add-wanted-device-badge1, .add-wanted-device-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.add-wanted-device-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.add-wanted-device-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-device-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-device-navigation, .add-wanted-device-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.add-wanted-device-navigation {
  z-index: 1;
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-family: Inter;
  font-size: 16px;
}

.add-wanted-device-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.add-wanted-device-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-wanted-device-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-input, .add-wanted-device-text6 {
  overflow: hidden;
}

.add-wanted-device-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.add-wanted-device-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-frame-group, .add-wanted-device-frame-parent, .add-wanted-device-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.add-wanted-device-frame-group, .add-wanted-device-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.add-wanted-device-frame-group {
  flex: 1;
  gap: 38px;
}

.add-wanted-device-frame-parent {
  gap: 70px;
  width: 754px;
}

.add-wanted-device-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.add-wanted-device-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.add-wanted-device-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.add-wanted-device-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.add-wanted-device-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.add-wanted-device-avatar {
  z-index: 1;
  background-image: url("avatar@3x.e955d562.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-wanted-device-avatar-button-parent, .add-wanted-device-rectangle-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.add-wanted-device-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 14px;
  position: sticky;
  top: 0;
}

.add-wanted-device-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-buttonsbutton {
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 218px;
  overflow: hidden;
  margin: 0 !important;
}

.add-wanted-device-arrow-narrow-left-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-step-icon-base {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-connector {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.add-wanted-device-supporting-text {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-step-base, .add-wanted-device-text-and-supporting-text {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-text-and-supporting-text {
  flex-direction: column;
  padding: 2px 0 24px;
}

.add-wanted-device-step-base {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-wanted-device-step-icon-base1 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-step-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.add-wanted-device-connector1 {
  background-color: #eaecf0;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.add-wanted-device-supporting-text1 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-form, .add-wanted-device-step-base1, .add-wanted-device-steps {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-wanted-device-step-base1 {
  align-items: flex-end;
  padding: 0 0 4px;
}

.add-wanted-device-form, .add-wanted-device-steps {
  align-items: flex-start;
}

.add-wanted-device-steps {
  z-index: 1;
  color: #344054;
  gap: 38px;
  font-size: 14px;
}

.add-wanted-device-form {
  gap: 16px;
  padding: 0 0 226px;
}

.add-wanted-device-text10 {
  z-index: 2;
  flex: 1;
  margin-left: -208px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.add-wanted-device-arrow-narrow-left-icon1, .add-wanted-device-arrow-narrow-left-icon2 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.add-wanted-device-arrow-narrow-left-icon2 {
  z-index: 2;
}

.add-wanted-device-arrow-narrow-left-parent {
  width: 24px;
  height: 24px;
  position: relative;
}

.add-wanted-device-connector3, .add-wanted-device-step-icon-base3 {
  display: none;
  position: relative;
}

.add-wanted-device-step-icon-base3 {
  z-index: 1;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.add-wanted-device-connector3 {
  z-index: 2;
  background-color: #7e56d9;
  border-radius: 2px;
  width: 2px;
  height: 54px;
}

.add-wanted-device-step-two-number, .add-wanted-device-text11 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-text11 {
  margin-left: -214px;
}

.add-wanted-device-step-two-title {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-supporting-text3, .add-wanted-device-supporting-text4 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-supporting-text4 {
  margin-top: -40px;
}

.add-wanted-device-step-base3, .add-wanted-device-step-two-description {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-step-base3 {
  flex-direction: row;
  align-self: stretch;
}

.add-wanted-device-step-base5 {
  flex-direction: row;
  gap: 12px;
}

.add-wanted-device-step-base5, .add-wanted-device-step-base6, .add-wanted-device-step-three {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-step-base6 {
  flex-direction: row;
  gap: 12px;
  margin-top: -86px;
}

.add-wanted-device-step-three {
  color: #6941c6;
  flex-direction: column;
}

.add-wanted-device-connector7 {
  z-index: 2;
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 54px;
  display: none;
  position: relative;
}

.add-wanted-device-step-two, .add-wanted-device-step-two-details {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-step-two-details {
  z-index: 2;
  flex-direction: column;
  gap: 38px;
}

.add-wanted-device-step-two {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  font-size: 14px;
}

.add-wanted-device-form-parent {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  gap: 700px;
}

.add-wanted-device-breadcrumb-button-base, .add-wanted-device-form-parent, .add-wanted-device-progress-steps {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-progress-steps {
  box-sizing: border-box;
  flex-direction: column;
  width: 250px;
  height: max-content;
  padding: 36px 0 0;
}

.add-wanted-device-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  padding: 4px;
}

.add-wanted-device-text18 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-wanted-device-button1, .add-wanted-device-button2 {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.add-wanted-device-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.add-wanted-device-actions, .add-wanted-device-button2, .add-wanted-device-button3 {
  flex-direction: row;
  align-items: center;
}

.add-wanted-device-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-button4, .add-wanted-device-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-wanted-device-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-main-child, .add-wanted-device-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.add-wanted-device-main-item {
  height: 43px;
}

.add-wanted-device-main {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  height: 149px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.add-wanted-device-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-wanted-device-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-wanted-device-hint-text1 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-wanted-device-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-hint-text9 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-wanted-device-divider, .add-wanted-device-uploads-title {
  align-self: stretch;
  position: relative;
}

.add-wanted-device-divider {
  z-index: 1;
  background-color: #eaecf0;
  height: 1px;
}

.add-wanted-device-text37 {
  color: #344054;
  text-align: center;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-content24 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-wanted-device-x-close-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-tag-close-x {
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.add-wanted-device-tag {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 66px;
  padding: 0 3px 0 4px;
  display: flex;
}

.add-wanted-device-text38 {
  color: #344054;
  text-align: center;
  min-width: 54px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-tag1, .add-wanted-device-tags {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-wanted-device-tag1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  gap: 3px;
  padding: 0 3px 0 4px;
}

.add-wanted-device-tags {
  justify-content: flex-start;
  gap: 6px;
  width: 154px;
}

.add-wanted-device-tags-placeholder {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 27px;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-content23 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-text42 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-text43 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-button8 {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-wanted-device-section-footer {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-arrows-down-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-text45 {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-buttonsbutton-wrapper, .add-wanted-device-buttonsbutton2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-buttonsbutton-wrapper {
  justify-content: center;
  align-self: stretch;
  padding: 0 21px 0 20px;
}

.add-wanted-device-label18 {
  text-align: left;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-file-button-labels {
  color: #475467;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-text48 {
  color: #475467;
  text-align: left;
  min-width: 49px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-text53 {
  text-align: left;
  color: #344054;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-label24 {
  color: #344054;
  min-width: 66px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.add-wanted-device-label24, .add-wanted-device-label25, .add-wanted-device-text56 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.add-wanted-device-label25 {
  color: #344054;
  width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.add-wanted-device-text56 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.add-wanted-device-input-with-label23, .add-wanted-device-input21 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-input21 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-input-with-label23 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1014px;
  max-width: 199%;
}

.add-wanted-device-hint-text22 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-content42, .add-wanted-device-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.add-wanted-device-content42 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.add-wanted-device-label26 {
  max-width: 100%;
  display: inline-block;
}

.add-wanted-device-label26, .add-wanted-device-label28, .add-wanted-device-label30 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-label28 {
  min-width: 83px;
  display: inline-block;
}

.add-wanted-device-label30 {
  min-width: 62px;
}

.add-wanted-device-label30, .add-wanted-device-label32, .add-wanted-device-label34 {
  display: inline-block;
}

.add-wanted-device-label32 {
  color: #344054;
  text-align: left;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-label34 {
  min-width: 81px;
}

.add-wanted-device-label34, .add-wanted-device-label36 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-input-with-label35 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-label37, .add-wanted-device-pdf {
  font-family: Inter;
}

.add-wanted-device-label37 {
  color: #344054;
  text-align: left;
  z-index: 1;
  min-width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-pdf {
  color: #475467;
  font-weight: 600;
}

.add-wanted-device-supporting-text16 {
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-wanted-device-final-upload-item-content {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-final-upload-wrapper, .add-wanted-device-progress-bar3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-progress-bar3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 11px;
  width: 411px;
}

.add-wanted-device-final-upload-wrapper {
  flex-direction: column;
  gap: 6px;
  width: 495px;
}

.add-wanted-device-text67 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-device-button15 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-text68 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-actions4, .add-wanted-device-button16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.add-wanted-device-button16 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-actions4 {
  flex-wrap: wrap;
  place-content: center flex-end;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 673px;
}

.add-wanted-device-body, .add-wanted-device-section-header-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  margin: 0;
}

.add-wanted-device-body {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 31px 0 32px;
}

.add-wanted-device-content5, .add-wanted-device-progress-container {
  justify-content: flex-start;
  display: flex;
}

.add-wanted-device-content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: 95%;
  padding-bottom: 40px;
  font-size: 14px;
}

.add-wanted-device-progress-container {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
}

.add-wanted-device-supporting-text18, .add-wanted-device-title1 {
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-title1 {
  font-weight: 600;
}

.add-wanted-device-supporting-text18 {
  color: #475467;
  white-space: nowrap;
}

.add-wanted-device-title-container-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 222px;
  padding: 0 4px;
  font-size: 14px;
}

.add-wanted-device-bottom-actions, .add-wanted-device-content-parent, .add-wanted-device-progress-container-parent, .add-wanted-device-title-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-progress-container-parent {
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  height: max-content;
  overflow-y: scroll;
}

.add-wanted-device-bottom-actions, .add-wanted-device-content-parent {
  flex-direction: row;
}

.add-wanted-device-bottom-actions {
  text-align: left;
  color: #101828;
  flex: 1;
  max-width: calc(100% - 96px);
  font-family: Inter;
  font-size: 16px;
  position: relative;
}

.add-wanted-device-content-parent {
  align-self: stretch;
  gap: 16px;
  max-width: 100%;
}

.add-wanted-device-forms-add-wanted-device-custom-margin {
  margin-top: 0 !important;
}

.add-wanted-device-forms-add-wanted-device {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-wanted-device-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-device-progress-steps {
    display: none;
  }

  .add-wanted-device-main {
    height: auto;
  }

  .add-wanted-device-content23 {
    flex-wrap: wrap;
  }

  .add-wanted-device-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-wanted-device-content5 {
    max-width: 100%;
  }

  .add-wanted-device-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-wanted-device-frame-group {
    gap: 19px;
  }

  .add-wanted-device-frame-parent {
    gap: 35px;
  }

  .add-wanted-device-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-wanted-device-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-wanted-device-main {
    gap: 16px;
  }

  .add-wanted-device-content22, .add-wanted-device-content39 {
    min-width: 100%;
  }

  .add-wanted-device-textarea-input-field {
    max-width: 100%;
  }

  .add-wanted-device-content42 {
    gap: 16px;
  }

  .add-wanted-device-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-wanted-device-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-device-frame-parent {
    gap: 17px;
  }

  .add-wanted-device-step-two, .add-wanted-device-step-two-details, .add-wanted-device-steps {
    gap: 19px;
  }

  .add-wanted-device-form-parent {
    gap: 350px;
  }

  .add-wanted-device-action, .add-wanted-device-first-upload-item-content, .add-wanted-device-input1, .add-wanted-device-input10, .add-wanted-device-input9, .add-wanted-device-progress-bar {
    flex-wrap: wrap;
  }

  .add-wanted-device-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-device-progress-container-parent {
    gap: 49px;
  }
}

.add-wanted-device-step-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  margin: 0;
  display: flex;
}

.add-wanted-device-step-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-wanted-device-step-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-step-input-field-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-first-upload-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-label1 {
  text-align: left;
  min-width: 127px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-transaction-type {
  color: #344054;
}

.add-wanted-device-step-span {
  color: #f04438;
}

.add-wanted-device-step-input1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-step-content8 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 295px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-device-step-text-input {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-first-nested-input {
  text-align: left;
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-step-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 9px 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-device-step-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-step-label2 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-step-your-role-in {
  color: #344054;
  white-space: pre-wrap;
}

.add-wanted-device-step-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-label5 {
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-input5 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-step-content12 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-wanted-device-step-label6 {
  text-align: left;
  min-width: 62px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-label7 {
  color: #344054;
  text-align: left;
  min-width: 100px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-label8 {
  color: #344054;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-single-input-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-single-input {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-label9 {
  text-align: left;
  z-index: 1;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-step-input9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-step-content16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 159px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-device-step-text-input5 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.add-wanted-device-step-leading-text, .add-wanted-device-step-text34 {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.add-wanted-device-step-leading-text {
  color: #344054;
  min-width: 11px;
  display: inline-block;
}

.add-wanted-device-step-text34 {
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.add-wanted-device-step-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.add-wanted-device-step-dropdown5 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px 0;
  width: 78px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-device-step-dropdown-text {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-input-field8 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-input-with-label9, .add-wanted-device-step-input10 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-wanted-device-step-input10 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  row-gap: 20px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-step-input-with-label9 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.add-wanted-device-step-label10 {
  text-align: left;
  min-width: 118px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-content17 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 183px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-device-step-step-title {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-step-content18 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 193px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-wanted-device-step-nested-input-fields, .add-wanted-device-step-nested-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-nested-input-fields {
  z-index: 1;
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 24px;
}

.add-wanted-device-step-nested-inputs {
  box-sizing: border-box;
  align-self: stretch;
  padding: 0 0 12px;
}

.add-wanted-device-step-label12 {
  text-align: left;
  min-width: 73px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-label13 {
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-input-tags {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-section-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-divider {
  z-index: 1;
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.add-wanted-device-step-content-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-text-and-supporting-text5 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-uploads-title {
  color: #101828;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.add-wanted-device-step-dropdown9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.add-wanted-device-step-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-step-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-input14 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: center flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-step-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 633px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-device-step-input-field13 {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-label15 {
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-label16 {
  text-align: left;
  min-width: 129px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-actions2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-button9 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-step-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-step-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-step-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-wanted-device-step-text44 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: contents;
  position: relative;
}

.add-wanted-device-step-first-upload-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-label20 {
  z-index: 1;
  text-align: left;
  min-width: 116px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-file-upload-base {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
  display: flex;
}

.add-wanted-device-step-content36 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.add-wanted-device-step-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-wanted-device-step-text-and-supporting-text6 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.add-wanted-device-step-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.add-wanted-device-step-buttonsbutton3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.add-wanted-device-step-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-step-text46 {
  color: #6941c6;
  text-align: left;
  min-width: 101px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-text47 {
  color: #475467;
  text-align: left;
  min-width: 112px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-supporting-text13 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-wanted-device-step-file-upload-item-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  max-width: 100%;
  padding: 14px 15px;
  display: flex;
}

.add-wanted-device-step-first-upload-item-content, .add-wanted-device-step-first-upload-item-info {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-first-upload-item-info {
  flex-direction: column;
  flex: 1;
  min-width: 267px;
}

.add-wanted-device-step-first-upload-item-content {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-wanted-device-step-file-type-icon {
  width: 40px;
  height: 40px;
  position: relative;
}

.add-wanted-device-step-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.add-wanted-device-step-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.add-wanted-device-step-first-upload-item-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.add-wanted-device-step-first-upload-item {
  color: #344054;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-step-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-step-checkbox {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.add-wanted-device-step-supporting-text14 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-device-step-progress-bar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-final-upload-progress-bar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 235px;
  max-width: 100%;
  padding: 6px 0 0;
  display: flex;
}

.add-wanted-device-step-progress-bar2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  height: 8px;
  display: flex;
  position: relative;
}

.add-wanted-device-step-background {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.add-wanted-device-step-progress {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.add-wanted-device-step-percentage {
  color: #344054;
  text-align: left;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.add-wanted-device-step-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.add-wanted-device-step-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.add-wanted-device-step-file-upload-base1, .add-wanted-device-step-input-field19 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.add-wanted-device-step-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
}

.add-wanted-device-step-input-field19 {
  z-index: 1;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
}

.add-wanted-device-step-label22 {
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.add-wanted-device-step-content7 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.add-wanted-device-step-input20 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-step-content39 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 630px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-device-step-dropdown13 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-device-step-hint-text21 {
  text-align: left;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-wanted-device-step-add-it, .add-wanted-device-step-cant-find-an {
  color: #475467;
  font-family: Inter;
}

.add-wanted-device-step-add-it {
  color: #7e56d9;
  font-weight: 600;
}

.add-wanted-device-step-section-footer1, .add-wanted-device-step-section-footer2 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 0 0 742px;
}

.add-wanted-device-step-section-footer1, .add-wanted-device-step-section-footer2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
}

.add-wanted-device-step-section-footer2 {
  gap: 20px;
}

.add-wanted-device-step-section-footer1 {
  z-index: 1;
}

.add-wanted-device-step-content31 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-device-step-content31-custom-padding {
  padding-top: 20px !important;
}

.add-wanted-device-step-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.add-wanted-device-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 742px;
  display: flex;
}

.add-wanted-device-step-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-device-step-3-inner, .frame-parent4, .step-base15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-device-step-3-inner {
  box-sizing: border-box;
  width: 250px;
  height: 412px;
  padding: 38px 0 0;
}

.add-wanted-device-step-3, .section-header-group {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.add-wanted-device-step-3 {
  box-sizing: border-box;
  letter-spacing: normal;
  color: #101828;
  background-color: #fff;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 128px;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-wanted-device-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-device-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-device-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-wanted-device-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-wanted-device-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-device-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-device-step-first-upload-item-content, .add-wanted-device-step-action, .add-wanted-device-step-input1, .add-wanted-device-step-input10, .add-wanted-device-step-input9 {
    flex-wrap: wrap;
  }
}

.add-wanted-service-forms-add-wanted-service-child, .add-wanted-service-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.add-wanted-service-forms-add-wanted-service-child {
  align-self: stretch;
  height: 4717px;
}

.add-wanted-service-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.add-wanted-service-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.add-wanted-service-logo, .add-wanted-service-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.5f2d40b9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.add-wanted-service-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.add-wanted-service-bar-chart-01-icon, .add-wanted-service-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.add-wanted-service-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.add-wanted-service-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-service-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.add-wanted-service-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.add-wanted-service-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-service-text2, .add-wanted-service-text3 {
  font-family: Inter;
  position: relative;
}

.add-wanted-service-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.add-wanted-service-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.add-wanted-service-badge1, .add-wanted-service-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.add-wanted-service-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.add-wanted-service-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-service-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-service-navigation, .add-wanted-service-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.add-wanted-service-navigation {
  z-index: 1;
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-family: Inter;
  font-size: 16px;
}

.add-wanted-service-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.add-wanted-service-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-wanted-service-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-input, .add-wanted-service-text6 {
  overflow: hidden;
}

.add-wanted-service-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.add-wanted-service-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-frame-group, .add-wanted-service-frame-parent, .add-wanted-service-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.add-wanted-service-frame-group, .add-wanted-service-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.add-wanted-service-frame-group {
  flex: 1;
  gap: 38px;
}

.add-wanted-service-frame-parent {
  gap: 70px;
  width: 754px;
}

.add-wanted-service-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.add-wanted-service-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.add-wanted-service-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.add-wanted-service-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.add-wanted-service-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.add-wanted-service-avatar {
  z-index: 1;
  background-image: url("avatar@3x.e955d562.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-wanted-service-avatar-button-parent, .add-wanted-service-rectangle-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.add-wanted-service-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 14px;
  position: sticky;
  top: 0;
}

.add-wanted-service-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-buttonsbutton {
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 218px;
  overflow: hidden;
  margin: 0 !important;
}

.add-wanted-service-arrow-narrow-left-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-step-icon-base {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-connector {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.add-wanted-service-supporting-text {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-step-base, .add-wanted-service-text-and-supporting-text {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-text-and-supporting-text {
  flex-direction: column;
  padding: 2px 0 24px;
}

.add-wanted-service-step-base {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-wanted-service-step-icon-base1 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-step-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.add-wanted-service-connector1 {
  background-color: #eaecf0;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.add-wanted-service-supporting-text1 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-form, .add-wanted-service-step-base1, .add-wanted-service-steps {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-wanted-service-step-base1 {
  align-items: flex-end;
  padding: 0 0 4px;
}

.add-wanted-service-form, .add-wanted-service-steps {
  align-items: flex-start;
}

.add-wanted-service-steps {
  z-index: 1;
  color: #344054;
  gap: 38px;
  font-size: 14px;
}

.add-wanted-service-form {
  gap: 16px;
  padding: 0 0 226px;
}

.add-wanted-service-text10 {
  z-index: 2;
  flex: 1;
  margin-left: -208px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.add-wanted-service-arrow-narrow-left-icon1, .add-wanted-service-arrow-narrow-left-icon2 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.add-wanted-service-arrow-narrow-left-icon2 {
  z-index: 2;
}

.add-wanted-service-arrow-narrow-left-parent {
  width: 24px;
  height: 24px;
  position: relative;
}

.add-wanted-service-connector3, .add-wanted-service-step-icon-base3 {
  display: none;
  position: relative;
}

.add-wanted-service-step-icon-base3 {
  z-index: 1;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.add-wanted-service-connector3 {
  z-index: 2;
  background-color: #7e56d9;
  border-radius: 2px;
  width: 2px;
  height: 54px;
}

.add-wanted-service-step-two-number, .add-wanted-service-text11 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-text11 {
  margin-left: -214px;
}

.add-wanted-service-step-two-title {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-supporting-text3, .add-wanted-service-supporting-text4 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-supporting-text4 {
  margin-top: -40px;
}

.add-wanted-service-step-base3, .add-wanted-service-step-two-description {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-step-base3 {
  flex-direction: row;
  align-self: stretch;
}

.add-wanted-service-step-base5 {
  flex-direction: row;
  gap: 12px;
}

.add-wanted-service-step-base5, .add-wanted-service-step-base6, .add-wanted-service-step-three {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-step-base6 {
  flex-direction: row;
  gap: 12px;
  margin-top: -86px;
}

.add-wanted-service-step-three {
  color: #6941c6;
  flex-direction: column;
}

.add-wanted-service-connector7 {
  z-index: 2;
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 54px;
  display: none;
  position: relative;
}

.add-wanted-service-step-two, .add-wanted-service-step-two-details {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-step-two-details {
  z-index: 2;
  flex-direction: column;
  gap: 38px;
}

.add-wanted-service-step-two {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  font-size: 14px;
}

.add-wanted-service-form-parent {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  gap: 700px;
}

.add-wanted-service-breadcrumb-button-base, .add-wanted-service-form-parent, .add-wanted-service-progress-steps {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-progress-steps {
  box-sizing: border-box;
  flex-direction: column;
  width: 250px;
  height: max-content;
  padding: 36px 0 0;
}

.add-wanted-service-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  padding: 4px;
}

.add-wanted-service-text18 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-wanted-service-button1, .add-wanted-service-button2 {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.add-wanted-service-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.add-wanted-service-actions, .add-wanted-service-button2, .add-wanted-service-button3 {
  flex-direction: row;
  align-items: center;
}

.add-wanted-service-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-button4, .add-wanted-service-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-wanted-service-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-main-child, .add-wanted-service-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.add-wanted-service-main-item {
  height: 43px;
}

.add-wanted-service-main {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  height: 149px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.add-wanted-service-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-wanted-service-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-wanted-service-hint-text1 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-wanted-service-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-hint-text9 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-wanted-service-divider, .add-wanted-service-uploads-title {
  align-self: stretch;
  position: relative;
}

.add-wanted-service-divider {
  z-index: 1;
  background-color: #eaecf0;
  height: 1px;
}

.add-wanted-service-text37 {
  color: #344054;
  text-align: center;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-content24 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-wanted-service-x-close-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-tag-close-x {
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.add-wanted-service-tag {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 66px;
  padding: 0 3px 0 4px;
  display: flex;
}

.add-wanted-service-text38 {
  color: #344054;
  text-align: center;
  min-width: 54px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-tag1, .add-wanted-service-tags {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-wanted-service-tag1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  gap: 3px;
  padding: 0 3px 0 4px;
}

.add-wanted-service-tags {
  justify-content: flex-start;
  gap: 6px;
  width: 154px;
}

.add-wanted-service-tags-placeholder {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 27px;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-content23 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-text42 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-text43 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-button8 {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-wanted-service-section-footer {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-arrows-down-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-text45 {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-buttonsbutton-wrapper, .add-wanted-service-buttonsbutton2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-buttonsbutton-wrapper {
  justify-content: center;
  align-self: stretch;
  padding: 0 21px 0 20px;
}

.add-wanted-service-label18 {
  text-align: left;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-file-button-labels {
  color: #475467;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-text48 {
  color: #475467;
  text-align: left;
  min-width: 49px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-text53 {
  text-align: left;
  color: #344054;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-label24 {
  color: #344054;
  min-width: 66px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.add-wanted-service-label24, .add-wanted-service-label25, .add-wanted-service-text56 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.add-wanted-service-label25 {
  color: #344054;
  width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.add-wanted-service-text56 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.add-wanted-service-input-with-label23, .add-wanted-service-input21 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-input21 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-input-with-label23 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1014px;
  max-width: 199%;
}

.add-wanted-service-hint-text22 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-content42, .add-wanted-service-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.add-wanted-service-content42 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.add-wanted-service-label26 {
  max-width: 100%;
  display: inline-block;
}

.add-wanted-service-label26, .add-wanted-service-label28, .add-wanted-service-label30 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-label28 {
  min-width: 83px;
  display: inline-block;
}

.add-wanted-service-label30 {
  min-width: 62px;
}

.add-wanted-service-label30, .add-wanted-service-label32, .add-wanted-service-label34 {
  display: inline-block;
}

.add-wanted-service-label32 {
  color: #344054;
  text-align: left;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-label34 {
  min-width: 81px;
}

.add-wanted-service-label34, .add-wanted-service-label36 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-input-with-label35 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-label37, .add-wanted-service-pdf {
  font-family: Inter;
}

.add-wanted-service-label37 {
  color: #344054;
  text-align: left;
  z-index: 1;
  min-width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-pdf {
  color: #475467;
  font-weight: 600;
}

.add-wanted-service-supporting-text16 {
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-wanted-service-final-upload-item-content {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-final-upload-wrapper, .add-wanted-service-progress-bar3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-progress-bar3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 11px;
  width: 411px;
}

.add-wanted-service-final-upload-wrapper {
  flex-direction: column;
  gap: 6px;
  width: 495px;
}

.add-wanted-service-text67 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-service-button15 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-text68 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-actions4, .add-wanted-service-button16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.add-wanted-service-button16 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-actions4 {
  flex-wrap: wrap;
  place-content: center flex-end;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 673px;
}

.add-wanted-service-body, .add-wanted-service-section-header-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  margin: 0;
}

.add-wanted-service-body {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 31px 0 32px;
}

.add-wanted-service-content5, .add-wanted-service-progress-container {
  justify-content: flex-start;
  display: flex;
}

.add-wanted-service-content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: 95%;
  padding-bottom: 40px;
  font-size: 14px;
}

.add-wanted-service-progress-container {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
}

.add-wanted-service-supporting-text18, .add-wanted-service-title1 {
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-title1 {
  font-weight: 600;
}

.add-wanted-service-supporting-text18 {
  color: #475467;
  white-space: nowrap;
}

.add-wanted-service-title-container-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 222px;
  padding: 0 4px;
  font-size: 14px;
}

.add-wanted-service-bottom-actions, .add-wanted-service-content-parent, .add-wanted-service-progress-container-parent, .add-wanted-service-title-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-progress-container-parent {
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  height: max-content;
  overflow-y: scroll;
}

.add-wanted-service-bottom-actions, .add-wanted-service-content-parent {
  flex-direction: row;
}

.add-wanted-service-bottom-actions {
  text-align: left;
  color: #101828;
  flex: 1;
  max-width: calc(100% - 96px);
  font-family: Inter;
  font-size: 16px;
  position: relative;
}

.add-wanted-service-content-parent {
  align-self: stretch;
  gap: 16px;
  max-width: 100%;
}

.add-wanted-service-forms-add-wanted-service {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: relative;
}

.add-wanted-service-forms-add-wanted-service-custom-margin {
  margin-top: 0 !important;
}

@media screen and (width <= 1275px) {
  .add-wanted-service-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-service-progress-steps {
    display: none;
  }

  .add-wanted-service-main {
    height: auto;
  }

  .add-wanted-service-content23 {
    flex-wrap: wrap;
  }

  .add-wanted-service-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-wanted-service-content5 {
    max-width: 100%;
  }

  .add-wanted-service-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-wanted-service-frame-group {
    gap: 19px;
  }

  .add-wanted-service-frame-parent {
    gap: 35px;
  }

  .add-wanted-service-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-wanted-service-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-wanted-service-main {
    gap: 16px;
  }

  .add-wanted-service-content22, .add-wanted-service-content39 {
    min-width: 100%;
  }

  .add-wanted-service-textarea-input-field {
    max-width: 100%;
  }

  .add-wanted-service-content42 {
    gap: 16px;
  }

  .add-wanted-service-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-wanted-service-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-service-frame-parent {
    gap: 17px;
  }

  .add-wanted-service-step-two, .add-wanted-service-step-two-details, .add-wanted-service-steps {
    gap: 19px;
  }

  .add-wanted-service-form-parent {
    gap: 350px;
  }

  .add-wanted-service-action, .add-wanted-service-first-upload-item-content, .add-wanted-service-input1, .add-wanted-service-input10, .add-wanted-service-input9, .add-wanted-service-progress-bar {
    flex-wrap: wrap;
  }

  .add-wanted-service-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-service-progress-container-parent {
    gap: 49px;
  }
}

.add-wanted-service-step-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  margin: 0;
  display: flex;
}

.add-wanted-service-step-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-wanted-service-step-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-step-input-field-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-first-upload-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-label1 {
  text-align: left;
  min-width: 127px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-transaction-type {
  color: #344054;
}

.add-wanted-service-step-span {
  color: #f04438;
}

.add-wanted-service-step-input1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-step-content8 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 295px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-service-step-text-input {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-first-nested-input {
  text-align: left;
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-step-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 9px 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-service-step-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-step-label2 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-step-your-role-in {
  color: #344054;
  white-space: pre-wrap;
}

.add-wanted-service-step-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-label5 {
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-input5 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-step-content12 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-wanted-service-step-label6 {
  text-align: left;
  min-width: 62px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-label7 {
  color: #344054;
  text-align: left;
  min-width: 100px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-label8 {
  color: #344054;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-single-input-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-single-input {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-label9 {
  text-align: left;
  z-index: 1;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-step-input9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-step-content16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 159px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-service-step-text-input5 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.add-wanted-service-step-leading-text, .add-wanted-service-step-text34 {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.add-wanted-service-step-leading-text {
  color: #344054;
  min-width: 11px;
  display: inline-block;
}

.add-wanted-service-step-text34 {
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.add-wanted-service-step-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.add-wanted-service-step-dropdown5 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px 0;
  width: 78px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-service-step-dropdown-text {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-input-field8 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-input-with-label9, .add-wanted-service-step-input10 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-wanted-service-step-input10 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  row-gap: 20px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-step-input-with-label9 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.add-wanted-service-step-label10 {
  text-align: left;
  min-width: 118px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-content17 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 183px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-service-step-step-title {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-step-content18 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 193px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-wanted-service-step-nested-input-fields, .add-wanted-service-step-nested-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-nested-input-fields {
  z-index: 1;
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 24px;
}

.add-wanted-service-step-nested-inputs {
  box-sizing: border-box;
  align-self: stretch;
  padding: 0 0 12px;
}

.add-wanted-service-step-label12 {
  text-align: left;
  min-width: 73px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-label13 {
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-input-tags {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-section-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-divider {
  z-index: 1;
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.add-wanted-service-step-content-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-text-and-supporting-text5 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-uploads-title {
  color: #101828;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.add-wanted-service-step-dropdown9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.add-wanted-service-step-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-step-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-input14 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: center flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-step-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 633px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-service-step-input-field13 {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-label15 {
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-label16 {
  text-align: left;
  min-width: 129px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-actions2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-button9 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-step-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-step-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-step-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-wanted-service-step-text44 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: contents;
  position: relative;
}

.add-wanted-service-step-first-upload-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-label20 {
  z-index: 1;
  text-align: left;
  min-width: 116px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-file-upload-base {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
  display: flex;
}

.add-wanted-service-step-content36 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.add-wanted-service-step-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-wanted-service-step-text-and-supporting-text6 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.add-wanted-service-step-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.add-wanted-service-step-buttonsbutton3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.add-wanted-service-step-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-step-text46 {
  color: #6941c6;
  text-align: left;
  min-width: 101px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-text47 {
  color: #475467;
  text-align: left;
  min-width: 112px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-supporting-text13 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-wanted-service-step-file-upload-item-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  max-width: 100%;
  padding: 14px 15px;
  display: flex;
}

.add-wanted-service-step-first-upload-item-content, .add-wanted-service-step-first-upload-item-info {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-first-upload-item-info {
  flex-direction: column;
  flex: 1;
  min-width: 267px;
}

.add-wanted-service-step-first-upload-item-content {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-wanted-service-step-file-type-icon {
  width: 40px;
  height: 40px;
  position: relative;
}

.add-wanted-service-step-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.add-wanted-service-step-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.add-wanted-service-step-first-upload-item-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.add-wanted-service-step-first-upload-item {
  color: #344054;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-step-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-step-checkbox {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.add-wanted-service-step-supporting-text14 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-service-step-progress-bar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-final-upload-progress-bar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 235px;
  max-width: 100%;
  padding: 6px 0 0;
  display: flex;
}

.add-wanted-service-step-progress-bar2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  height: 8px;
  display: flex;
  position: relative;
}

.add-wanted-service-step-background {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.add-wanted-service-step-progress {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.add-wanted-service-step-percentage {
  color: #344054;
  text-align: left;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.add-wanted-service-step-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.add-wanted-service-step-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.add-wanted-service-step-file-upload-base1, .add-wanted-service-step-input-field19 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.add-wanted-service-step-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
}

.add-wanted-service-step-input-field19 {
  z-index: 1;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
}

.add-wanted-service-step-label22 {
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.add-wanted-service-step-content7 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.add-wanted-service-step-input20 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-step-content39 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 630px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-service-step-dropdown13 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-service-step-hint-text21 {
  text-align: left;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-wanted-service-step-add-it, .add-wanted-service-step-cant-find-an {
  color: #475467;
  font-family: Inter;
}

.add-wanted-service-step-add-it {
  color: #7e56d9;
  font-weight: 600;
}

.add-wanted-service-step-section-footer1, .add-wanted-service-step-section-footer2 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 0 0 742px;
}

.add-wanted-service-step-section-footer1, .add-wanted-service-step-section-footer2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
}

.add-wanted-service-step-section-footer2 {
  gap: 20px;
}

.add-wanted-service-step-section-footer1 {
  z-index: 1;
}

.add-wanted-service-step-content31 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-service-step-content31-custom-margin {
  margin-top: 20px;
}

.add-wanted-service-step-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.add-wanted-service-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 742px;
  display: flex;
}

.add-wanted-service-step-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-service-step-3-inner, .frame-parent4, .step-base15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-service-step-3-inner {
  box-sizing: border-box;
  width: 250px;
  height: 412px;
  padding: 38px 0 0;
}

.add-wanted-service-step-3, .section-header-group {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.add-wanted-service-step-3 {
  box-sizing: border-box;
  letter-spacing: normal;
  color: #101828;
  background-color: #fff;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 128px;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-wanted-service-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-service-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-service-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-wanted-service-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-wanted-service-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-service-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-service-step-first-upload-item-content, .add-wanted-service-step-action, .add-wanted-service-step-input1, .add-wanted-service-step-input10, .add-wanted-service-step-input9 {
    flex-wrap: wrap;
  }
}

.add-wanted-software-forms-add-wanted-software-child, .add-wanted-software-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.add-wanted-software-forms-add-wanted-software-child {
  align-self: stretch;
  height: 4717px;
}

.add-wanted-software-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.add-wanted-software-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.add-wanted-software-logo, .add-wanted-software-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.5f2d40b9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.add-wanted-software-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.add-wanted-software-bar-chart-01-icon, .add-wanted-software-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.add-wanted-software-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.add-wanted-software-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-software-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.add-wanted-software-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.add-wanted-software-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-software-text2, .add-wanted-software-text3 {
  font-family: Inter;
  position: relative;
}

.add-wanted-software-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.add-wanted-software-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.add-wanted-software-badge1, .add-wanted-software-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.add-wanted-software-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.add-wanted-software-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-software-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-software-navigation, .add-wanted-software-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.add-wanted-software-navigation {
  z-index: 1;
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-family: Inter;
  font-size: 16px;
}

.add-wanted-software-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.add-wanted-software-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-wanted-software-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-input, .add-wanted-software-text6 {
  overflow: hidden;
}

.add-wanted-software-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.add-wanted-software-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-frame-group, .add-wanted-software-frame-parent, .add-wanted-software-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.add-wanted-software-frame-group, .add-wanted-software-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.add-wanted-software-frame-group {
  flex: 1;
  gap: 38px;
}

.add-wanted-software-frame-parent {
  gap: 70px;
  width: 754px;
}

.add-wanted-software-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.add-wanted-software-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.add-wanted-software-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.add-wanted-software-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.add-wanted-software-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.add-wanted-software-avatar {
  z-index: 1;
  background-image: url("avatar@3x.e955d562.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-wanted-software-avatar-button-parent, .add-wanted-software-rectangle-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.add-wanted-software-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 14px;
  position: sticky;
  top: 0;
}

.add-wanted-software-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-buttonsbutton {
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 218px;
  overflow: hidden;
  margin: 0 !important;
}

.add-wanted-software-arrow-narrow-left-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-step-icon-base {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-connector {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.add-wanted-software-supporting-text {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-step-base, .add-wanted-software-text-and-supporting-text {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-text-and-supporting-text {
  flex-direction: column;
  padding: 2px 0 24px;
}

.add-wanted-software-step-base {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-wanted-software-step-icon-base1 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-step-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.add-wanted-software-connector1 {
  background-color: #eaecf0;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.add-wanted-software-supporting-text1 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-form, .add-wanted-software-step-base1, .add-wanted-software-steps {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-wanted-software-step-base1 {
  align-items: flex-end;
  padding: 0 0 4px;
}

.add-wanted-software-form, .add-wanted-software-steps {
  align-items: flex-start;
}

.add-wanted-software-steps {
  z-index: 1;
  color: #344054;
  gap: 38px;
  font-size: 14px;
}

.add-wanted-software-form {
  gap: 16px;
  padding: 0 0 226px;
}

.add-wanted-software-text10 {
  z-index: 2;
  flex: 1;
  margin-left: -208px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.add-wanted-software-arrow-narrow-left-icon1, .add-wanted-software-arrow-narrow-left-icon2 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.add-wanted-software-arrow-narrow-left-icon2 {
  z-index: 2;
}

.add-wanted-software-arrow-narrow-left-parent {
  width: 24px;
  height: 24px;
  position: relative;
}

.add-wanted-software-connector3, .add-wanted-software-step-icon-base3 {
  display: none;
  position: relative;
}

.add-wanted-software-step-icon-base3 {
  z-index: 1;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.add-wanted-software-connector3 {
  z-index: 2;
  background-color: #7e56d9;
  border-radius: 2px;
  width: 2px;
  height: 54px;
}

.add-wanted-software-step-two-number, .add-wanted-software-text11 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-text11 {
  margin-left: -214px;
}

.add-wanted-software-step-two-title {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-supporting-text3, .add-wanted-software-supporting-text4 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-supporting-text4 {
  margin-top: -40px;
}

.add-wanted-software-step-base3, .add-wanted-software-step-two-description {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-step-base3 {
  flex-direction: row;
  align-self: stretch;
}

.add-wanted-software-step-base5 {
  flex-direction: row;
  gap: 12px;
}

.add-wanted-software-step-base5, .add-wanted-software-step-base6, .add-wanted-software-step-three {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-step-base6 {
  flex-direction: row;
  gap: 12px;
  margin-top: -86px;
}

.add-wanted-software-step-three {
  color: #6941c6;
  flex-direction: column;
}

.add-wanted-software-connector7 {
  z-index: 2;
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 54px;
  display: none;
  position: relative;
}

.add-wanted-software-step-two, .add-wanted-software-step-two-details {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-step-two-details {
  z-index: 2;
  flex-direction: column;
  gap: 38px;
}

.add-wanted-software-step-two {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  font-size: 14px;
}

.add-wanted-software-form-parent {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  gap: 700px;
}

.add-wanted-software-breadcrumb-button-base, .add-wanted-software-form-parent, .add-wanted-software-progress-steps {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-progress-steps {
  box-sizing: border-box;
  flex-direction: column;
  width: 250px;
  height: max-content;
  padding: 36px 0 0;
}

.add-wanted-software-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  padding: 4px;
}

.add-wanted-software-text18 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-wanted-software-button1, .add-wanted-software-button2 {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.add-wanted-software-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.add-wanted-software-actions, .add-wanted-software-button2, .add-wanted-software-button3 {
  flex-direction: row;
  align-items: center;
}

.add-wanted-software-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-button4, .add-wanted-software-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-wanted-software-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-main-child, .add-wanted-software-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.add-wanted-software-main-item {
  height: 43px;
}

.add-wanted-software-main {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  height: 149px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.add-wanted-software-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-wanted-software-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-wanted-software-hint-text1 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-wanted-software-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-hint-text9 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-wanted-software-divider, .add-wanted-software-uploads-title {
  align-self: stretch;
  position: relative;
}

.add-wanted-software-divider {
  z-index: 1;
  background-color: #eaecf0;
  height: 1px;
}

.add-wanted-software-text37 {
  color: #344054;
  text-align: center;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-content24 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-wanted-software-x-close-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-tag-close-x {
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.add-wanted-software-tag {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 66px;
  padding: 0 3px 0 4px;
  display: flex;
}

.add-wanted-software-text38 {
  color: #344054;
  text-align: center;
  min-width: 54px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-tag1, .add-wanted-software-tags {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-wanted-software-tag1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  gap: 3px;
  padding: 0 3px 0 4px;
}

.add-wanted-software-tags {
  justify-content: flex-start;
  gap: 6px;
  width: 154px;
}

.add-wanted-software-tags-placeholder {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 27px;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-content23 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-text42 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-text43 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-button8 {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-wanted-software-section-footer {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-arrows-down-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-text45 {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-buttonsbutton-wrapper, .add-wanted-software-buttonsbutton2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-buttonsbutton-wrapper {
  justify-content: center;
  align-self: stretch;
  padding: 0 21px 0 20px;
}

.add-wanted-software-label18 {
  text-align: left;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-file-button-labels {
  color: #475467;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-text48 {
  color: #475467;
  text-align: left;
  min-width: 49px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-text53 {
  text-align: left;
  color: #344054;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-label24 {
  color: #344054;
  min-width: 66px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.add-wanted-software-label24, .add-wanted-software-label25, .add-wanted-software-text56 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.add-wanted-software-label25 {
  color: #344054;
  width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.add-wanted-software-text56 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.add-wanted-software-input-with-label23, .add-wanted-software-input21 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-input21 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-input-with-label23 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1014px;
  max-width: 199%;
}

.add-wanted-software-hint-text22 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-content42, .add-wanted-software-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.add-wanted-software-content42 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.add-wanted-software-label26 {
  max-width: 100%;
  display: inline-block;
}

.add-wanted-software-label26, .add-wanted-software-label28, .add-wanted-software-label30 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-label28 {
  min-width: 83px;
  display: inline-block;
}

.add-wanted-software-label30 {
  min-width: 62px;
}

.add-wanted-software-label30, .add-wanted-software-label32, .add-wanted-software-label34 {
  display: inline-block;
}

.add-wanted-software-label32 {
  color: #344054;
  text-align: left;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-label34 {
  min-width: 81px;
}

.add-wanted-software-label34, .add-wanted-software-label36 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-input-with-label35 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-label37, .add-wanted-software-pdf {
  font-family: Inter;
}

.add-wanted-software-label37 {
  color: #344054;
  text-align: left;
  z-index: 1;
  min-width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-pdf {
  color: #475467;
  font-weight: 600;
}

.add-wanted-software-supporting-text16 {
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-wanted-software-final-upload-item-content {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-final-upload-wrapper, .add-wanted-software-progress-bar3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-progress-bar3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 11px;
  width: 411px;
}

.add-wanted-software-final-upload-wrapper {
  flex-direction: column;
  gap: 6px;
  width: 495px;
}

.add-wanted-software-text67 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-software-button15 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-text68 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-actions4, .add-wanted-software-button16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.add-wanted-software-button16 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-actions4 {
  flex-wrap: wrap;
  place-content: center flex-end;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 673px;
}

.add-wanted-software-body, .add-wanted-software-section-header-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  margin: 0;
}

.add-wanted-software-body {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 31px 0 32px;
}

.add-wanted-software-content5, .add-wanted-software-progress-container {
  justify-content: flex-start;
  display: flex;
}

.add-wanted-software-content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: 95%;
  padding-bottom: 40px;
  font-size: 14px;
}

.add-wanted-software-progress-container {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
}

.add-wanted-software-supporting-text18, .add-wanted-software-title1 {
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-title1 {
  font-weight: 600;
}

.add-wanted-software-supporting-text18 {
  color: #475467;
  white-space: nowrap;
}

.add-wanted-software-title-container-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 222px;
  padding: 0 4px;
  font-size: 14px;
}

.add-wanted-software-bottom-actions, .add-wanted-software-content-parent, .add-wanted-software-progress-container-parent, .add-wanted-software-title-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-progress-container-parent {
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  height: max-content;
  overflow-y: scroll;
}

.add-wanted-software-bottom-actions, .add-wanted-software-content-parent {
  flex-direction: row;
}

.add-wanted-software-bottom-actions {
  text-align: left;
  color: #101828;
  flex: 1;
  max-width: calc(100% - 96px);
  font-family: Inter;
  font-size: 16px;
  position: relative;
}

.add-wanted-software-content-parent {
  align-self: stretch;
  gap: 16px;
  max-width: 100%;
}

.add-wanted-software-forms-add-wanted-software-custom-margin {
  margin-top: 0 !important;
}

.add-wanted-software-forms-add-wanted-software {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-wanted-software-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-software-progress-steps {
    display: none;
  }

  .add-wanted-software-main {
    height: auto;
  }

  .add-wanted-software-content23 {
    flex-wrap: wrap;
  }

  .add-wanted-software-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-wanted-software-content5 {
    max-width: 100%;
  }

  .add-wanted-software-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-wanted-software-frame-group {
    gap: 19px;
  }

  .add-wanted-software-frame-parent {
    gap: 35px;
  }

  .add-wanted-software-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-wanted-software-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-wanted-software-main {
    gap: 16px;
  }

  .add-wanted-software-content22, .add-wanted-software-content39 {
    min-width: 100%;
  }

  .add-wanted-software-textarea-input-field {
    max-width: 100%;
  }

  .add-wanted-software-content42 {
    gap: 16px;
  }

  .add-wanted-software-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-wanted-software-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-software-frame-parent {
    gap: 17px;
  }

  .add-wanted-software-step-two, .add-wanted-software-step-two-details, .add-wanted-software-steps {
    gap: 19px;
  }

  .add-wanted-software-form-parent {
    gap: 350px;
  }

  .add-wanted-software-action, .add-wanted-software-first-upload-item-content, .add-wanted-software-input1, .add-wanted-software-input10, .add-wanted-software-input9, .add-wanted-software-progress-bar {
    flex-wrap: wrap;
  }

  .add-wanted-software-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-software-progress-container-parent {
    gap: 49px;
  }
}

.add-wanted-software-step-section-header-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-content31-custom-margin {
  margin-top: 20px;
}

.add-wanted-software-step-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  margin: 0;
}

.add-wanted-software-step-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-wanted-software-step-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-step-input-field-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-first-upload-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-label1 {
  text-align: left;
  min-width: 127px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-transaction-type {
  color: #344054;
}

.add-wanted-software-step-span {
  color: #f04438;
}

.add-wanted-software-step-input1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-step-content8 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 295px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-software-step-text-input {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-first-nested-input {
  text-align: left;
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-step-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 9px 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-software-step-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-step-label2 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-step-your-role-in {
  color: #344054;
  white-space: pre-wrap;
}

.add-wanted-software-step-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-label5 {
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-input5 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-step-content12 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-wanted-software-step-label6 {
  text-align: left;
  min-width: 62px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-label7 {
  color: #344054;
  text-align: left;
  min-width: 100px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-label8 {
  color: #344054;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-single-input-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-single-input {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-label9 {
  text-align: left;
  z-index: 1;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-step-input9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-step-content16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 159px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-software-step-text-input5 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.add-wanted-software-step-leading-text, .add-wanted-software-step-text34 {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.add-wanted-software-step-leading-text {
  color: #344054;
  min-width: 11px;
  display: inline-block;
}

.add-wanted-software-step-text34 {
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.add-wanted-software-step-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.add-wanted-software-step-dropdown5 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px 0;
  width: 78px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-software-step-dropdown-text {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-input-field8 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-input-with-label9, .add-wanted-software-step-input10 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-wanted-software-step-input10 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  row-gap: 20px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-step-input-with-label9 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.add-wanted-software-step-label10 {
  text-align: left;
  min-width: 118px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-content17 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 183px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-software-step-step-title {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-step-content18 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 193px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-wanted-software-step-nested-input-fields, .add-wanted-software-step-nested-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-nested-input-fields {
  z-index: 1;
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 24px;
}

.add-wanted-software-step-nested-inputs {
  box-sizing: border-box;
  align-self: stretch;
  padding: 0 0 12px;
}

.add-wanted-software-step-label12 {
  text-align: left;
  min-width: 73px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-label13 {
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-input-tags {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-section-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-divider {
  z-index: 1;
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.add-wanted-software-step-content-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-text-and-supporting-text5 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-uploads-title {
  color: #101828;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.add-wanted-software-step-dropdown9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.add-wanted-software-step-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-step-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-input14 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: center flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-step-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 633px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-software-step-input-field13 {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-label15 {
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-label16 {
  text-align: left;
  min-width: 129px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-actions2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-button9 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-step-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-step-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-step-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-wanted-software-step-text44 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: contents;
  position: relative;
}

.add-wanted-software-step-first-upload-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-label20 {
  z-index: 1;
  text-align: left;
  min-width: 116px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-file-upload-base {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
  display: flex;
}

.add-wanted-software-step-content36 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.add-wanted-software-step-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-wanted-software-step-text-and-supporting-text6 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.add-wanted-software-step-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.add-wanted-software-step-buttonsbutton3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.add-wanted-software-step-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-step-text46 {
  color: #6941c6;
  text-align: left;
  min-width: 101px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-text47 {
  color: #475467;
  text-align: left;
  min-width: 112px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-supporting-text13 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-wanted-software-step-file-upload-item-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  max-width: 100%;
  padding: 14px 15px;
  display: flex;
}

.add-wanted-software-step-first-upload-item-content, .add-wanted-software-step-first-upload-item-info {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-first-upload-item-info {
  flex-direction: column;
  flex: 1;
  min-width: 267px;
}

.add-wanted-software-step-first-upload-item-content {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-wanted-software-step-file-type-icon {
  width: 40px;
  height: 40px;
  position: relative;
}

.add-wanted-software-step-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.add-wanted-software-step-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.add-wanted-software-step-first-upload-item-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.add-wanted-software-step-first-upload-item {
  color: #344054;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-step-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-step-checkbox {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.add-wanted-software-step-supporting-text14 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-software-step-progress-bar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-final-upload-progress-bar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 235px;
  max-width: 100%;
  padding: 6px 0 0;
  display: flex;
}

.add-wanted-software-step-progress-bar2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  height: 8px;
  display: flex;
  position: relative;
}

.add-wanted-software-step-background {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.add-wanted-software-step-progress {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.add-wanted-software-step-percentage {
  color: #344054;
  text-align: left;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.add-wanted-software-step-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.add-wanted-software-step-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.add-wanted-software-step-file-upload-base1, .add-wanted-software-step-input-field19 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.add-wanted-software-step-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
}

.add-wanted-software-step-input-field19 {
  z-index: 1;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
}

.add-wanted-software-step-label22 {
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.add-wanted-software-step-content7 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.add-wanted-software-step-input20 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-step-content39 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 630px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-software-step-dropdown13 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-software-step-hint-text21 {
  text-align: left;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-wanted-software-step-add-it, .add-wanted-software-step-cant-find-an {
  color: #475467;
  font-family: Inter;
}

.add-wanted-software-step-add-it {
  color: #7e56d9;
  font-weight: 600;
}

.add-wanted-software-step-section-footer1, .add-wanted-software-step-section-footer2 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 0 0 742px;
}

.add-wanted-software-step-section-footer1, .add-wanted-software-step-section-footer2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
}

.add-wanted-software-step-section-footer2 {
  gap: 20px;
}

.add-wanted-software-step-section-footer1 {
  z-index: 1;
}

.add-wanted-software-step-content31 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-software-step-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.add-wanted-software-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 742px;
  display: flex;
}

.add-wanted-software-step-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-software-step-3-inner, .frame-parent4, .step-base15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-software-step-3-inner {
  box-sizing: border-box;
  width: 250px;
  height: 412px;
  padding: 38px 0 0;
}

.add-wanted-software-step-3, .section-header-group {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.add-wanted-software-step-3 {
  box-sizing: border-box;
  letter-spacing: normal;
  color: #101828;
  background-color: #fff;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 128px;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-wanted-software-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-software-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-software-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-wanted-software-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-wanted-software-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-software-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-software-step-first-upload-item-content, .add-wanted-software-step-action, .add-wanted-software-step-input1, .add-wanted-software-step-input10, .add-wanted-software-step-input9 {
    flex-wrap: wrap;
  }
}

.add-wanted-spare-forms-add-wanted-spare-child, .add-wanted-spare-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.add-wanted-spare-forms-add-wanted-spare-child {
  align-self: stretch;
  height: 4717px;
}

.add-wanted-spare-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.add-wanted-spare-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.add-wanted-spare-logo, .add-wanted-spare-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.5f2d40b9.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.add-wanted-spare-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.add-wanted-spare-bar-chart-01-icon, .add-wanted-spare-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.add-wanted-spare-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.add-wanted-spare-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.add-wanted-spare-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.add-wanted-spare-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-spare-text2, .add-wanted-spare-text3 {
  font-family: Inter;
  position: relative;
}

.add-wanted-spare-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.add-wanted-spare-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.add-wanted-spare-badge1, .add-wanted-spare-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.add-wanted-spare-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.add-wanted-spare-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-spare-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-navigation, .add-wanted-spare-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.add-wanted-spare-navigation {
  z-index: 1;
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-family: Inter;
  font-size: 16px;
}

.add-wanted-spare-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.add-wanted-spare-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-wanted-spare-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-input, .add-wanted-spare-text6 {
  overflow: hidden;
}

.add-wanted-spare-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.add-wanted-spare-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-frame-group, .add-wanted-spare-frame-parent, .add-wanted-spare-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.add-wanted-spare-frame-group, .add-wanted-spare-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.add-wanted-spare-frame-group {
  flex: 1;
  gap: 38px;
}

.add-wanted-spare-frame-parent {
  gap: 70px;
  width: 754px;
}

.add-wanted-spare-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.add-wanted-spare-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.add-wanted-spare-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.add-wanted-spare-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.add-wanted-spare-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.add-wanted-spare-avatar {
  z-index: 1;
  background-image: url("avatar@3x.e955d562.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-wanted-spare-avatar-button-parent, .add-wanted-spare-rectangle-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.add-wanted-spare-rectangle-parent {
  box-sizing: border-box;
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 14px;
  position: sticky;
  top: 0;
}

.add-wanted-spare-divider-icon {
  z-index: 1;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-buttonsbutton {
  z-index: 1;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: 12px;
  left: 218px;
  overflow: hidden;
  margin: 0 !important;
}

.add-wanted-spare-arrow-narrow-left-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-step-icon-base {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-connector {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.add-wanted-spare-supporting-text {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-step-base, .add-wanted-spare-text-and-supporting-text {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-text-and-supporting-text {
  flex-direction: column;
  padding: 2px 0 24px;
}

.add-wanted-spare-step-base {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-wanted-spare-step-icon-base1 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-step-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.add-wanted-spare-connector1 {
  background-color: #eaecf0;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.add-wanted-spare-supporting-text1 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-form, .add-wanted-spare-step-base1, .add-wanted-spare-steps {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-wanted-spare-step-base1 {
  align-items: flex-end;
  padding: 0 0 4px;
}

.add-wanted-spare-form, .add-wanted-spare-steps {
  align-items: flex-start;
}

.add-wanted-spare-steps {
  z-index: 1;
  color: #344054;
  gap: 38px;
  font-size: 14px;
}

.add-wanted-spare-form {
  gap: 16px;
  padding: 0 0 226px;
}

.add-wanted-spare-text10 {
  z-index: 2;
  flex: 1;
  margin-left: -208px;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.add-wanted-spare-arrow-narrow-left-icon1, .add-wanted-spare-arrow-narrow-left-icon2 {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.add-wanted-spare-arrow-narrow-left-icon2 {
  z-index: 2;
}

.add-wanted-spare-arrow-narrow-left-parent {
  width: 24px;
  height: 24px;
  position: relative;
}

.add-wanted-spare-connector3, .add-wanted-spare-step-icon-base3 {
  display: none;
  position: relative;
}

.add-wanted-spare-step-icon-base3 {
  z-index: 1;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.add-wanted-spare-connector3 {
  z-index: 2;
  background-color: #7e56d9;
  border-radius: 2px;
  width: 2px;
  height: 54px;
}

.add-wanted-spare-step-two-number, .add-wanted-spare-text11 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-text11 {
  margin-left: -214px;
}

.add-wanted-spare-step-two-title {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-supporting-text3, .add-wanted-spare-supporting-text4 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-supporting-text4 {
  margin-top: -40px;
}

.add-wanted-spare-step-base3, .add-wanted-spare-step-two-description {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-step-base3 {
  flex-direction: row;
  align-self: stretch;
}

.add-wanted-spare-step-base5 {
  flex-direction: row;
  gap: 12px;
}

.add-wanted-spare-step-base5, .add-wanted-spare-step-base6, .add-wanted-spare-step-three {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-step-base6 {
  flex-direction: row;
  gap: 12px;
  margin-top: -86px;
}

.add-wanted-spare-step-three {
  color: #6941c6;
  flex-direction: column;
}

.add-wanted-spare-connector7 {
  z-index: 2;
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 54px;
  display: none;
  position: relative;
}

.add-wanted-spare-step-two, .add-wanted-spare-step-two-details {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-step-two-details {
  z-index: 2;
  flex-direction: column;
  gap: 38px;
}

.add-wanted-spare-step-two {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  font-size: 14px;
}

.add-wanted-spare-form-parent {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  gap: 700px;
}

.add-wanted-spare-breadcrumb-button-base, .add-wanted-spare-form-parent, .add-wanted-spare-progress-steps {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-progress-steps {
  box-sizing: border-box;
  flex-direction: column;
  width: 250px;
  height: max-content;
  padding: 36px 0 0;
}

.add-wanted-spare-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  padding: 4px;
}

.add-wanted-spare-text18 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-wanted-spare-button1, .add-wanted-spare-button2 {
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.add-wanted-spare-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.add-wanted-spare-actions, .add-wanted-spare-button2, .add-wanted-spare-button3 {
  flex-direction: row;
  align-items: center;
}

.add-wanted-spare-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-button4, .add-wanted-spare-button5 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-wanted-spare-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-divider-icon1 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-main-child, .add-wanted-spare-main-item {
  box-sizing: border-box;
  border-right: 1px solid #000;
  flex-shrink: 0;
  width: 1px;
  height: 29px;
  position: relative;
}

.add-wanted-spare-main-item {
  height: 43px;
}

.add-wanted-spare-main {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  height: 149px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.add-wanted-spare-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-wanted-spare-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-wanted-spare-hint-text1 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-wanted-spare-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-hint-text9 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.add-wanted-spare-divider, .add-wanted-spare-uploads-title {
  align-self: stretch;
  position: relative;
}

.add-wanted-spare-divider {
  z-index: 1;
  background-color: #eaecf0;
  height: 1px;
}

.add-wanted-spare-text37 {
  color: #344054;
  text-align: center;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-content24 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.add-wanted-spare-x-close-icon {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-tag-close-x {
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.add-wanted-spare-tag {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 66px;
  padding: 0 3px 0 4px;
  display: flex;
}

.add-wanted-spare-text38 {
  color: #344054;
  text-align: center;
  min-width: 54px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-tag1, .add-wanted-spare-tags {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.add-wanted-spare-tag1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  gap: 3px;
  padding: 0 3px 0 4px;
}

.add-wanted-spare-tags {
  justify-content: flex-start;
  gap: 6px;
  width: 154px;
}

.add-wanted-spare-tags-placeholder {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 27px;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-content23 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-text42 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-text43 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-button8 {
  box-sizing: border-box;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.add-wanted-spare-section-footer {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-arrows-down-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-text45 {
  color: #344054;
  text-align: left;
  min-width: 72px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-buttonsbutton-wrapper, .add-wanted-spare-buttonsbutton2 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-buttonsbutton2 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-buttonsbutton-wrapper {
  justify-content: center;
  align-self: stretch;
  padding: 0 21px 0 20px;
}

.add-wanted-spare-label18 {
  text-align: left;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-file-button-labels {
  color: #475467;
  text-align: left;
  min-width: 67px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-text48 {
  color: #475467;
  text-align: left;
  min-width: 49px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-text53 {
  text-align: left;
  color: #344054;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-label24 {
  color: #344054;
  min-width: 66px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.add-wanted-spare-label24, .add-wanted-spare-label25, .add-wanted-spare-text56 {
  text-align: left;
  font-family: Inter;
  position: relative;
}

.add-wanted-spare-label25 {
  color: #344054;
  width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.add-wanted-spare-text56 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
}

.add-wanted-spare-input-with-label23, .add-wanted-spare-input21 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-input21 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-input-with-label23 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1014px;
  max-width: 199%;
}

.add-wanted-spare-hint-text22 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-content42, .add-wanted-spare-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.add-wanted-spare-content42 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  max-width: 100%;
}

.add-wanted-spare-label26 {
  max-width: 100%;
  display: inline-block;
}

.add-wanted-spare-label26, .add-wanted-spare-label28, .add-wanted-spare-label30 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-label28 {
  min-width: 83px;
  display: inline-block;
}

.add-wanted-spare-label30 {
  min-width: 62px;
}

.add-wanted-spare-label30, .add-wanted-spare-label32, .add-wanted-spare-label34 {
  display: inline-block;
}

.add-wanted-spare-label32 {
  color: #344054;
  text-align: left;
  min-width: 103px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-label34 {
  min-width: 81px;
}

.add-wanted-spare-label34, .add-wanted-spare-label36 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-input-with-label35 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-label37, .add-wanted-spare-pdf {
  font-family: Inter;
}

.add-wanted-spare-label37 {
  color: #344054;
  text-align: left;
  z-index: 1;
  min-width: 77px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-pdf {
  color: #475467;
  font-weight: 600;
}

.add-wanted-spare-supporting-text16 {
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-wanted-spare-final-upload-item-content {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-final-upload-wrapper, .add-wanted-spare-progress-bar3 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-progress-bar3 {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 11px;
  width: 411px;
}

.add-wanted-spare-final-upload-wrapper {
  flex-direction: column;
  gap: 6px;
  width: 495px;
}

.add-wanted-spare-text67 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-button15 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-text68 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-actions4, .add-wanted-spare-button16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.add-wanted-spare-button16 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-actions4 {
  flex-wrap: wrap;
  place-content: center flex-end;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 673px;
}

.add-wanted-spare-body, .add-wanted-spare-section-header-parent {
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 24px;
  margin: 0;
}

.add-wanted-spare-body {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 31px 0 32px;
}

.add-wanted-spare-content5, .add-wanted-spare-progress-container {
  justify-content: flex-start;
  display: flex;
}

.add-wanted-spare-content5 {
  color: #475467;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 21px;
  max-width: 95%;
  padding-bottom: 40px;
  font-size: 14px;
}

.add-wanted-spare-progress-container {
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
}

.add-wanted-spare-supporting-text18, .add-wanted-spare-title1 {
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-title1 {
  font-weight: 600;
}

.add-wanted-spare-supporting-text18 {
  color: #475467;
  white-space: nowrap;
}

.add-wanted-spare-title-container-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 222px;
  padding: 0 4px;
  font-size: 14px;
}

.add-wanted-spare-bottom-actions, .add-wanted-spare-content-parent, .add-wanted-spare-progress-container-parent, .add-wanted-spare-title-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-progress-container-parent {
  scrollbar-width: none;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  height: max-content;
  overflow-y: scroll;
}

.add-wanted-spare-bottom-actions, .add-wanted-spare-content-parent {
  flex-direction: row;
}

.add-wanted-spare-bottom-actions {
  text-align: left;
  color: #101828;
  flex: 1;
  max-width: calc(100% - 96px);
  font-family: Inter;
  font-size: 16px;
  position: relative;
}

.add-wanted-spare-content-parent {
  align-self: stretch;
  gap: 16px;
  max-width: 100%;
}

.add-wanted-spare-forms-add-wanted-spare-custom-margin {
  margin-top: 0 !important;
}

.add-wanted-spare-forms-add-wanted-spare {
  box-sizing: border-box;
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1524px;
  height: max-content;
  margin: 0 auto;
  padding: 7px 0 0;
  font-family: Inter;
  font-size: 14px;
  line-height: normal;
  display: flex;
  position: relative;
}

@media screen and (width <= 1275px) {
  .add-wanted-spare-progress-container-parent {
    gap: 196px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-spare-progress-steps {
    display: none;
  }

  .add-wanted-spare-main {
    height: auto;
  }

  .add-wanted-spare-content23 {
    flex-wrap: wrap;
  }

  .add-wanted-spare-actions4 {
    box-sizing: border-box;
    padding-left: 336px;
  }

  .add-wanted-spare-content5 {
    max-width: 100%;
  }

  .add-wanted-spare-progress-container {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (width <= 750px) {
  .add-wanted-spare-frame-group {
    gap: 19px;
  }

  .add-wanted-spare-frame-parent {
    gap: 35px;
  }

  .add-wanted-spare-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .add-wanted-spare-form {
    box-sizing: border-box;
    padding-bottom: 147px;
  }

  .add-wanted-spare-main {
    gap: 16px;
  }

  .add-wanted-spare-content22, .add-wanted-spare-content39 {
    min-width: 100%;
  }

  .add-wanted-spare-textarea-input-field {
    max-width: 100%;
  }

  .add-wanted-spare-content42 {
    gap: 16px;
  }

  .add-wanted-spare-actions4 {
    box-sizing: border-box;
    padding-left: 168px;
  }

  .add-wanted-spare-progress-container-parent {
    gap: 98px;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-spare-frame-parent {
    gap: 17px;
  }

  .add-wanted-spare-step-two, .add-wanted-spare-step-two-details, .add-wanted-spare-steps {
    gap: 19px;
  }

  .add-wanted-spare-form-parent {
    gap: 350px;
  }

  .add-wanted-spare-action, .add-wanted-spare-first-upload-item-content, .add-wanted-spare-input1, .add-wanted-spare-input10, .add-wanted-spare-input9, .add-wanted-spare-progress-bar {
    flex-wrap: wrap;
  }

  .add-wanted-spare-actions4 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-spare-progress-container-parent {
    gap: 49px;
  }
}

.add-wanted-spare-step-section-header-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  margin: 0;
  display: flex;
}

.add-wanted-spare-step-section-header {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.add-wanted-spare-step-divider-icon2 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-step-input-field-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-first-upload-inner {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-label1 {
  text-align: left;
  min-width: 127px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-transaction-type {
  color: #344054;
}

.add-wanted-spare-step-span {
  color: #f04438;
}

.add-wanted-spare-step-input1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-step-content8 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 295px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-spare-step-text-input {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-first-nested-input {
  text-align: left;
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-step-dropdown {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 9px 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-spare-step-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-step-label2 {
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-step-your-role-in {
  color: #344054;
  white-space: pre-wrap;
}

.add-wanted-spare-step-label3 {
  text-align: left;
  min-width: 123px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-label5 {
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-input5 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-step-content12 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-wanted-spare-step-label6 {
  text-align: left;
  min-width: 62px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-label7 {
  color: #344054;
  text-align: left;
  min-width: 100px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-label8 {
  color: #344054;
  text-align: left;
  min-width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-single-input-parent {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-single-input {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-label9 {
  text-align: left;
  z-index: 1;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-step-input9 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-step-content16 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 159px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-spare-step-text-input5 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.add-wanted-spare-step-leading-text, .add-wanted-spare-step-text34 {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.add-wanted-spare-step-leading-text {
  color: #344054;
  min-width: 11px;
  display: inline-block;
}

.add-wanted-spare-step-text34 {
  color: #667085;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.add-wanted-spare-step-help-icon {
  width: 16px;
  height: 16px;
  position: relative;
}

.add-wanted-spare-step-dropdown5 {
  box-sizing: border-box;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px 0;
  width: 78px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-spare-step-dropdown-text {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-input-field8 {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 241px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-input-with-label9, .add-wanted-spare-step-input10 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.add-wanted-spare-step-input10 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  row-gap: 20px;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-step-input-with-label9 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.add-wanted-spare-step-label10 {
  text-align: left;
  min-width: 118px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-content17 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 183px;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-spare-step-step-title {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.add-wanted-spare-step-content18 {
  box-sizing: border-box;
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 193px;
  max-width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.add-wanted-spare-step-nested-input-fields, .add-wanted-spare-step-nested-inputs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-nested-input-fields {
  z-index: 1;
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 24px;
}

.add-wanted-spare-step-nested-inputs {
  box-sizing: border-box;
  align-self: stretch;
  padding: 0 0 12px;
}

.add-wanted-spare-step-label12 {
  text-align: left;
  min-width: 73px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-label13 {
  text-align: left;
  min-width: 78px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-input-tags {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-section-header1 {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-divider {
  z-index: 1;
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.add-wanted-spare-step-content-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 16px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-text-and-supporting-text5 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-uploads-title {
  color: #101828;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.add-wanted-spare-step-dropdown9 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.add-wanted-spare-step-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-step-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-input14 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: center flex-start;
  align-self: stretch;
  align-items: center;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-step-content22 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 633px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-spare-step-input-field13 {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-label15 {
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-label16 {
  text-align: left;
  min-width: 129px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-actions2 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-button9 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-step-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-step-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-step-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.add-wanted-spare-step-text44 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: contents;
  position: relative;
}

.add-wanted-spare-step-first-upload-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-label20 {
  z-index: 1;
  text-align: left;
  min-width: 116px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-file-upload-base {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
  display: flex;
}

.add-wanted-spare-step-content36 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 12px;
  display: flex;
}

.add-wanted-spare-step-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.add-wanted-spare-step-text-and-supporting-text6 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.add-wanted-spare-step-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.add-wanted-spare-step-buttonsbutton3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.add-wanted-spare-step-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-step-text46 {
  color: #6941c6;
  text-align: left;
  min-width: 101px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-text47 {
  color: #475467;
  text-align: left;
  min-width: 112px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-supporting-text13 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.add-wanted-spare-step-file-upload-item-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  max-width: 100%;
  padding: 14px 15px;
  display: flex;
}

.add-wanted-spare-step-first-upload-item-content, .add-wanted-spare-step-first-upload-item-info {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-first-upload-item-info {
  flex-direction: column;
  flex: 1;
  min-width: 267px;
}

.add-wanted-spare-step-first-upload-item-content {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.add-wanted-spare-step-file-type-icon {
  width: 40px;
  height: 40px;
  position: relative;
}

.add-wanted-spare-step-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.add-wanted-spare-step-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.add-wanted-spare-step-first-upload-item-inner {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.add-wanted-spare-step-first-upload-item {
  color: #344054;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-step-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-step-checkbox {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.add-wanted-spare-step-supporting-text14 {
  color: #475467;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.add-wanted-spare-step-progress-bar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-final-upload-progress-bar {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 235px;
  max-width: 100%;
  padding: 6px 0 0;
  display: flex;
}

.add-wanted-spare-step-progress-bar2 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  height: 8px;
  display: flex;
  position: relative;
}

.add-wanted-spare-step-background {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.add-wanted-spare-step-progress {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.add-wanted-spare-step-percentage {
  color: #344054;
  text-align: left;
  min-width: 38px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.add-wanted-spare-step-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.add-wanted-spare-step-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.add-wanted-spare-step-file-upload-base1, .add-wanted-spare-step-input-field19 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.add-wanted-spare-step-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: center;
  padding: 14px 23px;
}

.add-wanted-spare-step-input-field19 {
  z-index: 1;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 322px;
  max-width: 100%;
}

.add-wanted-spare-step-label22 {
  text-align: left;
  min-width: 66px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.add-wanted-spare-step-content7 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.add-wanted-spare-step-input20 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  max-width: 100%;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.add-wanted-spare-step-content39 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  min-width: 630px;
  max-width: 100%;
  padding: 8px 0 8px 12px;
  display: flex;
}

.add-wanted-spare-step-dropdown13 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.add-wanted-spare-step-hint-text21 {
  text-align: left;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.add-wanted-spare-step-add-it, .add-wanted-spare-step-cant-find-an {
  color: #475467;
  font-family: Inter;
}

.add-wanted-spare-step-add-it {
  color: #7e56d9;
  font-weight: 600;
}

.add-wanted-spare-step-section-footer1, .add-wanted-spare-step-section-footer2 {
  align-items: center;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 0 0 742px;
}

.add-wanted-spare-step-section-footer1, .add-wanted-spare-step-section-footer2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
}

.add-wanted-spare-step-section-footer2 {
  gap: 20px;
}

.add-wanted-spare-step-section-footer1 {
  z-index: 1;
}

.add-wanted-spare-step-content31 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.add-wanted-spare-step-content31-custom-margin {
  margin-top: 20px;
}

.add-wanted-spare-step-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.add-wanted-spare-step-actions3 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 742px;
  display: flex;
}

.add-wanted-spare-step-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.text79 {
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.arrow-narrow-left-icon5 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.text-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  width: 237px;
  display: flex;
}

.step-icon-base16 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.step-title1 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.step-icon-base15, .step-title-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.step-title-wrapper {
  flex-direction: column;
  flex: 1;
  padding: 2px 0 0;
}

.step-icon-base15 {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.connector15 {
  background-color: #7e56d9;
  border-radius: 2px;
  flex: 1;
  width: 2px;
  position: relative;
}

.connector-wrapper8 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.supporting-text25 {
  flex: 1;
  line-height: 20px;
  position: relative;
}

.frame-parent5, .step-base16 {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.frame-parent5 {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  gap: 23px;
  margin-top: -2px;
  padding: 0 0 0 11px;
  font-size: 12px;
}

.step-base16 {
  flex-direction: column;
  align-items: flex-end;
  padding: 0 0 4px;
}

.step-icon-base18 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.connector17 {
  background-color: #eaecf0;
  border-radius: 2px;
  align-self: stretch;
  width: 2px;
  position: relative;
}

.connector-wrap5, .connector-wrapper10 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.connector-wrapper10 {
  flex-direction: row;
  flex: 1;
  padding: 0 11px;
}

.connector-wrap5 {
  flex-direction: column;
  align-self: stretch;
  gap: 4px;
  padding: 0 0 4px;
}

.supporting-text27 {
  color: #7e56d9;
  align-self: stretch;
  font-size: 12px;
  line-height: 20px;
  position: relative;
}

.step-base18, .text-and-supporting-text12 {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-and-supporting-text12 {
  flex-direction: column;
  padding: 2px 0 24px;
}

.step-base18 {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.step-base15 {
  text-align: left;
  color: #344054;
  flex: 1;
  align-self: stretch;
  gap: 38px;
  margin: 0;
  font-family: Inter;
  font-size: 14px;
}

.add-wanted-spare-step-3-inner, .frame-parent4, .step-base15 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-parent4 {
  flex: 1;
  align-self: stretch;
  gap: 16px;
}

.add-wanted-spare-step-3-inner {
  box-sizing: border-box;
  width: 250px;
  height: 412px;
  padding: 38px 0 0;
}

.hint-text46 {
  color: #475467;
  z-index: 1;
  width: 320px;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.content61 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 100%;
  min-width: 250px;
  height: 28px;
  font-family: Inter;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.divider-icon14 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.section-header7 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.label45, .label46 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.label45 {
  color: inherit;
  min-width: 66px;
  text-decoration: none;
  display: inline-block;
}

.label46 {
  width: 77px;
  display: none;
}

.text82 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 78px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.input-with-label43, .input31 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.input31 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.input-with-label43 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 1014px;
  max-width: 199%;
}

.hint-text47 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.content62, .input-with-label42, .textarea-input-field7 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.textarea-input-field7 {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.content62, .input-with-label42 {
  align-self: stretch;
  max-width: 100%;
}

.content62 {
  flex-flow: wrap;
  align-content: flex-start;
}

.input-with-label42 {
  flex-direction: column;
  gap: 6px;
}

.hint-text48 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.frame-section, .input-field34 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.input-field34 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
}

.frame-section {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
}

.label47 {
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.input-field35 {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  font-family: Inter;
  font-size: 14px;
  display: flex;
}

.label49, .label51 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.label49 {
  min-width: 83px;
  display: inline-block;
}

.label51 {
  min-width: 62px;
}

.label51, .label53, .label55 {
  display: inline-block;
}

.label53 {
  min-width: 103px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.label55 {
  min-width: 81px;
}

.label55, .label57 {
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.input-with-label55 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  outline: 0;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1014px;
  max-width: 199%;
  height: 102px;
  padding: 12px 13px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.hint-text59 {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.content68 {
  color: #475467;
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.label58 {
  min-width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.featured-icon5 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.placeholder-icon60 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.text88 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.buttonsbutton16 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.text89 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.action5 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.pdf1 {
  font-weight: 600;
}

.supporting-text28 {
  text-align: center;
  color: #475467;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.text-and-supporting-text13 {
  gap: 4px;
}

.content69, .file-upload-base5, .text-and-supporting-text13 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.content69 {
  gap: 12px;
}

.file-upload-base5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.page-icon3 {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.file-type3 {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.file-type-wrap3 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.file-type-icon3 {
  width: 40px;
  height: 40px;
  position: relative;
}

.checkbox-base-icon3, .text90 {
  position: relative;
  overflow: hidden;
}

.text90 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.checkbox-base-icon3 {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.checkbox3 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
}

.supporting-text29, .text-parent1 {
  align-self: stretch;
  position: relative;
}

.text-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.supporting-text29 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  overflow: hidden;
}

.file-type-icon-parent, .frame-parent7 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.frame-parent7 {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  min-width: 267px;
  font-size: 14px;
}

.file-type-icon-parent {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.background3 {
  background-color: #eaecf0;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  margin: 0 !important;
}

.progress3 {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex: 1;
  align-self: stretch;
  max-width: 100%;
  position: relative;
}

.progress-bar-wrapper, .progress-bar9 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.progress-bar9 {
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  height: 8px;
  position: relative;
}

.progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 235px;
  padding: 6px 0 0;
}

.percentage3 {
  min-width: 38px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.file-upload, .file-upload-item-base3, .progress-bar8 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.progress-bar8 {
  text-align: left;
  color: #344054;
  flex-direction: row;
  align-items: flex-start;
  gap: 11px;
  width: 411px;
  font-size: 14px;
}

.file-upload, .file-upload-item-base3 {
  flex-direction: column;
}

.file-upload-item-base3 {
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  align-items: flex-end;
  gap: 4px;
  padding: 14px 15px;
  font-size: 10px;
}

.file-upload {
  align-items: flex-start;
  gap: 6px;
  width: 495px;
}

.text91 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.buttonsbutton17 {
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.button20, .buttonsbutton17, .text-padding24 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.text-padding24 {
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.button20 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  height: 40px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.chevron-left-icon3, .placeholder-icon66 {
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.placeholder-icon66 {
  width: 20px;
  height: 20px;
  display: none;
}

.chevron-left-icon3 {
  width: 24px;
  height: 24px;
}

.text93 {
  color: #344054;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.button21, .text-padding25 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.button21 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  gap: 4px;
  width: 94px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.text94 {
  color: #fff;
  text-align: left;
  min-width: 55px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button22 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fdb022;
  border: 0;
  border-radius: 8px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 75px;
  padding: 10px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.text95 {
  color: #fff;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.actions6, .button23 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.button23 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  min-width: 70px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.actions6 {
  justify-content: flex-end;
  gap: 12px;
  max-width: 100%;
}

.content70, .section-footer7, .section-footer8 {
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.content70 {
  flex-direction: row;
  justify-content: flex-end;
  gap: 20px;
}

.section-footer7, .section-footer8 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
}

.section-footer8 {
  gap: 20px;
}

.section-footer7 {
  color: #475467;
}

.add-wanted-spare-step-3, .section-header-group {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: Inter;
  display: flex;
}

.section-header-group {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 24px;
  min-width: 659px;
  max-width: 100%;
  font-size: 14px;
}

.add-wanted-spare-step-3 {
  box-sizing: border-box;
  letter-spacing: normal;
  color: #101828;
  background-color: #fff;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 128px;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

@media screen and (width <= 1025px) {
  .actions6 {
    box-sizing: border-box;
    padding-left: 336px;
  }
}

@media screen and (width <= 975px) {
  .actions6 {
    flex-wrap: wrap;
  }

  .section-header-group {
    min-width: 100%;
  }

  .add-wanted-spare-step-3 {
    gap: 64px;
  }
}

@media screen and (width <= 725px) {
  .textarea-input-field7 {
    max-width: 100%;
  }

  .content62, .content68 {
    gap: 16px;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 168px;
  }
}

@media screen and (width <= 450px) {
  .step-base15 {
    gap: 19px;
  }

  .action5, .file-type-icon-parent, .progress-bar8 {
    flex-wrap: wrap;
  }

  .actions6 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-spare-step-3 {
    gap: 32px;
  }
}

@media screen and (width <= 1100px) {
  .add-wanted-spare-step-actions3 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 371px;
  }
}

@media screen and (width <= 780px) {
  .add-wanted-spare-step-actions3 {
    box-sizing: border-box;
    padding-left: 185px;
  }

  .add-wanted-spare-step-content22 {
    min-width: 100%;
  }
}

@media screen and (width <= 450px) {
  .add-wanted-spare-step-actions3 {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .add-wanted-spare-step-first-upload-item-content, .add-wanted-spare-step-action, .add-wanted-spare-step-input1, .add-wanted-spare-step-input10, .add-wanted-spare-step-input9 {
    flex-wrap: wrap;
  }
}

.admin-detailed-device-review-reply-header {
  width: 20%;
}

.admin-detailed-device-review-reply-feedback-header {
  box-sizing: border-box;
  flex-direction: row;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-review-reply-header-info {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-review-reply-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-review-reply-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-device-review-reply-alvo-medical {
  font-weight: 500;
}

.admin-detailed-device-review-reply-main {
  box-sizing: border-box;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 80px 24px 10px;
  display: flex;
}

.admin-detailed-device-review-reply-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-device-review-reply {
  width: 100%;
  padding: 0 6px;
}

.admin-detailed-device-frame-child, .admin-detailed-device-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.admin-detailed-device-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.admin-detailed-device-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.admin-detailed-device-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.admin-detailed-device-header-content, .admin-detailed-device-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.admin-detailed-device-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.admin-detailed-device-bar-chart-01-icon, .admin-detailed-device-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.admin-detailed-device-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.admin-detailed-device-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-detailed-device-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.admin-detailed-device-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-device-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-device-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-badge1, .admin-detailed-device-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-detailed-device-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-device-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-device-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-navigation, .admin-detailed-device-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-device-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.admin-detailed-device-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.admin-detailed-device-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-device-placeholder, .admin-detailed-device-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.admin-detailed-device-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.admin-detailed-device-content3, .admin-detailed-device-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-device-content3 {
  flex: 1;
  gap: 8px;
}

.admin-detailed-device-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-header-container, .admin-detailed-device-input-with-label, .admin-detailed-device-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.admin-detailed-device-header-container, .admin-detailed-device-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-device-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.admin-detailed-device-header-container {
  gap: 70px;
  width: 754px;
}

.admin-detailed-device-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.admin-detailed-device-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-device-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.admin-detailed-device-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-detailed-device-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.admin-detailed-device-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-detailed-device-button-container, .admin-detailed-device-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-detailed-device-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.admin-detailed-device-divider-icon, .admin-detailed-device-text6 {
  align-self: stretch;
  position: relative;
}

.admin-detailed-device-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.admin-detailed-device-text6 {
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-device-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.admin-detailed-device-chevron-right-icon, .admin-detailed-device-text7 {
  flex-shrink: 0;
  position: relative;
}

.admin-detailed-device-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.admin-detailed-device-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-device-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.admin-detailed-device-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.admin-detailed-device-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-breadcrumb-controls, .admin-detailed-device-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.admin-detailed-device-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-device-breadcrumb-controls {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
  position: absolute;
  left: 0;
}

.admin-detailed-device-breadcrumb-controls-icon, .admin-detailed-device-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.admin-detailed-device-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.admin-detailed-device-breadcrumb-controls-item {
  display: none;
}

.admin-detailed-device-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-text8 {
  cursor: pointer;
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-buttonsbutton, .admin-detailed-device-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.admin-detailed-device-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-device-breadcrumb-controls1 {
  box-sizing: border-box;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
  position: absolute;
  right: 0;
}

.admin-detailed-device-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.admin-detailed-device-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.admin-detailed-device-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.admin-detailed-device-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.admin-detailed-device-breadcrumb, .admin-detailed-device-breadcrumb-button-base3, .admin-detailed-device-breadcrumb-container-parent, .admin-detailed-device-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.admin-detailed-device-breadcrumb, .admin-detailed-device-breadcrumb-container-parent {
  max-width: 100%;
}

.admin-detailed-device-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.admin-detailed-device-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.admin-detailed-device-pre- {
  text-transform: capitalize;
}

.admin-detailed-device-o {
  text-transform: lowercase;
}

.admin-detailed-device-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-marker-pin-02-icon, .admin-detailed-device-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.admin-detailed-device-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.admin-detailed-device-detail-items, .admin-detailed-device-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-detail-items {
  flex: 1;
  gap: 8px;
}

.admin-detailed-device-details-row {
  gap: 20px;
  width: 294px;
}

.admin-detailed-device-contact-name {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  max-width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-detailed-device-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-detailed-device-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.admin-detailed-device-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.admin-detailed-device-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-device-ellipse-div, .admin-detailed-device-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-device-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.admin-detailed-device-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-device-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.admin-detailed-device-contact-details, .admin-detailed-device-details-content, .admin-detailed-device-rectangle-container, .admin-detailed-device-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.admin-detailed-device-contact-details, .admin-detailed-device-details-content {
  align-self: stretch;
}

.admin-detailed-device-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.admin-detailed-device-details-content {
  flex-direction: column;
  gap: 8px;
}

.admin-detailed-device-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-buttonsbutton1, .admin-detailed-device-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-detailed-device-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.admin-detailed-device-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-device-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.admin-detailed-device-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.admin-detailed-device-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.admin-detailed-device-detail-container, .admin-detailed-device-dropdown, .admin-detailed-device-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.admin-detailed-device-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.admin-detailed-device-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-device-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.admin-detailed-device-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-device-heading, .admin-detailed-device-paragraph, .admin-detailed-device-paragraph1 {
  z-index: 1;
  position: relative;
}

.admin-detailed-device-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-device-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-device-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.admin-detailed-device-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.admin-detailed-device-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.admin-detailed-device-description-columns-second, .admin-detailed-device-description-content, .admin-detailed-device-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 42px;
  min-height: 120px;
}

.admin-detailed-device-description-content, .admin-detailed-device-heading-parent {
  flex-direction: column;
}

.admin-detailed-device-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.admin-detailed-device-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.admin-detailed-device-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-device-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-description-paragraphs, .admin-detailed-device-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.admin-detailed-device-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.admin-detailed-device-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.admin-detailed-device-heading1, .admin-detailed-device-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-device-heading1 {
  font-weight: 500;
}

.admin-detailed-device-paragraph26 {
  color: #475467;
}

.admin-detailed-device-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.admin-detailed-device-gallery-images-container-child, .admin-detailed-device-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.admin-detailed-device-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.admin-detailed-device-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.admin-detailed-device-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.admin-detailed-device-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-device-gallery-images, .admin-detailed-device-gallery-images-container, .admin-detailed-device-gallery-images-container1, .admin-detailed-device-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-device-gallery-images, .admin-detailed-device-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-device-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.admin-detailed-device-heading6 {
  font-weight: 600;
}

.admin-detailed-device-heading6, .admin-detailed-device-heading7, .admin-detailed-device-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-device-heading7 {
  font-weight: 500;
}

.admin-detailed-device-paragraph30 {
  color: #475467;
}

.admin-detailed-device-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.admin-detailed-device-benefits-content {
  gap: 16px;
}

.admin-detailed-device-benefits-container, .admin-detailed-device-benefits-content, .admin-detailed-device-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.admin-detailed-device-section {
  z-index: 1;
  font-size: 18px;
}

.admin-detailed-device-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.admin-detailed-device-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-device-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.admin-detailed-device-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.admin-detailed-device-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.admin-detailed-device-supporting-text3, .admin-detailed-device-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-text12 {
  font-weight: 500;
}

.admin-detailed-device-supporting-text3 {
  color: #475467;
}

.admin-detailed-device-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-detailed-device-download-items, .admin-detailed-device-download-items-parent, .admin-detailed-device-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-download-items-parent-custom {
  max-width: 50% !important;
}

.admin-detailed-device-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-download-items, .admin-detailed-device-download-items-parent {
  align-self: stretch;
}

.admin-detailed-device-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.admin-detailed-device-heading15, .admin-detailed-device-text18 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-device-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.admin-detailed-device-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-device-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-device-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-device-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-device-button-group-base2, .admin-detailed-device-button-group-base3, .admin-detailed-device-button-group-base4, .admin-detailed-device-button-group-base5, .admin-detailed-device-button-group-base6, .admin-detailed-device-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.admin-detailed-device-button-group-base3, .admin-detailed-device-button-group-base4, .admin-detailed-device-button-group-base5, .admin-detailed-device-button-group-base6, .admin-detailed-device-button-group-base7 {
  z-index: 5;
}

.admin-detailed-device-button-group-base4, .admin-detailed-device-button-group-base5, .admin-detailed-device-button-group-base6, .admin-detailed-device-button-group-base7 {
  z-index: 4;
}

.admin-detailed-device-button-group-base5, .admin-detailed-device-button-group-base6, .admin-detailed-device-button-group-base7 {
  z-index: 3;
}

.admin-detailed-device-button-group-base6, .admin-detailed-device-button-group-base7 {
  z-index: 2;
}

.admin-detailed-device-button-group-base7 {
  z-index: 1;
}

.admin-detailed-device-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-device-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-supporting-text9, .admin-detailed-device-text27 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-device-text27 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}

.admin-detailed-device-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.admin-detailed-device-content5, .admin-detailed-device-input-with-label1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-content5 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  width: 100%;
  display: flex;
}

.admin-detailed-device-input-with-label1 {
  align-self: stretch;
}

.admin-detailed-device-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.admin-detailed-device-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-device-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-device-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.admin-detailed-device-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-actions, .admin-detailed-device-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-device-button {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.admin-detailed-device-content4, .admin-detailed-device-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 3px;
}

.admin-detailed-device-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.admin-detailed-device-empty-review, .admin-detailed-device-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.admin-detailed-device-empty-review {
  justify-content: center;
  height: 44px;
  line-height: 24px;
}

.admin-detailed-device-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.admin-detailed-device-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.admin-detailed-device-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.admin-detailed-device-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.admin-detailed-device-review-content, .admin-detailed-device-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.admin-detailed-device-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.admin-detailed-device-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.admin-detailed-device-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-device-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-first-review-fifth-star, .admin-detailed-device-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.admin-detailed-device-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.admin-detailed-device-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-heading-wrapper {
  padding: 0 4px;
}

.admin-detailed-device-heading-wrapper, .admin-detailed-device-stars-wrapper, .admin-detailed-device-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.admin-detailed-device-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.admin-detailed-device-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-device-rectangle-parent3, .admin-detailed-device-review-container, .admin-detailed-device-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.admin-detailed-device-review-container, .admin-detailed-device-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-device-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.admin-detailed-device-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  padding-top: 10px;
  font-size: 56px;
}

.admin-detailed-device-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.admin-detailed-device-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.admin-detailed-device-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-alvo-medical, .admin-detailed-device-heading20 {
  font-weight: 500;
}

.admin-detailed-device-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-device-client-review-header, .admin-detailed-device-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.admin-detailed-device-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.admin-detailed-device-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-client-rating, .admin-detailed-device-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-client-rating {
  align-self: stretch;
  gap: 4px;
}

.admin-detailed-device-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.admin-detailed-device-client-review, .admin-detailed-device-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.admin-detailed-device-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.admin-detailed-device-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-device-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-detailed-device-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-badge-wrapper, .admin-detailed-device-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.admin-detailed-device-badge-wrapper {
  align-self: center;
  padding: 0 69px;
}

.admin-detailed-device-discount, .admin-detailed-device-price {
  z-index: 2;
  position: relative;
}

.admin-detailed-device-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.admin-detailed-device-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-device-original-price, .admin-detailed-device-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.admin-detailed-device-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.admin-detailed-device-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-device-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.admin-detailed-device-card-header, .admin-detailed-device-price-tag, .admin-detailed-device-service-title-container {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
}

.admin-detailed-device-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.admin-detailed-device-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -4px;
  right: 130px;
  margin: 0 !important;
}

.admin-detailed-device-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.admin-detailed-device-amlie-laurent, .admin-detailed-device-card-footer, .admin-detailed-device-role {
  align-self: stretch;
  position: relative;
}

.admin-detailed-device-card-footer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-amlie-laurent, .admin-detailed-device-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.admin-detailed-device-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.admin-detailed-device-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-supporting-text10 {
  z-index: 2;
  width: 117px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-supporting-text10-a {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-message-button {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  display: flex;
}

.admin-detailed-device-contact-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 52px;
  display: flex;
}

.admin-detailed-device-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.admin-detailed-device-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-device-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-buttonsbutton5, .admin-detailed-device-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-buttonsbutton5 {
  white-space: nowrap;
  cursor: pointer;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.admin-detailed-device-buttonsbutton5:hover {
  background-color: #6941c6;
}

.admin-detailed-device-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.admin-detailed-device-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-button-container2, .admin-detailed-device-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-button-container2 {
  flex: 1;
  gap: 16px;
}

.admin-detailed-device-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.admin-detailed-device-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.admin-detailed-device-dropdown-menu, .admin-detailed-device-dropdown1, .admin-detailed-device-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-dropdown1 {
  z-index: 2;
}

.admin-detailed-device-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.admin-detailed-device-professional-details, .admin-detailed-device-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.admin-detailed-device-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.admin-detailed-device-card-content, .admin-detailed-device-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.admin-detailed-device-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-device-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.admin-detailed-device-description, .admin-detailed-device-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.admin-detailed-device-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-device-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-detailed-device-header-content1, .admin-detailed-device-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-device-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.admin-detailed-device-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.admin-detailed-device-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.admin-detailed-device-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.admin-detailed-device-client-name, .admin-detailed-device-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-device-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.admin-detailed-device-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.admin-detailed-device-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.admin-detailed-device-testimonial-divider, .admin-detailed-device-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.admin-detailed-device-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.admin-detailed-device-rectangle-parent4, .admin-detailed-device-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.admin-detailed-device-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  margin: 0 auto;
  padding: 15px 0;
  font-size: 18px;
}

.admin-detailed-device-frame-parent, .admin-detailed-device-listing-content, .admin-detailed-device-listing-content-wrapper, .admin-detailed-device-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.admin-detailed-device-frame-parent, .admin-detailed-device-listing-content {
  flex-direction: row;
}

.admin-detailed-device-listing-content {
  flex: 1;
  gap: 14px;
}

.admin-detailed-device-frame-parent {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.admin-detailed-device-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 75%;
  padding: 0 80px;
  display: flex;
}

.admin-detailed-device-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  padding: 0 2px 24px 0;
}

.admin-detailed-device-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-listing-image-grid, .admin-detailed-device-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.admin-detailed-device-listing-image-grid1 {
  padding: 0 80px 24px;
}

.admin-detailed-device-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 35px;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-device-feedback-header, .admin-detailed-device-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.admin-detailed-device-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.admin-detailed-device-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-buttonsbutton7, .admin-detailed-device-feedback-score, .admin-detailed-device-stars-parent {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.admin-detailed-device-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.admin-detailed-device-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-device-client-feedback, .admin-detailed-device-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.admin-detailed-device-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 24px 80px 24px 0;
}

.admin-detailed-device-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-detailed-device-client-message, .admin-detailed-device-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.admin-detailed-device-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-device-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px 0;
}

.admin-detailed-device-buttonsbutton8, .admin-detailed-device-client-message {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-buttonsbutton8:hover {
  background-color: #6941c6;
}

.admin-detailed-device-view-replies {
  color: #eaecf0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 91.5%;
  padding-bottom: 24px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-device-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-button-wrap, .admin-detailed-device-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-device-buttonsbutton9 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-buttonsbutton9:hover {
  background-color: #eaecf0;
}

.admin-detailed-device-button-wrap {
  justify-content: flex-start;
}

.admin-detailed-device-details, .admin-detailed-device-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-text37 {
  min-width: 32px;
  font-weight: 600;
}

.admin-detailed-device-button-wrap1, .admin-detailed-device-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-device-buttonsbutton10 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-buttonsbutton10:hover {
  background-color: #eaecf0;
}

.admin-detailed-device-button-wrap1 {
  justify-content: flex-end;
}

.admin-detailed-device-pagination, .admin-detailed-device-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px 16px 9px;
  overflow-x: auto;
}

.admin-detailed-device-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 66px 24px;
  font-size: 14px;
}

.admin-detailed-device-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.admin-detailed-device-heading32, .admin-detailed-device-heading33 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-device-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.admin-detailed-device-heading33 {
  width: 107px;
  display: inline-block;
}

.admin-detailed-device-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-device-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-device-label2, .admin-detailed-device-label3, .admin-detailed-device-text38 {
  position: relative;
}

.admin-detailed-device-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.admin-detailed-device-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-device-input-with-label3, .admin-detailed-device-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.admin-detailed-device-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-detailed-device-content6, .admin-detailed-device-input-field, .admin-detailed-device-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.admin-detailed-device-content6, .admin-detailed-device-input-field {
  max-width: 100%;
}

.admin-detailed-device-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.admin-detailed-device-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.admin-detailed-device-label4, .admin-detailed-device-text39 {
  display: inline-block;
  position: relative;
}

.admin-detailed-device-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-device-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.admin-detailed-device-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-input-field1, .admin-detailed-device-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-detailed-device-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.admin-detailed-device-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.admin-detailed-device-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-button1, .admin-detailed-device-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.admin-detailed-device-review-form, .admin-detailed-device-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.admin-detailed-device-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-device-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-detailed-device-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.admin-detailed-device-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-heading-parent3, .admin-detailed-device-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.admin-detailed-device-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.admin-detailed-device-frame-child12, .admin-detailed-device-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.admin-detailed-device-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.admin-detailed-device-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.admin-detailed-device-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.admin-detailed-device-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.admin-detailed-device-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-badge5, .admin-detailed-device-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.admin-detailed-device-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.admin-detailed-device-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.admin-detailed-device-image-overlay, .admin-detailed-device-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-device-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.admin-detailed-device-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.admin-detailed-device-listing-detail-item-date, .admin-detailed-device-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.admin-detailed-device-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.admin-detailed-device-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-device-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.admin-detailed-device-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.admin-detailed-device-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-listing-detail-item-pin-wrapper, .admin-detailed-device-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.admin-detailed-device-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.admin-detailed-device-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.admin-detailed-device-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-listing, .admin-detailed-device-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.admin-detailed-device-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.admin-detailed-device-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.admin-detailed-device-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.admin-detailed-device-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.admin-detailed-device-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.admin-detailed-device-listing-detail-item-value, .admin-detailed-device-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.admin-detailed-device-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.admin-detailed-device-listing-detail-item, .admin-detailed-device-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.admin-detailed-device-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.admin-detailed-device-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.admin-detailed-device-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.admin-detailed-device-footer-social, .admin-detailed-device-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.admin-detailed-device-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-device-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-device-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.admin-detailed-device-badge-group, .admin-detailed-device-image-overlay3, .admin-detailed-device-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-device-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-device-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.admin-detailed-device-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.admin-detailed-device-agent-details-icon, .admin-detailed-device-agent-extra-info, .admin-detailed-device-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.admin-detailed-device-agent-details-icon, .admin-detailed-device-agent-extra-info {
  max-width: 100%;
}

.admin-detailed-device-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.admin-detailed-device-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.admin-detailed-device-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-device-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.admin-detailed-device-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.admin-detailed-device-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.admin-detailed-device-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-device-testiomonial-carousel-arrow4, .admin-detailed-device-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.admin-detailed-device-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-device-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.admin-detailed-device-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-rectangle-parent30, .admin-detailed-device-supporting-six-wrapper, .admin-detailed-device-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.admin-detailed-device-supporting-six-wrapper, .admin-detailed-device-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.admin-detailed-device-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.admin-detailed-device-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.admin-detailed-device-divider-container, .admin-detailed-device-icon-group, .admin-detailed-device-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.admin-detailed-device-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.admin-detailed-device-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-device-breadcrumb-button-base4, .admin-detailed-device-testiomonial-carousel-arrow6, .admin-detailed-device-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-device-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.admin-detailed-device-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.admin-detailed-device-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-device-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-device-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.admin-detailed-device-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-device-divider-icon24 {
  width: 1216px;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin: 0 !important;
}

.admin-detailed-device-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-device-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-device-button2, .admin-detailed-device-text-padding4, .admin-detailed-device-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.admin-detailed-device-button2, .admin-detailed-device-text-padding5 {
  box-sizing: border-box;
}

.admin-detailed-device-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.admin-detailed-device-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.admin-detailed-device-button3, .admin-detailed-device-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.admin-detailed-device-button4, .admin-detailed-device-button5, .admin-detailed-device-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.admin-detailed-device-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-actions1, .admin-detailed-device-testiomonial-carousel-arrow8, .admin-detailed-device-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-device-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.admin-detailed-device-testiomonial-carousel-arrow8, .admin-detailed-device-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-device-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-device-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.admin-detailed-device-listing-image-grid11, .admin-detailed-device-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.admin-detailed-device-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.admin-detailed-device-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-device-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.admin-detailed-device-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.admin-detailed-device-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-device-heading40, .admin-detailed-device-text123 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-device-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.admin-detailed-device-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-device-buttonsbutton27, .admin-detailed-device-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-device-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.admin-detailed-device-footer-link1 {
  justify-content: flex-start;
}

.admin-detailed-device-text124, .admin-detailed-device-text125, .admin-detailed-device-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-text125, .admin-detailed-device-text126 {
  min-width: 68px;
}

.admin-detailed-device-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.admin-detailed-device-badge36, .admin-detailed-device-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-device-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.admin-detailed-device-footer-link3 {
  gap: 8px;
}

.admin-detailed-device-text127, .admin-detailed-device-text128, .admin-detailed-device-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-text128, .admin-detailed-device-text129 {
  min-width: 97px;
}

.admin-detailed-device-text129 {
  min-width: 81px;
}

.admin-detailed-device-footer-links-column, .admin-detailed-device-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.admin-detailed-device-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.admin-detailed-device-text130, .admin-detailed-device-text131, .admin-detailed-device-text132, .admin-detailed-device-text133, .admin-detailed-device-text134, .admin-detailed-device-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.admin-detailed-device-text131, .admin-detailed-device-text132, .admin-detailed-device-text133, .admin-detailed-device-text134, .admin-detailed-device-text135 {
  min-width: 58px;
}

.admin-detailed-device-text132, .admin-detailed-device-text133, .admin-detailed-device-text134, .admin-detailed-device-text135 {
  min-width: 66px;
}

.admin-detailed-device-text133, .admin-detailed-device-text134, .admin-detailed-device-text135 {
  min-width: 90px;
}

.admin-detailed-device-text134, .admin-detailed-device-text135 {
  min-width: 55px;
}

.admin-detailed-device-text135 {
  min-width: 63px;
}

.admin-detailed-device-footer-links2, .admin-detailed-device-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.admin-detailed-device-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.admin-detailed-device-help-icon, .admin-detailed-device-label6 {
  display: none;
  position: relative;
}

.admin-detailed-device-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-device-help-icon {
  width: 16px;
  height: 16px;
}

.admin-detailed-device-input-with-label6, .admin-detailed-device-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.admin-detailed-device-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-device-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-device-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.admin-detailed-device-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-device-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-device-email-capture, .admin-detailed-device-links-and-newsletter, .admin-detailed-device-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.admin-detailed-device-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.admin-detailed-device-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.admin-detailed-device-container, .admin-detailed-device-content8, .admin-detailed-device-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-container {
  flex: 1;
  max-width: 1280px;
}

.admin-detailed-device-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.admin-detailed-device-divider-icon29, .admin-detailed-device-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.admin-detailed-device-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.admin-detailed-device-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  padding: 64px 0 48px;
  display: flex;
}

.admin-detailed-device-footer-text {
  line-height: 20px;
  position: relative;
}

.admin-detailed-device-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-detailed-device-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.admin-detailed-device-logomark, .admin-detailed-device-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.admin-detailed-device-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.admin-detailed-device-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.admin-detailed-device-content10, .admin-detailed-device-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-device-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.admin-detailed-device-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.admin-detailed-device-footer1, .admin-detailed-device-listings-detailed-page-devic, .admin-detailed-device-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-device-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.admin-detailed-device-listings-detailed-page-devic, .admin-detailed-device-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.admin-detailed-device-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.admin-detailed-device-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.admin-detailed-device-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-device-sharethis-parent {
  position: relative;
}

.admin-detailed-device-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-device-sharethis-follow-parent {
  position: relative;
}

.admin-detailed-device-button1-submit {
  z-index: 2;
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-device-button1-submit:hover {
  background-color: #6941c6;
}

.admin-detailed-device-client-feedback-parent {
  width: 100%;
}

.admin-detailed-device-reply-section {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 0 80px 24px 0;
  display: flex;
}

.admin-detailed-device-reply-textarea {
  resize: none;
  box-sizing: border-box;
  scrollbar-width: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  height: 100px;
  padding: 10px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.admin-detailed-device-reply-textarea:focus {
  border-color: #7e56d9;
  outline: none;
}

.admin-detailed-device-reply-submit-btn {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9;
  border: none;
  border-radius: 5px;
  width: max-content;
  padding: 8px 15px;
  font-size: 14px;
}

.admin-detailed-device-reply-submit-btn:hover {
  background-color: #6941c6;
}

.admin-detailed-device-reply-submit-btn:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.admin-detailed-device-char-counter {
  color: #555;
  text-align: left;
  font-size: 12px;
}

.admin-detailed-device-char-counter.warning {
  color: #e74c3c;
}

.review-section-main-container {
  width: 1056px;
  position: relative;
}

.detail-page-divider-icon6 {
  z-index: 2;
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-page-button11 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-page-button12 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #f3f4f6;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-page-text-padding8 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.admin-detailed-page-text76 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-page-text76-a {
  color: #374151;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

@media screen and (width <= 1275px) {
  .admin-detailed-device-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .admin-detailed-device-breadcrumb-controls1 {
    flex: 1;
  }

  .admin-detailed-device-breadcrumb-container {
    flex-wrap: wrap;
  }

  .admin-detailed-device-service-card {
    flex: 1;
  }

  .admin-detailed-device-listing-content {
    flex-wrap: wrap;
  }

  .admin-detailed-device-container, .admin-detailed-device-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .admin-detailed-device-client-review, .admin-detailed-device-content4, .admin-detailed-device-description-columns-first, .admin-detailed-device-download-items, .admin-detailed-device-gallery-images, .admin-detailed-device-rectangle-group, .admin-detailed-device-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .admin-detailed-device-description-block-parent {
    min-width: 100%;
  }

  .admin-detailed-device-client-feedback, .admin-detailed-device-client-message, .admin-detailed-device-listing-image-grid, .admin-detailed-device-listing-image-grid1, .admin-detailed-device-pagination-wrapper, .admin-detailed-device-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-device-heading-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-device-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .admin-detailed-device-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .admin-detailed-device-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .admin-detailed-device-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .admin-detailed-device-actions, .admin-detailed-device-file-upload-item-base {
    flex-wrap: wrap;
  }

  .admin-detailed-device-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .admin-detailed-device-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .admin-detailed-device-review-stars {
    min-width: 100%;
  }

  .admin-detailed-device-review-container, .admin-detailed-device-review-stars {
    flex-wrap: wrap;
  }

  .admin-detailed-device-client-review-header {
    min-width: 100%;
  }

  .admin-detailed-device-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-device-service-card {
    min-width: 100%;
  }

  .admin-detailed-device-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-device-feedback-header {
    min-width: 100%;
  }

  .admin-detailed-device-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .admin-detailed-device-frame-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-device-textarea-input-field {
    max-width: 100%;
  }

  .admin-detailed-device-content6 {
    gap: 16px;
  }

  .admin-detailed-device-textarea-input-field1 {
    max-width: 100%;
  }

  .admin-detailed-device-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-device-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .admin-detailed-device-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .admin-detailed-device-links {
    flex: 1;
  }

  .admin-detailed-device-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .admin-detailed-device-container {
    gap: 24px;
  }

  .admin-detailed-device-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-device-footer {
    gap: 24px;
    height: auto;
  }

  .admin-detailed-device-container1 {
    gap: 16px;
  }

  .admin-detailed-device-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .admin-detailed-device-header-container {
    gap: 17px;
  }

  .admin-detailed-device-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .admin-detailed-device-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .admin-detailed-device-button-row, .admin-detailed-device-contact-details {
    flex-wrap: wrap;
  }

  .admin-detailed-device-gallery-images-container, .admin-detailed-device-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .admin-detailed-device-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-detailed-device-input-dropdown {
    max-width: 100%;
  }

  .admin-detailed-device-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .admin-detailed-device-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .admin-detailed-device-rectangle-parent1 {
    flex: 1;
  }

  .admin-detailed-device-review-container {
    gap: 16px;
  }

  .admin-detailed-device-price {
    font-size: 21px;
    line-height: 26px;
  }

  .admin-detailed-device-header-content1, .admin-detailed-device-professional-details, .admin-detailed-device-testimonial-item {
    flex-wrap: wrap;
  }

  .admin-detailed-device-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .admin-detailed-device-review-form {
    gap: 25px;
  }

  .admin-detailed-device-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .admin-detailed-device-links, .admin-detailed-device-logo-and-supporting-text {
    gap: 16px;
  }

  .admin-detailed-device-email-capture {
    flex-wrap: wrap;
  }

  .admin-detailed-device-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .admin-detailed-device-footer1 {
    gap: 16px;
  }
}

.admin-detailed-service-review-reply-header {
  width: 20%;
}

.admin-detailed-service-review-reply-feedback-header {
  box-sizing: border-box;
  flex-direction: row;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-review-reply-header-info {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-review-reply-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-review-reply-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-service-review-reply-alvo-medical {
  font-weight: 500;
}

.admin-detailed-service-review-reply-main {
  box-sizing: border-box;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 80px 24px 10px;
  display: flex;
}

.admin-detailed-service-review-reply-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-service-review-reply {
  width: 100%;
  padding: 0 6px;
}

.admin-detailed-service-frame-child, .admin-detailed-service-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.admin-detailed-service-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.admin-detailed-service-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.admin-detailed-service-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.admin-detailed-service-header-content, .admin-detailed-service-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.admin-detailed-service-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.admin-detailed-service-bar-chart-01-icon, .admin-detailed-service-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.admin-detailed-service-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.admin-detailed-service-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-detailed-service-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.admin-detailed-service-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-service-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-service-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-badge1, .admin-detailed-service-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-detailed-service-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-service-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-service-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-navigation, .admin-detailed-service-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-service-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.admin-detailed-service-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.admin-detailed-service-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-service-placeholder, .admin-detailed-service-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.admin-detailed-service-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.admin-detailed-service-content3, .admin-detailed-service-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-service-content3 {
  flex: 1;
  gap: 8px;
}

.admin-detailed-service-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-header-container, .admin-detailed-service-input-with-label, .admin-detailed-service-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.admin-detailed-service-header-container, .admin-detailed-service-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-service-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.admin-detailed-service-header-container {
  gap: 70px;
  width: 754px;
}

.admin-detailed-service-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.admin-detailed-service-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-service-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.admin-detailed-service-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-detailed-service-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.admin-detailed-service-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-detailed-service-button-container, .admin-detailed-service-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-detailed-service-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.admin-detailed-service-divider-icon, .admin-detailed-service-text6 {
  align-self: stretch;
  position: relative;
}

.admin-detailed-service-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.admin-detailed-service-text6 {
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-service-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.admin-detailed-service-chevron-right-icon, .admin-detailed-service-text7 {
  flex-shrink: 0;
  position: relative;
}

.admin-detailed-service-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.admin-detailed-service-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-service-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.admin-detailed-service-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.admin-detailed-service-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-breadcrumb-controls, .admin-detailed-service-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.admin-detailed-service-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-service-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.admin-detailed-service-breadcrumb-controls-icon, .admin-detailed-service-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.admin-detailed-service-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
  width: 100% !important;
}

.admin-detailed-service-breadcrumb-controls-item {
  display: none;
}

.admin-detailed-service-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-buttonsbutton, .admin-detailed-service-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.admin-detailed-service-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-service-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.admin-detailed-service-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.admin-detailed-service-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.admin-detailed-service-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.admin-detailed-service-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.admin-detailed-service-breadcrumb, .admin-detailed-service-breadcrumb-button-base3, .admin-detailed-service-breadcrumb-container-parent, .admin-detailed-service-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.admin-detailed-service-breadcrumb, .admin-detailed-service-breadcrumb-container-parent {
  max-width: 100%;
}

.admin-detailed-service-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.admin-detailed-service-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.admin-detailed-service-pre- {
  text-transform: capitalize;
}

.admin-detailed-service-o {
  text-transform: lowercase;
}

.admin-detailed-service-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-marker-pin-02-icon, .admin-detailed-service-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.admin-detailed-service-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.admin-detailed-service-detail-items, .admin-detailed-service-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-detail-items {
  flex: 1;
  gap: 8px;
}

.admin-detailed-service-details-row {
  gap: 20px;
  width: 294px;
}

.admin-detailed-service-contact-name {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  max-width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-detailed-service-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-detailed-service-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.admin-detailed-service-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.admin-detailed-service-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-service-ellipse-div, .admin-detailed-service-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-service-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.admin-detailed-service-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-service-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.admin-detailed-service-contact-details, .admin-detailed-service-details-content, .admin-detailed-service-rectangle-container, .admin-detailed-service-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.admin-detailed-service-contact-details, .admin-detailed-service-details-content {
  align-self: stretch;
}

.admin-detailed-service-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.admin-detailed-service-details-content {
  flex-direction: column;
  gap: 8px;
}

.admin-detailed-service-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-buttonsbutton1, .admin-detailed-service-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-detailed-service-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.admin-detailed-service-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-service-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.admin-detailed-service-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.admin-detailed-service-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.admin-detailed-service-detail-container, .admin-detailed-service-dropdown, .admin-detailed-service-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.admin-detailed-service-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.admin-detailed-service-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-service-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.admin-detailed-service-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-service-heading, .admin-detailed-service-paragraph, .admin-detailed-service-paragraph1 {
  z-index: 1;
  position: relative;
}

.admin-detailed-service-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-service-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-service-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.admin-detailed-service-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.admin-detailed-service-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.admin-detailed-service-description-columns-second, .admin-detailed-service-description-content, .admin-detailed-service-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 42px;
  min-height: 120px;
}

.admin-detailed-service-description-content, .admin-detailed-service-heading-parent {
  flex-direction: column;
}

.admin-detailed-service-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.admin-detailed-service-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.admin-detailed-service-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-service-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-description-paragraphs, .admin-detailed-service-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.admin-detailed-service-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.admin-detailed-service-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.admin-detailed-service-heading1, .admin-detailed-service-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-service-heading1 {
  font-weight: 500;
}

.admin-detailed-service-paragraph26 {
  color: #475467;
}

.admin-detailed-service-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.admin-detailed-service-gallery-images-container-child, .admin-detailed-service-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.admin-detailed-service-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.admin-detailed-service-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.admin-detailed-service-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.admin-detailed-service-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-service-gallery-images, .admin-detailed-service-gallery-images-container, .admin-detailed-service-gallery-images-container1, .admin-detailed-service-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-service-gallery-images, .admin-detailed-service-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-service-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.admin-detailed-service-heading6 {
  font-weight: 600;
}

.admin-detailed-service-heading6, .admin-detailed-service-heading7, .admin-detailed-service-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-service-heading7 {
  font-weight: 500;
}

.admin-detailed-service-paragraph30 {
  color: #475467;
}

.admin-detailed-service-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.admin-detailed-service-benefits-content {
  gap: 16px;
}

.admin-detailed-service-benefits-container, .admin-detailed-service-benefits-content, .admin-detailed-service-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-section {
  z-index: 1;
  font-size: 18px;
}

.admin-detailed-service-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.admin-detailed-service-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-service-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.admin-detailed-service-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.admin-detailed-service-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.admin-detailed-service-supporting-text3, .admin-detailed-service-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-text12 {
  font-weight: 500;
}

.admin-detailed-service-supporting-text3 {
  color: #475467;
}

.admin-detailed-service-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-detailed-service-download-items, .admin-detailed-service-download-items-parent, .admin-detailed-service-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-download-items, .admin-detailed-service-download-items-parent {
  align-self: stretch;
}

.admin-detailed-service-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.admin-detailed-service-heading15, .admin-detailed-service-text18 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-service-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.admin-detailed-service-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-service-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-service-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-service-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-service-button-group-base2, .admin-detailed-service-button-group-base3, .admin-detailed-service-button-group-base4, .admin-detailed-service-button-group-base5, .admin-detailed-service-button-group-base6, .admin-detailed-service-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.admin-detailed-service-button-group-base3, .admin-detailed-service-button-group-base4, .admin-detailed-service-button-group-base5, .admin-detailed-service-button-group-base6, .admin-detailed-service-button-group-base7 {
  z-index: 5;
}

.admin-detailed-service-button-group-base4, .admin-detailed-service-button-group-base5, .admin-detailed-service-button-group-base6, .admin-detailed-service-button-group-base7 {
  z-index: 4;
}

.admin-detailed-service-button-group-base5, .admin-detailed-service-button-group-base6, .admin-detailed-service-button-group-base7 {
  z-index: 3;
}

.admin-detailed-service-button-group-base6, .admin-detailed-service-button-group-base7 {
  z-index: 2;
}

.admin-detailed-service-button-group-base7 {
  z-index: 1;
}

.admin-detailed-service-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-service-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-supporting-text9, .admin-detailed-service-text27 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-service-text27 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}

.admin-detailed-service-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.admin-detailed-service-content5, .admin-detailed-service-input-with-label1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.admin-detailed-service-input-with-label1 {
  align-self: stretch;
}

.admin-detailed-service-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.admin-detailed-service-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-service-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-service-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.admin-detailed-service-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-actions, .admin-detailed-service-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-service-button {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.admin-detailed-service-content4, .admin-detailed-service-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 3px;
}

.admin-detailed-service-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.admin-detailed-service-empty-review, .admin-detailed-service-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.admin-detailed-service-empty-review {
  justify-content: center;
  height: 44px;
  line-height: 24px;
}

.admin-detailed-service-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.admin-detailed-service-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.admin-detailed-service-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.admin-detailed-service-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.admin-detailed-service-review-content, .admin-detailed-service-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.admin-detailed-service-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.admin-detailed-service-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.admin-detailed-service-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-service-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-first-review-fifth-star, .admin-detailed-service-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.admin-detailed-service-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.admin-detailed-service-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-heading-wrapper {
  padding: 0 4px;
}

.admin-detailed-service-heading-wrapper, .admin-detailed-service-stars-wrapper, .admin-detailed-service-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.admin-detailed-service-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.admin-detailed-service-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-service-rectangle-parent3, .admin-detailed-service-review-container, .admin-detailed-service-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.admin-detailed-service-review-container, .admin-detailed-service-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-service-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.admin-detailed-service-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  padding-top: 10px;
  font-size: 56px;
}

.admin-detailed-service-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.admin-detailed-service-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.admin-detailed-service-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-alvo-medical, .admin-detailed-service-heading20 {
  font-weight: 500;
}

.admin-detailed-service-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-service-client-review-header, .admin-detailed-service-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.admin-detailed-service-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.admin-detailed-service-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-client-rating, .admin-detailed-service-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-client-rating {
  align-self: stretch;
  gap: 4px;
}

.admin-detailed-service-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.admin-detailed-service-client-review, .admin-detailed-service-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.admin-detailed-service-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.admin-detailed-service-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-service-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-detailed-service-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-badge-wrapper, .admin-detailed-service-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.admin-detailed-service-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.admin-detailed-service-discount, .admin-detailed-service-price {
  z-index: 2;
  position: relative;
}

.admin-detailed-service-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.admin-detailed-service-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-service-original-price, .admin-detailed-service-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.admin-detailed-service-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.admin-detailed-service-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-service-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.admin-detailed-service-card-header, .admin-detailed-service-price-tag, .admin-detailed-service-service-title-container {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
}

.admin-detailed-service-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.admin-detailed-service-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -4px;
  right: 130px;
  margin: 0 !important;
}

.admin-detailed-service-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.admin-detailed-service-amlie-laurent, .admin-detailed-service-card-footer, .admin-detailed-service-role {
  align-self: stretch;
  position: relative;
}

.admin-detailed-service-card-footer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-amlie-laurent, .admin-detailed-service-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.admin-detailed-service-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.admin-detailed-service-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-supporting-text10 {
  z-index: 2;
  width: 117px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-supporting-text10-a {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-message-button {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  display: flex;
}

.admin-detailed-service-contact-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 52px;
  display: flex;
}

.admin-detailed-service-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.admin-detailed-service-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-service-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-buttonsbutton5, .admin-detailed-service-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-buttonsbutton5 {
  white-space: nowrap;
  cursor: pointer;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.admin-detailed-service-buttonsbutton5:hover {
  background-color: #6941c6;
}

.admin-detailed-service-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.admin-detailed-service-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-button-container2, .admin-detailed-service-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-button-container2 {
  flex: 1;
  gap: 16px;
}

.admin-detailed-service-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.admin-detailed-service-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.admin-detailed-service-dropdown-menu, .admin-detailed-service-dropdown1, .admin-detailed-service-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-dropdown1 {
  z-index: 2;
}

.admin-detailed-service-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.admin-detailed-service-professional-details, .admin-detailed-service-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.admin-detailed-service-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.admin-detailed-service-card-content, .admin-detailed-service-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.admin-detailed-service-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-service-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.admin-detailed-service-description, .admin-detailed-service-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.admin-detailed-service-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-service-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-detailed-service-header-content1, .admin-detailed-service-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-service-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.admin-detailed-service-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.admin-detailed-service-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.admin-detailed-service-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.admin-detailed-service-client-name, .admin-detailed-service-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-service-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.admin-detailed-service-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.admin-detailed-service-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.admin-detailed-service-testimonial-divider, .admin-detailed-service-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.admin-detailed-service-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.admin-detailed-service-rectangle-parent4, .admin-detailed-service-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.admin-detailed-service-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  margin: 0 auto;
  padding: 22px 0 15px;
  font-size: 18px;
}

.admin-detailed-service-frame-parent, .admin-detailed-service-listing-content, .admin-detailed-service-listing-content-wrapper, .admin-detailed-service-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.admin-detailed-service-frame-parent, .admin-detailed-service-listing-content, .admin-detailed-service-listing-content-wrapper {
  flex-direction: row;
}

.admin-detailed-service-listing-content {
  flex: 1;
  gap: 14px;
}

.admin-detailed-service-frame-parent, .admin-detailed-service-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.admin-detailed-service-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  padding: 0 2px 24px 0;
}

.admin-detailed-service-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-listing-image-grid, .admin-detailed-service-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.admin-detailed-service-listing-image-grid1 {
  padding: 0 80px 24px;
}

.admin-detailed-service-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-service-feedback-header, .admin-detailed-service-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.admin-detailed-service-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.admin-detailed-service-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-buttonsbutton7, .admin-detailed-service-feedback-score, .admin-detailed-service-stars-parent {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.admin-detailed-service-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.admin-detailed-service-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-service-client-feedback, .admin-detailed-service-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.admin-detailed-service-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 24px 80px 24px 0;
}

.admin-detailed-service-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-detailed-service-client-message, .admin-detailed-service-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.admin-detailed-service-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-service-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px 0;
}

.admin-detailed-service-buttonsbutton8, .admin-detailed-service-client-message {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-buttonsbutton8:hover {
  background-color: #6941c6;
}

.admin-detailed-service-view-replies {
  color: #eaecf0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 91.5%;
  padding-bottom: 24px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-service-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-button-wrap, .admin-detailed-service-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-service-buttonsbutton9 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-buttonsbutton9:hover {
  background-color: #eaecf0;
}

.admin-detailed-service-button-wrap {
  justify-content: flex-start;
}

.admin-detailed-service-details, .admin-detailed-service-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-text37 {
  min-width: 32px;
  font-weight: 600;
}

.admin-detailed-service-button-wrap1, .admin-detailed-service-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-service-buttonsbutton10 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-buttonsbutton10:hover {
  background-color: #eaecf0;
}

.admin-detailed-service-button-wrap1 {
  justify-content: flex-end;
}

.admin-detailed-service-pagination, .admin-detailed-service-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px 16px 9px;
  overflow-x: auto;
}

.admin-detailed-service-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 66px 24px;
  font-size: 14px;
}

.admin-detailed-service-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.admin-detailed-service-heading32, .admin-detailed-service-heading33 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-service-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.admin-detailed-service-heading33 {
  width: 107px;
  display: inline-block;
}

.admin-detailed-service-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-service-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-service-label2, .admin-detailed-service-label3, .admin-detailed-service-text38 {
  position: relative;
}

.admin-detailed-service-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.admin-detailed-service-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-service-input-with-label3, .admin-detailed-service-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.admin-detailed-service-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-detailed-service-content6, .admin-detailed-service-input-field, .admin-detailed-service-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.admin-detailed-service-content6, .admin-detailed-service-input-field {
  max-width: 100%;
}

.admin-detailed-service-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.admin-detailed-service-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.admin-detailed-service-label4, .admin-detailed-service-text39 {
  display: inline-block;
  position: relative;
}

.admin-detailed-service-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-service-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.admin-detailed-service-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-input-field1, .admin-detailed-service-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-detailed-service-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.admin-detailed-service-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.admin-detailed-service-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-button1, .admin-detailed-service-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.admin-detailed-service-review-form, .admin-detailed-service-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.admin-detailed-service-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-service-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-detailed-service-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.admin-detailed-service-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-heading-parent3, .admin-detailed-service-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.admin-detailed-service-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.admin-detailed-service-frame-child12, .admin-detailed-service-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.admin-detailed-service-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.admin-detailed-service-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.admin-detailed-service-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.admin-detailed-service-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.admin-detailed-service-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-badge5, .admin-detailed-service-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.admin-detailed-service-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.admin-detailed-service-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.admin-detailed-service-image-overlay, .admin-detailed-service-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-service-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.admin-detailed-service-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.admin-detailed-service-listing-detail-item-date, .admin-detailed-service-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.admin-detailed-service-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.admin-detailed-service-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-service-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.admin-detailed-service-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.admin-detailed-service-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-listing-detail-item-pin-wrapper, .admin-detailed-service-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.admin-detailed-service-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.admin-detailed-service-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.admin-detailed-service-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-listing, .admin-detailed-service-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.admin-detailed-service-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.admin-detailed-service-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.admin-detailed-service-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.admin-detailed-service-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.admin-detailed-service-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.admin-detailed-service-listing-detail-item-value, .admin-detailed-service-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.admin-detailed-service-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.admin-detailed-service-listing-detail-item, .admin-detailed-service-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.admin-detailed-service-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.admin-detailed-service-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.admin-detailed-service-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.admin-detailed-service-footer-social, .admin-detailed-service-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.admin-detailed-service-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-service-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-service-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.admin-detailed-service-badge-group, .admin-detailed-service-image-overlay3, .admin-detailed-service-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-service-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-service-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.admin-detailed-service-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.admin-detailed-service-agent-details-icon, .admin-detailed-service-agent-extra-info, .admin-detailed-service-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.admin-detailed-service-agent-details-icon, .admin-detailed-service-agent-extra-info {
  max-width: 100%;
}

.admin-detailed-service-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.admin-detailed-service-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.admin-detailed-service-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-service-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.admin-detailed-service-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.admin-detailed-service-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.admin-detailed-service-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-service-testiomonial-carousel-arrow4, .admin-detailed-service-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.admin-detailed-service-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-service-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.admin-detailed-service-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-rectangle-parent30, .admin-detailed-service-supporting-six-wrapper, .admin-detailed-service-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.admin-detailed-service-supporting-six-wrapper, .admin-detailed-service-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.admin-detailed-service-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.admin-detailed-service-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.admin-detailed-service-divider-container, .admin-detailed-service-icon-group, .admin-detailed-service-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.admin-detailed-service-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.admin-detailed-service-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-service-breadcrumb-button-base4, .admin-detailed-service-testiomonial-carousel-arrow6, .admin-detailed-service-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-service-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.admin-detailed-service-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.admin-detailed-service-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-service-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-service-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.admin-detailed-service-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-service-divider-icon24 {
  width: 1216px;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin: 0 !important;
}

.admin-detailed-service-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-service-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-service-button2, .admin-detailed-service-text-padding4, .admin-detailed-service-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.admin-detailed-service-button2, .admin-detailed-service-text-padding5 {
  box-sizing: border-box;
}

.admin-detailed-service-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.admin-detailed-service-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.admin-detailed-service-button3, .admin-detailed-service-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.admin-detailed-service-button4, .admin-detailed-service-button5, .admin-detailed-service-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.admin-detailed-service-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-actions1, .admin-detailed-service-testiomonial-carousel-arrow8, .admin-detailed-service-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-service-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.admin-detailed-service-testiomonial-carousel-arrow8, .admin-detailed-service-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-service-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-service-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.admin-detailed-service-listing-image-grid11, .admin-detailed-service-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.admin-detailed-service-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.admin-detailed-service-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-service-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.admin-detailed-service-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.admin-detailed-service-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-service-heading40, .admin-detailed-service-text123 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-service-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.admin-detailed-service-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-service-buttonsbutton27, .admin-detailed-service-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-service-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.admin-detailed-service-footer-link1 {
  justify-content: flex-start;
}

.admin-detailed-service-text124, .admin-detailed-service-text125, .admin-detailed-service-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-text125, .admin-detailed-service-text126 {
  min-width: 68px;
}

.admin-detailed-service-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.admin-detailed-service-badge36, .admin-detailed-service-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-service-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.admin-detailed-service-footer-link3 {
  gap: 8px;
}

.admin-detailed-service-text127, .admin-detailed-service-text128, .admin-detailed-service-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-text128, .admin-detailed-service-text129 {
  min-width: 97px;
}

.admin-detailed-service-text129 {
  min-width: 81px;
}

.admin-detailed-service-footer-links-column, .admin-detailed-service-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.admin-detailed-service-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.admin-detailed-service-text130, .admin-detailed-service-text131, .admin-detailed-service-text132, .admin-detailed-service-text133, .admin-detailed-service-text134, .admin-detailed-service-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.admin-detailed-service-text131, .admin-detailed-service-text132, .admin-detailed-service-text133, .admin-detailed-service-text134, .admin-detailed-service-text135 {
  min-width: 58px;
}

.admin-detailed-service-text132, .admin-detailed-service-text133, .admin-detailed-service-text134, .admin-detailed-service-text135 {
  min-width: 66px;
}

.admin-detailed-service-text133, .admin-detailed-service-text134, .admin-detailed-service-text135 {
  min-width: 90px;
}

.admin-detailed-service-text134, .admin-detailed-service-text135 {
  min-width: 55px;
}

.admin-detailed-service-text135 {
  min-width: 63px;
}

.admin-detailed-service-footer-links2, .admin-detailed-service-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.admin-detailed-service-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.admin-detailed-service-help-icon, .admin-detailed-service-label6 {
  display: none;
  position: relative;
}

.admin-detailed-service-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-service-help-icon {
  width: 16px;
  height: 16px;
}

.admin-detailed-service-input-with-label6, .admin-detailed-service-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.admin-detailed-service-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-service-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-service-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.admin-detailed-service-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-service-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-service-email-capture, .admin-detailed-service-links-and-newsletter, .admin-detailed-service-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.admin-detailed-service-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.admin-detailed-service-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.admin-detailed-service-container, .admin-detailed-service-content8, .admin-detailed-service-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-container {
  flex: 1;
  max-width: 1280px;
}

.admin-detailed-service-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.admin-detailed-service-divider-icon29, .admin-detailed-service-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.admin-detailed-service-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.admin-detailed-service-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  padding: 64px 0 48px;
  display: flex;
}

.admin-detailed-service-footer-text {
  line-height: 20px;
  position: relative;
}

.admin-detailed-service-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-detailed-service-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.admin-detailed-service-logomark, .admin-detailed-service-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.admin-detailed-service-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.admin-detailed-service-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.admin-detailed-service-content10, .admin-detailed-service-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-service-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.admin-detailed-service-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.admin-detailed-service-footer1, .admin-detailed-service-listings-detailed-page-devic, .admin-detailed-service-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-service-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.admin-detailed-service-listings-detailed-page-devic, .admin-detailed-service-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.admin-detailed-service-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.admin-detailed-service-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.admin-detailed-service-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-service-sharethis-parent {
  position: relative;
}

.admin-detailed-service-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-service-sharethis-follow-parent {
  position: relative;
}

.admin-detailed-service-button1-submit {
  z-index: 2;
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-service-button1-submit:hover {
  background-color: #6941c6;
}

.admin-detailed-service-client-feedback-parent {
  width: 100%;
}

.admin-detailed-service-reply-section {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 0 80px 24px 0;
  display: flex;
}

.admin-detailed-service-reply-textarea {
  resize: none;
  box-sizing: border-box;
  scrollbar-width: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  height: 100px;
  padding: 10px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.admin-detailed-service-reply-textarea:focus {
  border-color: #7e56d9;
  outline: none;
}

.admin-detailed-service-reply-submit-btn {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9;
  border: none;
  border-radius: 5px;
  width: max-content;
  padding: 8px 15px;
  font-size: 14px;
}

.admin-detailed-service-reply-submit-btn:hover {
  background-color: #6941c6;
}

.admin-detailed-service-reply-submit-btn:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.admin-detailed-service-char-counter {
  color: #555;
  text-align: left;
  font-size: 12px;
}

.admin-detailed-service-char-counter.warning {
  color: #e74c3c;
}

@media screen and (width <= 1275px) {
  .admin-detailed-service-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .admin-detailed-service-breadcrumb-controls1 {
    flex: 1;
  }

  .admin-detailed-service-breadcrumb-container {
    flex-wrap: wrap;
  }

  .admin-detailed-service-service-card {
    flex: 1;
  }

  .admin-detailed-service-listing-content {
    flex-wrap: wrap;
  }

  .admin-detailed-service-container, .admin-detailed-service-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .admin-detailed-service-client-review, .admin-detailed-service-content4, .admin-detailed-service-description-columns-first, .admin-detailed-service-download-items, .admin-detailed-service-gallery-images, .admin-detailed-service-rectangle-group, .admin-detailed-service-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .admin-detailed-service-description-block-parent {
    min-width: 100%;
  }

  .admin-detailed-service-client-feedback, .admin-detailed-service-client-message, .admin-detailed-service-listing-image-grid, .admin-detailed-service-listing-image-grid1, .admin-detailed-service-pagination-wrapper, .admin-detailed-service-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-service-heading-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-service-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .admin-detailed-service-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .admin-detailed-service-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .admin-detailed-service-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .admin-detailed-service-actions, .admin-detailed-service-file-upload-item-base {
    flex-wrap: wrap;
  }

  .admin-detailed-service-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .admin-detailed-service-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .admin-detailed-service-review-stars {
    min-width: 100%;
  }

  .admin-detailed-service-review-container, .admin-detailed-service-review-stars {
    flex-wrap: wrap;
  }

  .admin-detailed-service-client-review-header {
    min-width: 100%;
  }

  .admin-detailed-service-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-service-service-card {
    min-width: 100%;
  }

  .admin-detailed-service-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-service-feedback-header {
    min-width: 100%;
  }

  .admin-detailed-service-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .admin-detailed-service-frame-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-service-textarea-input-field {
    max-width: 100%;
  }

  .admin-detailed-service-content6 {
    gap: 16px;
  }

  .admin-detailed-service-textarea-input-field1 {
    max-width: 100%;
  }

  .admin-detailed-service-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-service-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .admin-detailed-service-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .admin-detailed-service-links {
    flex: 1;
  }

  .admin-detailed-service-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .admin-detailed-service-container {
    gap: 24px;
  }

  .admin-detailed-service-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-service-footer {
    gap: 24px;
    height: auto;
  }

  .admin-detailed-service-container1 {
    gap: 16px;
  }

  .admin-detailed-service-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .admin-detailed-service-header-container {
    gap: 17px;
  }

  .admin-detailed-service-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .admin-detailed-service-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .admin-detailed-service-button-row, .admin-detailed-service-contact-details {
    flex-wrap: wrap;
  }

  .admin-detailed-service-gallery-images-container, .admin-detailed-service-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .admin-detailed-service-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-detailed-service-input-dropdown {
    max-width: 100%;
  }

  .admin-detailed-service-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .admin-detailed-service-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .admin-detailed-service-rectangle-parent1 {
    flex: 1;
  }

  .admin-detailed-service-review-container {
    gap: 16px;
  }

  .admin-detailed-service-price {
    font-size: 21px;
    line-height: 26px;
  }

  .admin-detailed-service-header-content1, .admin-detailed-service-professional-details, .admin-detailed-service-testimonial-item {
    flex-wrap: wrap;
  }

  .admin-detailed-service-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .admin-detailed-service-review-form {
    gap: 25px;
  }

  .admin-detailed-service-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .admin-detailed-service-links, .admin-detailed-service-logo-and-supporting-text {
    gap: 16px;
  }

  .admin-detailed-service-email-capture {
    flex-wrap: wrap;
  }

  .admin-detailed-service-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .admin-detailed-service-footer1 {
    gap: 16px;
  }
}

.admin-detailed-software-review-reply-header {
  width: 20%;
}

.admin-detailed-software-review-reply-feedback-header {
  box-sizing: border-box;
  flex-direction: row;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-review-reply-header-info {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-review-reply-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-review-reply-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-software-review-reply-alvo-medical {
  font-weight: 500;
}

.admin-detailed-software-review-reply-main {
  box-sizing: border-box;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 80px 24px 10px;
  display: flex;
}

.admin-detailed-software-review-reply-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-software-review-reply {
  width: 100%;
  padding: 0 6px;
}

.admin-detailed-software-frame-child, .admin-detailed-software-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.admin-detailed-software-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.admin-detailed-software-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.admin-detailed-software-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.admin-detailed-software-header-content, .admin-detailed-software-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.admin-detailed-software-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.admin-detailed-software-bar-chart-01-icon, .admin-detailed-software-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.admin-detailed-software-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.admin-detailed-software-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-detailed-software-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.admin-detailed-software-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-software-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-software-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-badge1, .admin-detailed-software-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-detailed-software-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-software-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-software-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-navigation, .admin-detailed-software-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-software-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.admin-detailed-software-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.admin-detailed-software-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-software-placeholder, .admin-detailed-software-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.admin-detailed-software-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.admin-detailed-software-content3, .admin-detailed-software-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-software-content3 {
  flex: 1;
  gap: 8px;
}

.admin-detailed-software-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-header-container, .admin-detailed-software-input-with-label, .admin-detailed-software-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.admin-detailed-software-header-container, .admin-detailed-software-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-software-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.admin-detailed-software-header-container {
  gap: 70px;
  width: 754px;
}

.admin-detailed-software-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.admin-detailed-software-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-software-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.admin-detailed-software-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-detailed-software-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.admin-detailed-software-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-detailed-software-button-container, .admin-detailed-software-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-detailed-software-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.admin-detailed-software-divider-icon, .admin-detailed-software-text6 {
  align-self: stretch;
  position: relative;
}

.admin-detailed-software-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.admin-detailed-software-text6 {
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-software-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.admin-detailed-software-chevron-right-icon, .admin-detailed-software-text7 {
  flex-shrink: 0;
  position: relative;
}

.admin-detailed-software-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.admin-detailed-software-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-software-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.admin-detailed-software-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.admin-detailed-software-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-breadcrumb-controls, .admin-detailed-software-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.admin-detailed-software-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-software-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.admin-detailed-software-breadcrumb-controls-icon, .admin-detailed-software-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.admin-detailed-software-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.admin-detailed-software-breadcrumb-controls-item {
  display: none;
}

.admin-detailed-software-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-buttonsbutton, .admin-detailed-software-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.admin-detailed-software-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-software-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.admin-detailed-software-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.admin-detailed-software-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.admin-detailed-software-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.admin-detailed-software-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.admin-detailed-software-breadcrumb, .admin-detailed-software-breadcrumb-button-base3, .admin-detailed-software-breadcrumb-container-parent, .admin-detailed-software-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.admin-detailed-software-breadcrumb, .admin-detailed-software-breadcrumb-container-parent {
  max-width: 100%;
}

.admin-detailed-software-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.admin-detailed-software-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.admin-detailed-software-pre- {
  text-transform: capitalize;
}

.admin-detailed-software-o {
  text-transform: lowercase;
}

.admin-detailed-software-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-marker-pin-02-icon, .admin-detailed-software-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.admin-detailed-software-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.admin-detailed-software-detail-items, .admin-detailed-software-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-detail-items {
  flex: 1;
  gap: 8px;
}

.admin-detailed-software-details-row {
  gap: 20px;
  width: 294px;
}

.admin-detailed-software-contact-name {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  max-width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-detailed-software-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-detailed-software-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.admin-detailed-software-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.admin-detailed-software-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-software-ellipse-div, .admin-detailed-software-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-software-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.admin-detailed-software-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-software-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.admin-detailed-software-contact-details, .admin-detailed-software-details-content, .admin-detailed-software-rectangle-container, .admin-detailed-software-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.admin-detailed-software-contact-details, .admin-detailed-software-details-content {
  align-self: stretch;
}

.admin-detailed-software-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.admin-detailed-software-details-content {
  flex-direction: column;
  gap: 8px;
}

.admin-detailed-software-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-buttonsbutton1, .admin-detailed-software-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-detailed-software-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.admin-detailed-software-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-software-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.admin-detailed-software-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.admin-detailed-software-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.admin-detailed-software-detail-container, .admin-detailed-software-dropdown, .admin-detailed-software-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.admin-detailed-software-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.admin-detailed-software-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-software-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.admin-detailed-software-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-software-heading, .admin-detailed-software-paragraph, .admin-detailed-software-paragraph1 {
  z-index: 1;
  position: relative;
}

.admin-detailed-software-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-software-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-software-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.admin-detailed-software-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 35px;
  display: flex;
}

.admin-detailed-software-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.admin-detailed-software-description-columns-second, .admin-detailed-software-description-content, .admin-detailed-software-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 36px;
  min-height: 120px;
}

.admin-detailed-software-description-content, .admin-detailed-software-heading-parent {
  flex-direction: column;
}

.admin-detailed-software-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.admin-detailed-software-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.admin-detailed-software-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-software-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-description-paragraphs, .admin-detailed-software-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.admin-detailed-software-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.admin-detailed-software-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.admin-detailed-software-heading1, .admin-detailed-software-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-software-heading1 {
  font-weight: 500;
}

.admin-detailed-software-paragraph26 {
  color: #475467;
}

.admin-detailed-software-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.admin-detailed-software-gallery-images-container-child, .admin-detailed-software-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.admin-detailed-software-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.admin-detailed-software-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.admin-detailed-software-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.admin-detailed-software-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-software-gallery-images, .admin-detailed-software-gallery-images-container, .admin-detailed-software-gallery-images-container1, .admin-detailed-software-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-software-gallery-images, .admin-detailed-software-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-software-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.admin-detailed-software-heading6 {
  font-weight: 600;
}

.admin-detailed-software-heading6, .admin-detailed-software-heading7, .admin-detailed-software-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-software-heading7 {
  font-weight: 500;
}

.admin-detailed-software-paragraph30 {
  color: #475467;
}

.admin-detailed-software-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.admin-detailed-software-benefits-content {
  gap: 16px;
}

.admin-detailed-software-benefits-container, .admin-detailed-software-benefits-content, .admin-detailed-software-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-section {
  z-index: 1;
  font-size: 18px;
}

.admin-detailed-software-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.admin-detailed-software-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-software-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.admin-detailed-software-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.admin-detailed-software-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.admin-detailed-software-supporting-text3, .admin-detailed-software-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-text12 {
  font-weight: 500;
}

.admin-detailed-software-supporting-text3 {
  color: #475467;
}

.admin-detailed-software-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-detailed-software-download-items, .admin-detailed-software-download-items-parent, .admin-detailed-software-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-download-items, .admin-detailed-software-download-items-parent {
  align-self: stretch;
}

.admin-detailed-software-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.admin-detailed-software-heading15, .admin-detailed-software-text18 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-software-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.admin-detailed-software-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-software-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-software-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-software-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-software-button-group-base2, .admin-detailed-software-button-group-base3, .admin-detailed-software-button-group-base4, .admin-detailed-software-button-group-base5, .admin-detailed-software-button-group-base6, .admin-detailed-software-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.admin-detailed-software-button-group-base3, .admin-detailed-software-button-group-base4, .admin-detailed-software-button-group-base5, .admin-detailed-software-button-group-base6, .admin-detailed-software-button-group-base7 {
  z-index: 5;
}

.admin-detailed-software-button-group-base4, .admin-detailed-software-button-group-base5, .admin-detailed-software-button-group-base6, .admin-detailed-software-button-group-base7 {
  z-index: 4;
}

.admin-detailed-software-button-group-base5, .admin-detailed-software-button-group-base6, .admin-detailed-software-button-group-base7 {
  z-index: 3;
}

.admin-detailed-software-button-group-base6, .admin-detailed-software-button-group-base7 {
  z-index: 2;
}

.admin-detailed-software-button-group-base7 {
  z-index: 1;
}

.admin-detailed-software-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-software-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-supporting-text9, .admin-detailed-software-text27 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-software-text27 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}

.admin-detailed-software-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.admin-detailed-software-content5, .admin-detailed-software-input-with-label1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.admin-detailed-software-input-with-label1 {
  align-self: stretch;
}

.admin-detailed-software-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.admin-detailed-software-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-software-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-software-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.admin-detailed-software-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-actions, .admin-detailed-software-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-software-button {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.admin-detailed-software-content4, .admin-detailed-software-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 3px;
}

.admin-detailed-software-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.admin-detailed-software-empty-review, .admin-detailed-software-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.admin-detailed-software-empty-review {
  justify-content: center;
  height: 44px;
  line-height: 24px;
}

.admin-detailed-software-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.admin-detailed-software-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.admin-detailed-software-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.admin-detailed-software-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.admin-detailed-software-review-content, .admin-detailed-software-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.admin-detailed-software-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.admin-detailed-software-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.admin-detailed-software-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-software-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-first-review-fifth-star, .admin-detailed-software-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.admin-detailed-software-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.admin-detailed-software-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-heading-wrapper {
  padding: 0 4px;
}

.admin-detailed-software-heading-wrapper, .admin-detailed-software-stars-wrapper, .admin-detailed-software-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.admin-detailed-software-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.admin-detailed-software-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-software-rectangle-parent3, .admin-detailed-software-review-container, .admin-detailed-software-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.admin-detailed-software-review-container, .admin-detailed-software-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-software-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.admin-detailed-software-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  padding-top: 10px;
  font-size: 56px;
}

.admin-detailed-software-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.admin-detailed-software-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.admin-detailed-software-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-alvo-medical, .admin-detailed-software-heading20 {
  font-weight: 500;
}

.admin-detailed-software-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-software-client-review-header, .admin-detailed-software-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.admin-detailed-software-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.admin-detailed-software-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-client-rating, .admin-detailed-software-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-client-rating {
  align-self: stretch;
  gap: 4px;
}

.admin-detailed-software-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.admin-detailed-software-client-review, .admin-detailed-software-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.admin-detailed-software-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.admin-detailed-software-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-software-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-detailed-software-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-badge-wrapper, .admin-detailed-software-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.admin-detailed-software-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.admin-detailed-software-discount, .admin-detailed-software-price {
  z-index: 2;
  position: relative;
}

.admin-detailed-software-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.admin-detailed-software-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-software-original-price, .admin-detailed-software-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.admin-detailed-software-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.admin-detailed-software-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-software-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.admin-detailed-software-card-header, .admin-detailed-software-price-tag, .admin-detailed-software-service-title-container {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
}

.admin-detailed-software-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.admin-detailed-software-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -4px;
  right: 130px;
  margin: 0 !important;
}

.admin-detailed-software-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.admin-detailed-software-amlie-laurent, .admin-detailed-software-card-footer, .admin-detailed-software-role {
  align-self: stretch;
  position: relative;
}

.admin-detailed-software-card-footer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-amlie-laurent, .admin-detailed-software-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.admin-detailed-software-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.admin-detailed-software-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-supporting-text10 {
  z-index: 2;
  width: 117px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-supporting-text10-a {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-message-button {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  display: flex;
}

.admin-detailed-software-contact-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 52px;
  display: flex;
}

.admin-detailed-software-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.admin-detailed-software-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-software-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-buttonsbutton5, .admin-detailed-software-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-buttonsbutton5 {
  white-space: nowrap;
  cursor: pointer;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.admin-detailed-software-buttonsbutton5:hover {
  background-color: #6941c6;
}

.admin-detailed-software-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.admin-detailed-software-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-button-container2, .admin-detailed-software-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-button-container2 {
  flex: 1;
  gap: 16px;
}

.admin-detailed-software-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.admin-detailed-software-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.admin-detailed-software-dropdown-menu, .admin-detailed-software-dropdown1, .admin-detailed-software-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-dropdown1 {
  z-index: 2;
}

.admin-detailed-software-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.admin-detailed-software-professional-details, .admin-detailed-software-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.admin-detailed-software-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.admin-detailed-software-card-content, .admin-detailed-software-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.admin-detailed-software-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-software-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.admin-detailed-software-description, .admin-detailed-software-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.admin-detailed-software-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-software-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-detailed-software-header-content1, .admin-detailed-software-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-software-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.admin-detailed-software-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.admin-detailed-software-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.admin-detailed-software-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.admin-detailed-software-client-name, .admin-detailed-software-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-software-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.admin-detailed-software-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.admin-detailed-software-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.admin-detailed-software-testimonial-divider, .admin-detailed-software-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.admin-detailed-software-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.admin-detailed-software-rectangle-parent4, .admin-detailed-software-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.admin-detailed-software-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  margin: 0 auto;
  padding: 22px 0 15px;
  font-size: 18px;
}

.admin-detailed-software-frame-parent, .admin-detailed-software-listing-content, .admin-detailed-software-listing-content-wrapper, .admin-detailed-software-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.admin-detailed-software-frame-parent, .admin-detailed-software-listing-content, .admin-detailed-software-listing-content-wrapper {
  flex-direction: row;
}

.admin-detailed-software-listing-content {
  flex: 1;
  gap: 14px;
}

.admin-detailed-software-frame-parent, .admin-detailed-software-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.admin-detailed-software-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  padding: 0 2px 24px 0;
}

.admin-detailed-software-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-listing-image-grid, .admin-detailed-software-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.admin-detailed-software-listing-image-grid1 {
  padding: 0 80px 24px;
}

.admin-detailed-software-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-software-feedback-header, .admin-detailed-software-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.admin-detailed-software-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.admin-detailed-software-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-buttonsbutton7, .admin-detailed-software-feedback-score, .admin-detailed-software-stars-parent {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.admin-detailed-software-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.admin-detailed-software-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-software-client-feedback, .admin-detailed-software-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.admin-detailed-software-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 24px 80px 24px 0;
}

.admin-detailed-software-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-detailed-software-client-message, .admin-detailed-software-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.admin-detailed-software-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-software-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px 0;
}

.admin-detailed-software-buttonsbutton8, .admin-detailed-software-client-message {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-buttonsbutton8:hover {
  background-color: #6941c6;
}

.admin-detailed-software-view-replies {
  color: #eaecf0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 91.5%;
  padding-bottom: 24px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-software-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-button-wrap, .admin-detailed-software-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-software-buttonsbutton9 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-buttonsbutton9:hover {
  background-color: #eaecf0;
}

.admin-detailed-software-button-wrap {
  justify-content: flex-start;
}

.admin-detailed-software-details, .admin-detailed-software-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-text37 {
  min-width: 32px;
  font-weight: 600;
}

.admin-detailed-software-button-wrap1, .admin-detailed-software-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-software-buttonsbutton10 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-buttonsbutton10:hover {
  background-color: #eaecf0;
}

.admin-detailed-software-button-wrap1 {
  justify-content: flex-end;
}

.admin-detailed-software-pagination, .admin-detailed-software-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px 16px 9px;
  overflow-x: auto;
}

.admin-detailed-software-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 66px 24px;
  font-size: 14px;
}

.admin-detailed-software-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.admin-detailed-software-heading32, .admin-detailed-software-heading33 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-software-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.admin-detailed-software-heading33 {
  width: 107px;
  display: inline-block;
}

.admin-detailed-software-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-software-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-software-label2, .admin-detailed-software-label3, .admin-detailed-software-text38 {
  position: relative;
}

.admin-detailed-software-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.admin-detailed-software-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-software-input-with-label3, .admin-detailed-software-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.admin-detailed-software-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-detailed-software-content6, .admin-detailed-software-input-field, .admin-detailed-software-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.admin-detailed-software-content6, .admin-detailed-software-input-field {
  max-width: 100%;
}

.admin-detailed-software-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.admin-detailed-software-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.admin-detailed-software-label4, .admin-detailed-software-text39 {
  display: inline-block;
  position: relative;
}

.admin-detailed-software-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-software-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.admin-detailed-software-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-input-field1, .admin-detailed-software-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-detailed-software-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.admin-detailed-software-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.admin-detailed-software-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-button1, .admin-detailed-software-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.admin-detailed-software-review-form, .admin-detailed-software-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.admin-detailed-software-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-software-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-detailed-software-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.admin-detailed-software-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-heading-parent3, .admin-detailed-software-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.admin-detailed-software-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.admin-detailed-software-frame-child12, .admin-detailed-software-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.admin-detailed-software-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.admin-detailed-software-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.admin-detailed-software-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.admin-detailed-software-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.admin-detailed-software-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-badge5, .admin-detailed-software-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.admin-detailed-software-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.admin-detailed-software-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.admin-detailed-software-image-overlay, .admin-detailed-software-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-software-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.admin-detailed-software-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.admin-detailed-software-listing-detail-item-date, .admin-detailed-software-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.admin-detailed-software-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.admin-detailed-software-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-software-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.admin-detailed-software-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.admin-detailed-software-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-listing-detail-item-pin-wrapper, .admin-detailed-software-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.admin-detailed-software-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.admin-detailed-software-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.admin-detailed-software-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-listing, .admin-detailed-software-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.admin-detailed-software-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.admin-detailed-software-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.admin-detailed-software-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.admin-detailed-software-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.admin-detailed-software-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.admin-detailed-software-listing-detail-item-value, .admin-detailed-software-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.admin-detailed-software-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.admin-detailed-software-listing-detail-item, .admin-detailed-software-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.admin-detailed-software-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.admin-detailed-software-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.admin-detailed-software-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.admin-detailed-software-footer-social, .admin-detailed-software-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.admin-detailed-software-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-software-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-software-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.admin-detailed-software-badge-group, .admin-detailed-software-image-overlay3, .admin-detailed-software-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-software-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-software-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.admin-detailed-software-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.admin-detailed-software-agent-details-icon, .admin-detailed-software-agent-extra-info, .admin-detailed-software-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.admin-detailed-software-agent-details-icon, .admin-detailed-software-agent-extra-info {
  max-width: 100%;
}

.admin-detailed-software-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.admin-detailed-software-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.admin-detailed-software-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-software-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.admin-detailed-software-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.admin-detailed-software-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.admin-detailed-software-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-software-testiomonial-carousel-arrow4, .admin-detailed-software-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.admin-detailed-software-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-software-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.admin-detailed-software-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-rectangle-parent30, .admin-detailed-software-supporting-six-wrapper, .admin-detailed-software-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.admin-detailed-software-supporting-six-wrapper, .admin-detailed-software-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.admin-detailed-software-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.admin-detailed-software-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.admin-detailed-software-divider-container, .admin-detailed-software-icon-group, .admin-detailed-software-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.admin-detailed-software-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.admin-detailed-software-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-software-breadcrumb-button-base4, .admin-detailed-software-testiomonial-carousel-arrow6, .admin-detailed-software-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-software-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.admin-detailed-software-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.admin-detailed-software-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-software-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-software-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.admin-detailed-software-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-software-divider-icon24 {
  width: 1216px;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin: 0 !important;
}

.admin-detailed-software-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-software-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-software-button2, .admin-detailed-software-text-padding4, .admin-detailed-software-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.admin-detailed-software-button2, .admin-detailed-software-text-padding5 {
  box-sizing: border-box;
}

.admin-detailed-software-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.admin-detailed-software-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.admin-detailed-software-button3, .admin-detailed-software-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.admin-detailed-software-button4, .admin-detailed-software-button5, .admin-detailed-software-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.admin-detailed-software-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-actions1, .admin-detailed-software-testiomonial-carousel-arrow8, .admin-detailed-software-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-software-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.admin-detailed-software-testiomonial-carousel-arrow8, .admin-detailed-software-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-software-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-software-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.admin-detailed-software-listing-image-grid11, .admin-detailed-software-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.admin-detailed-software-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.admin-detailed-software-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-software-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.admin-detailed-software-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.admin-detailed-software-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-software-heading40, .admin-detailed-software-text123 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-software-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.admin-detailed-software-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-software-buttonsbutton27, .admin-detailed-software-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-software-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.admin-detailed-software-footer-link1 {
  justify-content: flex-start;
}

.admin-detailed-software-text124, .admin-detailed-software-text125, .admin-detailed-software-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-text125, .admin-detailed-software-text126 {
  min-width: 68px;
}

.admin-detailed-software-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.admin-detailed-software-badge36, .admin-detailed-software-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-software-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.admin-detailed-software-footer-link3 {
  gap: 8px;
}

.admin-detailed-software-text127, .admin-detailed-software-text128, .admin-detailed-software-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-text128, .admin-detailed-software-text129 {
  min-width: 97px;
}

.admin-detailed-software-text129 {
  min-width: 81px;
}

.admin-detailed-software-footer-links-column, .admin-detailed-software-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.admin-detailed-software-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.admin-detailed-software-text130, .admin-detailed-software-text131, .admin-detailed-software-text132, .admin-detailed-software-text133, .admin-detailed-software-text134, .admin-detailed-software-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.admin-detailed-software-text131, .admin-detailed-software-text132, .admin-detailed-software-text133, .admin-detailed-software-text134, .admin-detailed-software-text135 {
  min-width: 58px;
}

.admin-detailed-software-text132, .admin-detailed-software-text133, .admin-detailed-software-text134, .admin-detailed-software-text135 {
  min-width: 66px;
}

.admin-detailed-software-text133, .admin-detailed-software-text134, .admin-detailed-software-text135 {
  min-width: 90px;
}

.admin-detailed-software-text134, .admin-detailed-software-text135 {
  min-width: 55px;
}

.admin-detailed-software-text135 {
  min-width: 63px;
}

.admin-detailed-software-footer-links2, .admin-detailed-software-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.admin-detailed-software-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.admin-detailed-software-help-icon, .admin-detailed-software-label6 {
  display: none;
  position: relative;
}

.admin-detailed-software-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-software-help-icon {
  width: 16px;
  height: 16px;
}

.admin-detailed-software-input-with-label6, .admin-detailed-software-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.admin-detailed-software-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-software-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-software-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.admin-detailed-software-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-software-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-software-email-capture, .admin-detailed-software-links-and-newsletter, .admin-detailed-software-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.admin-detailed-software-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.admin-detailed-software-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.admin-detailed-software-container, .admin-detailed-software-content8, .admin-detailed-software-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-container {
  flex: 1;
  max-width: 1280px;
}

.admin-detailed-software-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.admin-detailed-software-divider-icon29, .admin-detailed-software-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.admin-detailed-software-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.admin-detailed-software-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  padding: 64px 0 48px;
  display: flex;
}

.admin-detailed-software-footer-text {
  line-height: 20px;
  position: relative;
}

.admin-detailed-software-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-detailed-software-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.admin-detailed-software-logomark, .admin-detailed-software-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.admin-detailed-software-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.admin-detailed-software-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.admin-detailed-software-content10, .admin-detailed-software-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-software-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.admin-detailed-software-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.admin-detailed-software-footer1, .admin-detailed-software-listings-detailed-page-devic, .admin-detailed-software-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-software-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.admin-detailed-software-listings-detailed-page-devic, .admin-detailed-software-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.admin-detailed-software-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.admin-detailed-software-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.admin-detailed-software-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-software-sharethis-parent {
  position: relative;
}

.admin-detailed-software-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-software-sharethis-follow-parent {
  position: relative;
}

.admin-detailed-software-button1-submit {
  z-index: 2;
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-software-button1-submit:hover {
  background-color: #6941c6;
}

.admin-detailed-software-client-feedback-parent {
  width: 100%;
}

.admin-detailed-software-reply-section {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 0 80px 24px 0;
  display: flex;
}

.admin-detailed-software-reply-textarea {
  resize: none;
  box-sizing: border-box;
  scrollbar-width: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  height: 100px;
  padding: 10px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.admin-detailed-software-reply-textarea:focus {
  border-color: #7e56d9;
  outline: none;
}

.admin-detailed-software-reply-submit-btn {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9;
  border: none;
  border-radius: 5px;
  width: max-content;
  padding: 8px 15px;
  font-size: 14px;
}

.admin-detailed-software-reply-submit-btn:hover {
  background-color: #6941c6;
}

.admin-detailed-software-reply-submit-btn:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.admin-detailed-software-char-counter {
  color: #555;
  text-align: left;
  font-size: 12px;
}

.admin-detailed-software-char-counter.warning {
  color: #e74c3c;
}

@media screen and (width <= 1275px) {
  .admin-detailed-software-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .admin-detailed-software-breadcrumb-controls1 {
    flex: 1;
  }

  .admin-detailed-software-breadcrumb-container {
    flex-wrap: wrap;
  }

  .admin-detailed-software-service-card {
    flex: 1;
  }

  .admin-detailed-software-listing-content {
    flex-wrap: wrap;
  }

  .admin-detailed-software-container, .admin-detailed-software-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .admin-detailed-software-client-review, .admin-detailed-software-content4, .admin-detailed-software-description-columns-first, .admin-detailed-software-download-items, .admin-detailed-software-gallery-images, .admin-detailed-software-rectangle-group, .admin-detailed-software-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .admin-detailed-software-description-block-parent {
    min-width: 100%;
  }

  .admin-detailed-software-client-feedback, .admin-detailed-software-client-message, .admin-detailed-software-listing-image-grid, .admin-detailed-software-listing-image-grid1, .admin-detailed-software-pagination-wrapper, .admin-detailed-software-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-software-heading-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-software-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .admin-detailed-software-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .admin-detailed-software-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .admin-detailed-software-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .admin-detailed-software-actions, .admin-detailed-software-file-upload-item-base {
    flex-wrap: wrap;
  }

  .admin-detailed-software-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .admin-detailed-software-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .admin-detailed-software-review-stars {
    min-width: 100%;
  }

  .admin-detailed-software-review-container, .admin-detailed-software-review-stars {
    flex-wrap: wrap;
  }

  .admin-detailed-software-client-review-header {
    min-width: 100%;
  }

  .admin-detailed-software-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-software-service-card {
    min-width: 100%;
  }

  .admin-detailed-software-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-software-feedback-header {
    min-width: 100%;
  }

  .admin-detailed-software-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .admin-detailed-software-frame-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-software-textarea-input-field {
    max-width: 100%;
  }

  .admin-detailed-software-content6 {
    gap: 16px;
  }

  .admin-detailed-software-textarea-input-field1 {
    max-width: 100%;
  }

  .admin-detailed-software-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-software-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .admin-detailed-software-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .admin-detailed-software-links {
    flex: 1;
  }

  .admin-detailed-software-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .admin-detailed-software-container {
    gap: 24px;
  }

  .admin-detailed-software-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-software-footer {
    gap: 24px;
    height: auto;
  }

  .admin-detailed-software-container1 {
    gap: 16px;
  }

  .admin-detailed-software-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .admin-detailed-software-header-container {
    gap: 17px;
  }

  .admin-detailed-software-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .admin-detailed-software-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .admin-detailed-software-button-row, .admin-detailed-software-contact-details {
    flex-wrap: wrap;
  }

  .admin-detailed-software-gallery-images-container, .admin-detailed-software-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .admin-detailed-software-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-detailed-software-input-dropdown {
    max-width: 100%;
  }

  .admin-detailed-software-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .admin-detailed-software-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .admin-detailed-software-rectangle-parent1 {
    flex: 1;
  }

  .admin-detailed-software-review-container {
    gap: 16px;
  }

  .admin-detailed-software-price {
    font-size: 21px;
    line-height: 26px;
  }

  .admin-detailed-software-header-content1, .admin-detailed-software-professional-details, .admin-detailed-software-testimonial-item {
    flex-wrap: wrap;
  }

  .admin-detailed-software-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .admin-detailed-software-review-form {
    gap: 25px;
  }

  .admin-detailed-software-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .admin-detailed-software-links, .admin-detailed-software-logo-and-supporting-text {
    gap: 16px;
  }

  .admin-detailed-software-email-capture {
    flex-wrap: wrap;
  }

  .admin-detailed-software-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .admin-detailed-software-footer1 {
    gap: 16px;
  }
}

.admin-detailed-spare-review-reply-header {
  width: 20%;
}

.admin-detailed-spare-review-reply-feedback-header {
  box-sizing: border-box;
  flex-direction: row;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-review-reply-header-info {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-review-reply-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-review-reply-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-spare-review-reply-alvo-medical {
  font-weight: 500;
}

.admin-detailed-spare-review-reply-main {
  box-sizing: border-box;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 80px 24px 10px;
  display: flex;
}

.admin-detailed-spare-review-reply-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-spare-review-reply {
  width: 100%;
  padding: 0 6px;
}

.admin-detailed-spare-frame-child, .admin-detailed-spare-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.admin-detailed-spare-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.admin-detailed-spare-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.admin-detailed-spare-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.admin-detailed-spare-header-content, .admin-detailed-spare-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.admin-detailed-spare-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.admin-detailed-spare-bar-chart-01-icon, .admin-detailed-spare-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.admin-detailed-spare-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.admin-detailed-spare-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-detailed-spare-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.admin-detailed-spare-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-spare-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-spare-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-badge1, .admin-detailed-spare-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-detailed-spare-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-spare-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-spare-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-navigation, .admin-detailed-spare-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-spare-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.admin-detailed-spare-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.admin-detailed-spare-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-spare-placeholder, .admin-detailed-spare-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.admin-detailed-spare-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.admin-detailed-spare-content3, .admin-detailed-spare-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-spare-content3 {
  flex: 1;
  gap: 8px;
}

.admin-detailed-spare-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-header-container, .admin-detailed-spare-input-with-label, .admin-detailed-spare-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.admin-detailed-spare-header-container, .admin-detailed-spare-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-spare-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.admin-detailed-spare-header-container {
  gap: 70px;
  width: 754px;
}

.admin-detailed-spare-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.admin-detailed-spare-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-spare-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.admin-detailed-spare-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-detailed-spare-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.admin-detailed-spare-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-detailed-spare-button-container, .admin-detailed-spare-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-detailed-spare-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.admin-detailed-spare-divider-icon, .admin-detailed-spare-text6 {
  align-self: stretch;
  position: relative;
}

.admin-detailed-spare-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.admin-detailed-spare-text6 {
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-spare-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.admin-detailed-spare-chevron-right-icon, .admin-detailed-spare-text7 {
  flex-shrink: 0;
  position: relative;
}

.admin-detailed-spare-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.admin-detailed-spare-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-spare-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.admin-detailed-spare-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.admin-detailed-spare-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-breadcrumb-controls, .admin-detailed-spare-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.admin-detailed-spare-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-spare-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.admin-detailed-spare-breadcrumb-controls-icon, .admin-detailed-spare-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.admin-detailed-spare-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.admin-detailed-spare-breadcrumb-controls-item {
  display: none;
}

.admin-detailed-spare-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-buttonsbutton, .admin-detailed-spare-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.admin-detailed-spare-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-spare-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.admin-detailed-spare-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.admin-detailed-spare-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.admin-detailed-spare-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.admin-detailed-spare-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.admin-detailed-spare-breadcrumb, .admin-detailed-spare-breadcrumb-button-base3, .admin-detailed-spare-breadcrumb-container-parent, .admin-detailed-spare-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.admin-detailed-spare-breadcrumb, .admin-detailed-spare-breadcrumb-container-parent {
  max-width: 100%;
}

.admin-detailed-spare-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.admin-detailed-spare-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.admin-detailed-spare-pre- {
  text-transform: capitalize;
}

.admin-detailed-spare-o {
  text-transform: lowercase;
}

.admin-detailed-spare-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-marker-pin-02-icon, .admin-detailed-spare-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.admin-detailed-spare-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.admin-detailed-spare-detail-items, .admin-detailed-spare-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-detail-items {
  flex: 1;
  gap: 8px;
}

.admin-detailed-spare-details-row {
  gap: 20px;
  width: 294px;
}

.admin-detailed-spare-contact-name {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  max-width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-detailed-spare-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-detailed-spare-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.admin-detailed-spare-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.admin-detailed-spare-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-spare-ellipse-div, .admin-detailed-spare-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-spare-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.admin-detailed-spare-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-spare-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.admin-detailed-spare-contact-details, .admin-detailed-spare-details-content, .admin-detailed-spare-rectangle-container, .admin-detailed-spare-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.admin-detailed-spare-contact-details, .admin-detailed-spare-details-content {
  align-self: stretch;
}

.admin-detailed-spare-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.admin-detailed-spare-details-content {
  flex-direction: column;
  gap: 8px;
}

.admin-detailed-spare-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-buttonsbutton1, .admin-detailed-spare-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-detailed-spare-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.admin-detailed-spare-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-spare-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.admin-detailed-spare-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.admin-detailed-spare-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.admin-detailed-spare-detail-container, .admin-detailed-spare-dropdown, .admin-detailed-spare-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.admin-detailed-spare-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.admin-detailed-spare-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-spare-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.admin-detailed-spare-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-spare-heading, .admin-detailed-spare-paragraph, .admin-detailed-spare-paragraph1 {
  z-index: 1;
  position: relative;
}

.admin-detailed-spare-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-spare-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-spare-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.admin-detailed-spare-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.admin-detailed-spare-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.admin-detailed-spare-description-columns-second, .admin-detailed-spare-description-content, .admin-detailed-spare-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 42px;
  min-height: 120px;
}

.admin-detailed-spare-description-content, .admin-detailed-spare-heading-parent {
  flex-direction: column;
}

.admin-detailed-spare-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.admin-detailed-spare-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.admin-detailed-spare-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-spare-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-description-paragraphs, .admin-detailed-spare-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.admin-detailed-spare-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.admin-detailed-spare-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.admin-detailed-spare-heading1, .admin-detailed-spare-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-spare-heading1 {
  font-weight: 500;
}

.admin-detailed-spare-paragraph26 {
  color: #475467;
}

.admin-detailed-spare-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.admin-detailed-spare-gallery-images-container-child, .admin-detailed-spare-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.admin-detailed-spare-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.admin-detailed-spare-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.admin-detailed-spare-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.admin-detailed-spare-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-spare-gallery-images, .admin-detailed-spare-gallery-images-container, .admin-detailed-spare-gallery-images-container1, .admin-detailed-spare-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-spare-gallery-images, .admin-detailed-spare-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-spare-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.admin-detailed-spare-heading6 {
  font-weight: 600;
}

.admin-detailed-spare-heading6, .admin-detailed-spare-heading7, .admin-detailed-spare-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-spare-heading7 {
  font-weight: 500;
}

.admin-detailed-spare-paragraph30 {
  color: #475467;
}

.admin-detailed-spare-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.admin-detailed-spare-benefits-content {
  gap: 16px;
}

.admin-detailed-spare-benefits-container, .admin-detailed-spare-benefits-content, .admin-detailed-spare-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.admin-detailed-spare-section {
  z-index: 1;
  font-size: 18px;
}

.admin-detailed-spare-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.admin-detailed-spare-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-spare-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.admin-detailed-spare-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.admin-detailed-spare-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.admin-detailed-spare-supporting-text3, .admin-detailed-spare-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-text12 {
  font-weight: 500;
}

.admin-detailed-spare-supporting-text3 {
  color: #475467;
}

.admin-detailed-spare-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-detailed-spare-download-items, .admin-detailed-spare-download-items-parent, .admin-detailed-spare-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-download-items, .admin-detailed-spare-download-items-parent {
  align-self: stretch;
}

.admin-detailed-spare-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.admin-detailed-spare-heading15, .admin-detailed-spare-text18 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-spare-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.admin-detailed-spare-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-spare-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-spare-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-spare-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-spare-button-group-base2, .admin-detailed-spare-button-group-base3, .admin-detailed-spare-button-group-base4, .admin-detailed-spare-button-group-base5, .admin-detailed-spare-button-group-base6, .admin-detailed-spare-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.admin-detailed-spare-button-group-base3, .admin-detailed-spare-button-group-base4, .admin-detailed-spare-button-group-base5, .admin-detailed-spare-button-group-base6, .admin-detailed-spare-button-group-base7 {
  z-index: 5;
}

.admin-detailed-spare-button-group-base4, .admin-detailed-spare-button-group-base5, .admin-detailed-spare-button-group-base6, .admin-detailed-spare-button-group-base7 {
  z-index: 4;
}

.admin-detailed-spare-button-group-base5, .admin-detailed-spare-button-group-base6, .admin-detailed-spare-button-group-base7 {
  z-index: 3;
}

.admin-detailed-spare-button-group-base6, .admin-detailed-spare-button-group-base7 {
  z-index: 2;
}

.admin-detailed-spare-button-group-base7 {
  z-index: 1;
}

.admin-detailed-spare-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-spare-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-supporting-text9, .admin-detailed-spare-text27 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-spare-text27 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}

.admin-detailed-spare-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.admin-detailed-spare-content5, .admin-detailed-spare-input-with-label1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.admin-detailed-spare-input-with-label1 {
  align-self: stretch;
}

.admin-detailed-spare-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.admin-detailed-spare-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-spare-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-spare-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.admin-detailed-spare-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-actions, .admin-detailed-spare-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-spare-button {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.admin-detailed-spare-content4, .admin-detailed-spare-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 3px;
}

.admin-detailed-spare-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.admin-detailed-spare-empty-review, .admin-detailed-spare-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.admin-detailed-spare-empty-review {
  justify-content: center;
  height: 44px;
  line-height: 24px;
}

.admin-detailed-spare-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.admin-detailed-spare-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.admin-detailed-spare-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.admin-detailed-spare-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.admin-detailed-spare-review-content, .admin-detailed-spare-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.admin-detailed-spare-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.admin-detailed-spare-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.admin-detailed-spare-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-spare-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-first-review-fifth-star, .admin-detailed-spare-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.admin-detailed-spare-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.admin-detailed-spare-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-heading-wrapper {
  padding: 0 4px;
}

.admin-detailed-spare-heading-wrapper, .admin-detailed-spare-stars-wrapper, .admin-detailed-spare-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.admin-detailed-spare-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.admin-detailed-spare-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-spare-rectangle-parent3, .admin-detailed-spare-review-container, .admin-detailed-spare-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.admin-detailed-spare-review-container, .admin-detailed-spare-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-spare-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.admin-detailed-spare-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  padding-top: 10px;
  font-size: 56px;
}

.admin-detailed-spare-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.admin-detailed-spare-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.admin-detailed-spare-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-alvo-medical, .admin-detailed-spare-heading20 {
  font-weight: 500;
}

.admin-detailed-spare-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-spare-client-review-header, .admin-detailed-spare-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.admin-detailed-spare-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.admin-detailed-spare-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-client-rating, .admin-detailed-spare-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-client-rating {
  align-self: stretch;
  gap: 4px;
}

.admin-detailed-spare-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.admin-detailed-spare-client-review, .admin-detailed-spare-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.admin-detailed-spare-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.admin-detailed-spare-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-spare-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-detailed-spare-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-badge-wrapper, .admin-detailed-spare-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.admin-detailed-spare-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.admin-detailed-spare-discount, .admin-detailed-spare-price {
  z-index: 2;
  position: relative;
}

.admin-detailed-spare-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.admin-detailed-spare-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-spare-original-price, .admin-detailed-spare-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.admin-detailed-spare-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.admin-detailed-spare-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-spare-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.admin-detailed-spare-card-header, .admin-detailed-spare-price-tag, .admin-detailed-spare-service-title-container {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
  align-items: center !important;
}

.admin-detailed-spare-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.admin-detailed-spare-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -4px;
  right: 130px;
  margin: 0 !important;
}

.admin-detailed-spare-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.admin-detailed-spare-amlie-laurent, .admin-detailed-spare-card-footer, .admin-detailed-spare-role {
  align-self: stretch;
  position: relative;
}

.admin-detailed-spare-card-footer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-amlie-laurent, .admin-detailed-spare-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.admin-detailed-spare-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.admin-detailed-spare-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-supporting-text10 {
  z-index: 2;
  width: 117px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-supporting-text10-a {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-message-button {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  display: flex;
}

.admin-detailed-spare-contact-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 52px;
  display: flex;
}

.admin-detailed-spare-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.admin-detailed-spare-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-spare-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-buttonsbutton5, .admin-detailed-spare-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-buttonsbutton5 {
  white-space: nowrap;
  cursor: pointer;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.admin-detailed-spare-buttonsbutton5:hover {
  background-color: #6941c6;
}

.admin-detailed-spare-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.admin-detailed-spare-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-button-container2, .admin-detailed-spare-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-button-container2 {
  flex: 1;
  gap: 16px;
}

.admin-detailed-spare-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.admin-detailed-spare-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.admin-detailed-spare-dropdown-menu, .admin-detailed-spare-dropdown1, .admin-detailed-spare-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-dropdown1 {
  z-index: 2;
}

.admin-detailed-spare-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.admin-detailed-spare-professional-details, .admin-detailed-spare-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.admin-detailed-spare-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.admin-detailed-spare-card-content, .admin-detailed-spare-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.admin-detailed-spare-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-spare-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.admin-detailed-spare-description, .admin-detailed-spare-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.admin-detailed-spare-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-spare-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-detailed-spare-header-content1, .admin-detailed-spare-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-spare-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.admin-detailed-spare-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.admin-detailed-spare-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.admin-detailed-spare-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.admin-detailed-spare-client-name, .admin-detailed-spare-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-spare-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.admin-detailed-spare-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.admin-detailed-spare-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.admin-detailed-spare-testimonial-divider, .admin-detailed-spare-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.admin-detailed-spare-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.admin-detailed-spare-rectangle-parent4, .admin-detailed-spare-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.admin-detailed-spare-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  margin: 0 auto;
  padding: 22px 0 15px;
  font-size: 18px;
}

.admin-detailed-spare-frame-parent, .admin-detailed-spare-listing-content, .admin-detailed-spare-listing-content-wrapper, .admin-detailed-spare-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.admin-detailed-spare-frame-parent, .admin-detailed-spare-listing-content, .admin-detailed-spare-listing-content-wrapper {
  flex-direction: row;
}

.admin-detailed-spare-listing-content {
  flex: 1;
  gap: 14px;
}

.admin-detailed-spare-frame-parent, .admin-detailed-spare-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.admin-detailed-spare-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  padding: 0 2px 24px 0;
}

.admin-detailed-spare-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-listing-image-grid, .admin-detailed-spare-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.admin-detailed-spare-listing-image-grid1 {
  padding: 0 80px 24px;
}

.admin-detailed-spare-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-spare-feedback-header, .admin-detailed-spare-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.admin-detailed-spare-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.admin-detailed-spare-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-buttonsbutton7, .admin-detailed-spare-feedback-score, .admin-detailed-spare-stars-parent {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.admin-detailed-spare-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.admin-detailed-spare-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-spare-client-feedback, .admin-detailed-spare-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.admin-detailed-spare-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 24px 80px 24px 0;
}

.admin-detailed-spare-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-detailed-spare-client-message, .admin-detailed-spare-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.admin-detailed-spare-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-spare-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px 0;
}

.admin-detailed-spare-buttonsbutton8, .admin-detailed-spare-client-message, .admin-detailed-spare-view-replies {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-buttonsbutton8:hover {
  background-color: #6941c6;
}

.admin-detailed-spare-view-replies {
  color: #eaecf0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 91.5%;
  padding-bottom: 24px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-spare-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-button-wrap, .admin-detailed-spare-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-spare-buttonsbutton9 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-buttonsbutton9:hover {
  background-color: #eaecf0;
}

.admin-detailed-spare-button-wrap {
  justify-content: flex-start;
}

.admin-detailed-spare-details, .admin-detailed-spare-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-text37 {
  min-width: 32px;
  font-weight: 600;
}

.admin-detailed-spare-button-wrap1, .admin-detailed-spare-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-spare-buttonsbutton10 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-buttonsbutton10:hover {
  background-color: #eaecf0;
}

.admin-detailed-spare-button-wrap1 {
  justify-content: flex-end;
}

.admin-detailed-spare-pagination, .admin-detailed-spare-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px 16px 9px;
  overflow-x: auto;
}

.admin-detailed-spare-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 66px 24px;
  font-size: 14px;
}

.admin-detailed-spare-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.admin-detailed-spare-heading32, .admin-detailed-spare-heading33 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-spare-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.admin-detailed-spare-heading33 {
  width: 107px;
  display: inline-block;
}

.admin-detailed-spare-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-spare-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-spare-label2, .admin-detailed-spare-label3, .admin-detailed-spare-text38 {
  position: relative;
}

.admin-detailed-spare-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.admin-detailed-spare-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-spare-input-with-label3, .admin-detailed-spare-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.admin-detailed-spare-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-detailed-spare-content6, .admin-detailed-spare-input-field, .admin-detailed-spare-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.admin-detailed-spare-content6, .admin-detailed-spare-input-field {
  max-width: 100%;
}

.admin-detailed-spare-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.admin-detailed-spare-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.admin-detailed-spare-label4, .admin-detailed-spare-text39 {
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-spare-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.admin-detailed-spare-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-input-field1, .admin-detailed-spare-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-detailed-spare-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.admin-detailed-spare-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.admin-detailed-spare-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-button1, .admin-detailed-spare-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.admin-detailed-spare-review-form, .admin-detailed-spare-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.admin-detailed-spare-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-spare-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-detailed-spare-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.admin-detailed-spare-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-heading-parent3, .admin-detailed-spare-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.admin-detailed-spare-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.admin-detailed-spare-frame-child12, .admin-detailed-spare-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.admin-detailed-spare-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.admin-detailed-spare-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.admin-detailed-spare-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.admin-detailed-spare-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.admin-detailed-spare-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-badge5, .admin-detailed-spare-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.admin-detailed-spare-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.admin-detailed-spare-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.admin-detailed-spare-image-overlay, .admin-detailed-spare-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-spare-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.admin-detailed-spare-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.admin-detailed-spare-listing-detail-item-date, .admin-detailed-spare-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.admin-detailed-spare-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.admin-detailed-spare-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-spare-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.admin-detailed-spare-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.admin-detailed-spare-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-listing-detail-item-pin-wrapper, .admin-detailed-spare-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.admin-detailed-spare-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.admin-detailed-spare-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.admin-detailed-spare-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-listing, .admin-detailed-spare-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.admin-detailed-spare-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.admin-detailed-spare-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.admin-detailed-spare-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.admin-detailed-spare-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.admin-detailed-spare-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.admin-detailed-spare-listing-detail-item-value, .admin-detailed-spare-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.admin-detailed-spare-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.admin-detailed-spare-listing-detail-item, .admin-detailed-spare-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.admin-detailed-spare-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.admin-detailed-spare-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.admin-detailed-spare-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.admin-detailed-spare-footer-social, .admin-detailed-spare-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.admin-detailed-spare-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-spare-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-spare-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.admin-detailed-spare-badge-group, .admin-detailed-spare-image-overlay3, .admin-detailed-spare-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-spare-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-spare-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.admin-detailed-spare-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.admin-detailed-spare-agent-details-icon, .admin-detailed-spare-agent-extra-info, .admin-detailed-spare-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.admin-detailed-spare-agent-details-icon, .admin-detailed-spare-agent-extra-info {
  max-width: 100%;
}

.admin-detailed-spare-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.admin-detailed-spare-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.admin-detailed-spare-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-spare-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.admin-detailed-spare-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.admin-detailed-spare-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.admin-detailed-spare-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-spare-testiomonial-carousel-arrow4, .admin-detailed-spare-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.admin-detailed-spare-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-spare-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.admin-detailed-spare-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-rectangle-parent30, .admin-detailed-spare-supporting-six-wrapper, .admin-detailed-spare-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.admin-detailed-spare-supporting-six-wrapper, .admin-detailed-spare-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.admin-detailed-spare-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.admin-detailed-spare-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.admin-detailed-spare-divider-container, .admin-detailed-spare-icon-group, .admin-detailed-spare-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.admin-detailed-spare-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.admin-detailed-spare-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-spare-breadcrumb-button-base4, .admin-detailed-spare-testiomonial-carousel-arrow6, .admin-detailed-spare-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-spare-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.admin-detailed-spare-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.admin-detailed-spare-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-spare-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-spare-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.admin-detailed-spare-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-spare-divider-icon24 {
  width: 1216px;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin: 0 !important;
}

.admin-detailed-spare-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-spare-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-spare-button2, .admin-detailed-spare-text-padding4, .admin-detailed-spare-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.admin-detailed-spare-button2, .admin-detailed-spare-text-padding5 {
  box-sizing: border-box;
}

.admin-detailed-spare-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.admin-detailed-spare-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.admin-detailed-spare-button3, .admin-detailed-spare-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.admin-detailed-spare-button4, .admin-detailed-spare-button5, .admin-detailed-spare-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.admin-detailed-spare-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-actions1, .admin-detailed-spare-testiomonial-carousel-arrow8, .admin-detailed-spare-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-spare-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.admin-detailed-spare-testiomonial-carousel-arrow8, .admin-detailed-spare-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-spare-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-spare-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.admin-detailed-spare-listing-image-grid11, .admin-detailed-spare-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.admin-detailed-spare-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.admin-detailed-spare-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-spare-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.admin-detailed-spare-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.admin-detailed-spare-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-spare-heading40, .admin-detailed-spare-text123 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-spare-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.admin-detailed-spare-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-spare-buttonsbutton27, .admin-detailed-spare-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-spare-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.admin-detailed-spare-footer-link1 {
  justify-content: flex-start;
}

.admin-detailed-spare-text124, .admin-detailed-spare-text125, .admin-detailed-spare-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-text125, .admin-detailed-spare-text126 {
  min-width: 68px;
}

.admin-detailed-spare-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.admin-detailed-spare-badge36, .admin-detailed-spare-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-spare-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.admin-detailed-spare-footer-link3 {
  gap: 8px;
}

.admin-detailed-spare-text127, .admin-detailed-spare-text128, .admin-detailed-spare-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-text128, .admin-detailed-spare-text129 {
  min-width: 97px;
}

.admin-detailed-spare-text129 {
  min-width: 81px;
}

.admin-detailed-spare-footer-links-column, .admin-detailed-spare-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.admin-detailed-spare-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.admin-detailed-spare-text130, .admin-detailed-spare-text131, .admin-detailed-spare-text132, .admin-detailed-spare-text133, .admin-detailed-spare-text134, .admin-detailed-spare-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.admin-detailed-spare-text131, .admin-detailed-spare-text132, .admin-detailed-spare-text133, .admin-detailed-spare-text134, .admin-detailed-spare-text135 {
  min-width: 58px;
}

.admin-detailed-spare-text132, .admin-detailed-spare-text133, .admin-detailed-spare-text134, .admin-detailed-spare-text135 {
  min-width: 66px;
}

.admin-detailed-spare-text133, .admin-detailed-spare-text134, .admin-detailed-spare-text135 {
  min-width: 90px;
}

.admin-detailed-spare-text134, .admin-detailed-spare-text135 {
  min-width: 55px;
}

.admin-detailed-spare-text135 {
  min-width: 63px;
}

.admin-detailed-spare-footer-links2, .admin-detailed-spare-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.admin-detailed-spare-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.admin-detailed-spare-help-icon, .admin-detailed-spare-label6 {
  display: none;
  position: relative;
}

.admin-detailed-spare-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-spare-help-icon {
  width: 16px;
  height: 16px;
}

.admin-detailed-spare-input-with-label6, .admin-detailed-spare-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.admin-detailed-spare-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-spare-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-spare-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.admin-detailed-spare-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-spare-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-spare-email-capture, .admin-detailed-spare-links-and-newsletter, .admin-detailed-spare-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.admin-detailed-spare-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.admin-detailed-spare-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.admin-detailed-spare-container, .admin-detailed-spare-content8, .admin-detailed-spare-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-container {
  flex: 1;
  max-width: 1280px;
}

.admin-detailed-spare-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.admin-detailed-spare-divider-icon29, .admin-detailed-spare-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.admin-detailed-spare-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.admin-detailed-spare-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  padding: 64px 0 48px;
  display: flex;
}

.admin-detailed-spare-footer-text {
  line-height: 20px;
  position: relative;
}

.admin-detailed-spare-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-detailed-spare-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.admin-detailed-spare-logomark, .admin-detailed-spare-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.admin-detailed-spare-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.admin-detailed-spare-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.admin-detailed-spare-content10, .admin-detailed-spare-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-spare-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.admin-detailed-spare-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.admin-detailed-spare-footer1, .admin-detailed-spare-listings-detailed-page-devic, .admin-detailed-spare-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-spare-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.admin-detailed-spare-listings-detailed-page-devic, .admin-detailed-spare-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.admin-detailed-spare-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.admin-detailed-spare-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.admin-detailed-spare-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-spare-sharethis-parent {
  position: relative;
}

.admin-detailed-spare-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-spare-sharethis-follow-parent {
  position: relative;
}

.admin-detailed-spare-button1-submit {
  z-index: 2;
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-spare-button1-submit:hover {
  background-color: #6941c6;
}

.admin-detailed-spare-client-feedback-parent {
  width: 100%;
}

.admin-detailed-spare-reply-section {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 0 80px 24px 0;
  display: flex;
}

.admin-detailed-spare-reply-textarea {
  resize: none;
  box-sizing: border-box;
  scrollbar-width: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  height: 100px;
  padding: 10px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.admin-detailed-spare-reply-textarea:focus {
  border-color: #7e56d9;
  outline: none;
}

.admin-detailed-spare-reply-submit-btn {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9;
  border: none;
  border-radius: 5px;
  width: max-content;
  padding: 8px 15px;
  font-size: 14px;
}

.admin-detailed-spare-reply-submit-btn:hover {
  background-color: #6941c6;
}

.admin-detailed-spare-reply-submit-btn:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.admin-detailed-spare-char-counter {
  color: #555;
  text-align: left;
  font-size: 12px;
}

.admin-detailed-spare-char-counter.warning {
  color: #e74c3c;
}

@media screen and (width <= 1275px) {
  .admin-detailed-spare-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .admin-detailed-spare-breadcrumb-controls1 {
    flex: 1;
  }

  .admin-detailed-spare-breadcrumb-container {
    flex-wrap: wrap;
  }

  .admin-detailed-spare-service-card {
    flex: 1;
  }

  .admin-detailed-spare-listing-content {
    flex-wrap: wrap;
  }

  .admin-detailed-spare-container, .admin-detailed-spare-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .admin-detailed-spare-client-review, .admin-detailed-spare-content4, .admin-detailed-spare-description-columns-first, .admin-detailed-spare-download-items, .admin-detailed-spare-gallery-images, .admin-detailed-spare-rectangle-group, .admin-detailed-spare-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .admin-detailed-spare-description-block-parent {
    min-width: 100%;
  }

  .admin-detailed-spare-client-feedback, .admin-detailed-spare-client-message, .admin-detailed-spare-listing-image-grid, .admin-detailed-spare-listing-image-grid1, .admin-detailed-spare-pagination-wrapper, .admin-detailed-spare-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-spare-heading-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-spare-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .admin-detailed-spare-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .admin-detailed-spare-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .admin-detailed-spare-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .admin-detailed-spare-actions, .admin-detailed-spare-file-upload-item-base {
    flex-wrap: wrap;
  }

  .admin-detailed-spare-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .admin-detailed-spare-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .admin-detailed-spare-review-stars {
    min-width: 100%;
  }

  .admin-detailed-spare-review-container, .admin-detailed-spare-review-stars {
    flex-wrap: wrap;
  }

  .admin-detailed-spare-client-review-header {
    min-width: 100%;
  }

  .admin-detailed-spare-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-spare-service-card {
    min-width: 100%;
  }

  .admin-detailed-spare-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-spare-feedback-header {
    min-width: 100%;
  }

  .admin-detailed-spare-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .admin-detailed-spare-frame-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-spare-textarea-input-field {
    max-width: 100%;
  }

  .admin-detailed-spare-content6 {
    gap: 16px;
  }

  .admin-detailed-spare-textarea-input-field1 {
    max-width: 100%;
  }

  .admin-detailed-spare-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-spare-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .admin-detailed-spare-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .admin-detailed-spare-links {
    flex: 1;
  }

  .admin-detailed-spare-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .admin-detailed-spare-container {
    gap: 24px;
  }

  .admin-detailed-spare-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-spare-footer {
    gap: 24px;
    height: auto;
  }

  .admin-detailed-spare-container1 {
    gap: 16px;
  }

  .admin-detailed-spare-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .admin-detailed-spare-header-container {
    gap: 17px;
  }

  .admin-detailed-spare-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .admin-detailed-spare-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .admin-detailed-spare-button-row, .admin-detailed-spare-contact-details {
    flex-wrap: wrap;
  }

  .admin-detailed-spare-gallery-images-container, .admin-detailed-spare-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .admin-detailed-spare-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-detailed-spare-input-dropdown {
    max-width: 100%;
  }

  .admin-detailed-spare-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .admin-detailed-spare-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .admin-detailed-spare-rectangle-parent1 {
    flex: 1;
  }

  .admin-detailed-spare-review-container {
    gap: 16px;
  }

  .admin-detailed-spare-price {
    font-size: 21px;
    line-height: 26px;
  }

  .admin-detailed-spare-header-content1, .admin-detailed-spare-professional-details, .admin-detailed-spare-testimonial-item {
    flex-wrap: wrap;
  }

  .admin-detailed-spare-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .admin-detailed-spare-review-form {
    gap: 25px;
  }

  .admin-detailed-spare-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .admin-detailed-spare-links, .admin-detailed-spare-logo-and-supporting-text {
    gap: 16px;
  }

  .admin-detailed-spare-email-capture {
    flex-wrap: wrap;
  }

  .admin-detailed-spare-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .admin-detailed-spare-footer1 {
    gap: 16px;
  }
}

.admin-detailed-job-review-reply-header {
  width: 20%;
}

.admin-detailed-job-review-reply-feedback-header {
  box-sizing: border-box;
  flex-direction: row;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-review-reply-header-info {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-review-reply-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-review-reply-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-job-review-reply-alvo-medical {
  font-weight: 500;
}

.admin-detailed-job-review-reply-main {
  box-sizing: border-box;
  color: #101828;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 0 80px 24px 10px;
  display: flex;
}

.admin-detailed-job-review-reply-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  border-radius: 99px;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-job-review-reply {
  width: 100%;
  padding: 0 6px;
}

.admin-detailed-job-frame-child, .admin-detailed-job-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.admin-detailed-job-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.admin-detailed-job-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.admin-detailed-job-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.admin-detailed-job-header-content, .admin-detailed-job-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.admin-detailed-job-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.admin-detailed-job-bar-chart-01-icon, .admin-detailed-job-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.admin-detailed-job-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.admin-detailed-job-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-detailed-job-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.admin-detailed-job-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-job-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-job-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-badge1, .admin-detailed-job-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-detailed-job-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-job-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-job-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-navigation, .admin-detailed-job-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-job-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.admin-detailed-job-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.admin-detailed-job-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-job-placeholder, .admin-detailed-job-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.admin-detailed-job-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.admin-detailed-job-content3, .admin-detailed-job-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-job-content3 {
  flex: 1;
  gap: 8px;
}

.admin-detailed-job-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-header-container, .admin-detailed-job-input-with-label, .admin-detailed-job-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.admin-detailed-job-header-container, .admin-detailed-job-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-job-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.admin-detailed-job-header-container {
  gap: 70px;
  width: 754px;
}

.admin-detailed-job-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.admin-detailed-job-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-job-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.admin-detailed-job-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-detailed-job-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.admin-detailed-job-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-detailed-job-button-container, .admin-detailed-job-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-detailed-job-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.admin-detailed-job-divider-icon, .admin-detailed-job-text6 {
  align-self: stretch;
  position: relative;
}

.admin-detailed-job-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.admin-detailed-job-text6 {
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-job-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.admin-detailed-job-chevron-right-icon, .admin-detailed-job-text7 {
  flex-shrink: 0;
  position: relative;
}

.admin-detailed-job-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.admin-detailed-job-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-job-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.admin-detailed-job-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.admin-detailed-job-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-breadcrumb-controls, .admin-detailed-job-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.admin-detailed-job-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-job-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.admin-detailed-job-breadcrumb-controls-icon, .admin-detailed-job-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.admin-detailed-job-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.admin-detailed-job-breadcrumb-controls-item {
  display: none;
}

.admin-detailed-job-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-buttonsbutton, .admin-detailed-job-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.admin-detailed-job-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-job-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.admin-detailed-job-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.admin-detailed-job-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.admin-detailed-job-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.admin-detailed-job-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.admin-detailed-job-breadcrumb, .admin-detailed-job-breadcrumb-button-base3, .admin-detailed-job-breadcrumb-container-parent, .admin-detailed-job-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.admin-detailed-job-breadcrumb, .admin-detailed-job-breadcrumb-container-parent {
  max-width: 100%;
}

.admin-detailed-job-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.admin-detailed-job-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.admin-detailed-job-pre- {
  text-transform: capitalize;
}

.admin-detailed-job-o {
  text-transform: lowercase;
}

.admin-detailed-job-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-marker-pin-02-icon, .admin-detailed-job-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.admin-detailed-job-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.admin-detailed-job-detail-items, .admin-detailed-job-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-detail-items {
  flex: 1;
  gap: 8px;
}

.admin-detailed-job-details-row {
  gap: 20px;
  width: 294px;
}

.admin-detailed-job-contact-name {
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  max-width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-detailed-job-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-detailed-job-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.admin-detailed-job-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.admin-detailed-job-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-job-ellipse-div, .admin-detailed-job-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-job-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.admin-detailed-job-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-job-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.admin-detailed-job-contact-details, .admin-detailed-job-details-content, .admin-detailed-job-rectangle-container, .admin-detailed-job-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.admin-detailed-job-contact-details, .admin-detailed-job-details-content {
  align-self: stretch;
}

.admin-detailed-job-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.admin-detailed-job-details-content {
  flex-direction: column;
  gap: 8px;
}

.admin-detailed-job-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-buttonsbutton1, .admin-detailed-job-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-detailed-job-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-buttonsbutton2:hover {
  background-color: #eaecf0;
}

.admin-detailed-job-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-job-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.admin-detailed-job-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.admin-detailed-job-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.admin-detailed-job-detail-container, .admin-detailed-job-dropdown, .admin-detailed-job-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.admin-detailed-job-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.admin-detailed-job-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-job-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.admin-detailed-job-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-job-heading, .admin-detailed-job-paragraph, .admin-detailed-job-paragraph1 {
  z-index: 1;
  position: relative;
}

.admin-detailed-job-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-job-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-job-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.admin-detailed-job-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 0;
  display: flex;
}

.admin-detailed-job-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.admin-detailed-job-description-columns-second, .admin-detailed-job-description-content, .admin-detailed-job-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 38px;
  min-height: 120px;
}

.admin-detailed-job-description-content, .admin-detailed-job-heading-parent {
  flex-direction: column;
}

.admin-detailed-job-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.admin-detailed-job-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.admin-detailed-job-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-job-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-description-paragraphs, .admin-detailed-job-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.admin-detailed-job-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.admin-detailed-job-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.admin-detailed-job-heading1, .admin-detailed-job-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-job-heading1 {
  font-weight: 500;
}

.admin-detailed-job-paragraph26 {
  color: #475467;
}

.admin-detailed-job-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.admin-detailed-job-gallery-images-container-child, .admin-detailed-job-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.admin-detailed-job-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.admin-detailed-job-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.admin-detailed-job-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.admin-detailed-job-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-job-gallery-images, .admin-detailed-job-gallery-images-container, .admin-detailed-job-gallery-images-container1, .admin-detailed-job-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-job-gallery-images, .admin-detailed-job-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-job-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.admin-detailed-job-heading6 {
  font-weight: 600;
}

.admin-detailed-job-heading6, .admin-detailed-job-heading7, .admin-detailed-job-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-job-heading7 {
  font-weight: 500;
}

.admin-detailed-job-paragraph30 {
  color: #475467;
}

.admin-detailed-job-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.admin-detailed-job-benefits-content {
  gap: 16px;
}

.admin-detailed-job-benefits-container, .admin-detailed-job-benefits-content, .admin-detailed-job-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-section {
  z-index: 1;
  font-size: 18px;
}

.admin-detailed-job-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.admin-detailed-job-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-job-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.admin-detailed-job-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.admin-detailed-job-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.admin-detailed-job-supporting-text3, .admin-detailed-job-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-text12 {
  font-weight: 500;
}

.admin-detailed-job-supporting-text3 {
  color: #475467;
}

.admin-detailed-job-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-detailed-job-download-items, .admin-detailed-job-download-items-parent, .admin-detailed-job-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-download-items, .admin-detailed-job-download-items-parent {
  align-self: stretch;
}

.admin-detailed-job-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.admin-detailed-job-heading15, .admin-detailed-job-text18 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-job-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.admin-detailed-job-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-job-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-job-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-job-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-job-button-group-base2, .admin-detailed-job-button-group-base3, .admin-detailed-job-button-group-base4, .admin-detailed-job-button-group-base5, .admin-detailed-job-button-group-base6, .admin-detailed-job-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.admin-detailed-job-button-group-base3, .admin-detailed-job-button-group-base4, .admin-detailed-job-button-group-base5, .admin-detailed-job-button-group-base6, .admin-detailed-job-button-group-base7 {
  z-index: 5;
}

.admin-detailed-job-button-group-base4, .admin-detailed-job-button-group-base5, .admin-detailed-job-button-group-base6, .admin-detailed-job-button-group-base7 {
  z-index: 4;
}

.admin-detailed-job-button-group-base5, .admin-detailed-job-button-group-base6, .admin-detailed-job-button-group-base7 {
  z-index: 3;
}

.admin-detailed-job-button-group-base6, .admin-detailed-job-button-group-base7 {
  z-index: 2;
}

.admin-detailed-job-button-group-base7 {
  z-index: 1;
}

.admin-detailed-job-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-job-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-supporting-text9, .admin-detailed-job-text27 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-job-text27 {
  color: #101828;
  text-align: left;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}

.admin-detailed-job-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.admin-detailed-job-content5, .admin-detailed-job-input-with-label1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.admin-detailed-job-input-with-label1 {
  align-self: stretch;
}

.admin-detailed-job-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.admin-detailed-job-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-job-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-job-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.admin-detailed-job-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-actions, .admin-detailed-job-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-job-button {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.admin-detailed-job-content4, .admin-detailed-job-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 3px;
}

.admin-detailed-job-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.admin-detailed-job-empty-review, .admin-detailed-job-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.admin-detailed-job-empty-review {
  justify-content: center;
  height: 44px;
  line-height: 24px;
}

.admin-detailed-job-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.admin-detailed-job-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.admin-detailed-job-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.admin-detailed-job-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.admin-detailed-job-review-content, .admin-detailed-job-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.admin-detailed-job-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.admin-detailed-job-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.admin-detailed-job-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-job-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-first-review-fifth-star, .admin-detailed-job-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.admin-detailed-job-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.admin-detailed-job-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-heading-wrapper {
  padding: 0 4px;
}

.admin-detailed-job-heading-wrapper, .admin-detailed-job-stars-wrapper, .admin-detailed-job-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.admin-detailed-job-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.admin-detailed-job-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-job-rectangle-parent3, .admin-detailed-job-review-container, .admin-detailed-job-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.admin-detailed-job-review-container, .admin-detailed-job-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-job-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.admin-detailed-job-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  padding-top: 10px;
  font-size: 56px;
}

.admin-detailed-job-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.admin-detailed-job-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.admin-detailed-job-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-alvo-medical, .admin-detailed-job-heading20 {
  font-weight: 500;
}

.admin-detailed-job-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-job-client-review-header, .admin-detailed-job-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.admin-detailed-job-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.admin-detailed-job-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-client-rating, .admin-detailed-job-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-client-rating {
  align-self: stretch;
  gap: 4px;
}

.admin-detailed-job-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.admin-detailed-job-client-review, .admin-detailed-job-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.admin-detailed-job-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.admin-detailed-job-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-job-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-detailed-job-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-badge-wrapper, .admin-detailed-job-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.admin-detailed-job-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.admin-detailed-job-discount, .admin-detailed-job-price {
  z-index: 2;
  position: relative;
}

.admin-detailed-job-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.admin-detailed-job-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-job-original-price, .admin-detailed-job-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.admin-detailed-job-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.admin-detailed-job-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-job-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.admin-detailed-job-card-header, .admin-detailed-job-price-tag, .admin-detailed-job-service-title-container {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
}

.admin-detailed-job-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.admin-detailed-job-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  position: absolute;
  bottom: -4px;
  right: 130px;
  margin: 0 !important;
}

.admin-detailed-job-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.admin-detailed-job-amlie-laurent, .admin-detailed-job-card-footer, .admin-detailed-job-role {
  align-self: stretch;
  position: relative;
}

.admin-detailed-job-card-footer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-amlie-laurent, .admin-detailed-job-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.admin-detailed-job-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.admin-detailed-job-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-supporting-text10 {
  z-index: 2;
  width: 117px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-supporting-text10-a {
  z-index: 2;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-message-button {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 5px;
  display: flex;
}

.admin-detailed-job-contact-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 52px;
  display: flex;
}

.admin-detailed-job-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.admin-detailed-job-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-job-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-buttonsbutton5, .admin-detailed-job-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-buttonsbutton5 {
  white-space: nowrap;
  cursor: pointer;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.admin-detailed-job-buttonsbutton5:hover {
  background-color: #6941c6;
}

.admin-detailed-job-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.admin-detailed-job-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-button-container2, .admin-detailed-job-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-button-container2 {
  flex: 1;
  gap: 16px;
}

.admin-detailed-job-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.admin-detailed-job-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.admin-detailed-job-dropdown-menu, .admin-detailed-job-dropdown1, .admin-detailed-job-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-dropdown1 {
  z-index: 2;
}

.admin-detailed-job-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.admin-detailed-job-professional-details, .admin-detailed-job-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.admin-detailed-job-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.admin-detailed-job-card-content, .admin-detailed-job-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.admin-detailed-job-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-job-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.admin-detailed-job-description, .admin-detailed-job-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.admin-detailed-job-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-job-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-detailed-job-header-content1, .admin-detailed-job-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-job-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.admin-detailed-job-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.admin-detailed-job-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.admin-detailed-job-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.admin-detailed-job-client-name, .admin-detailed-job-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-job-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.admin-detailed-job-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.admin-detailed-job-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.admin-detailed-job-testimonial-divider, .admin-detailed-job-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.admin-detailed-job-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.admin-detailed-job-rectangle-parent4, .admin-detailed-job-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.admin-detailed-job-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  margin: 0 auto;
  padding: 22px 0 15px;
  font-size: 18px;
}

.admin-detailed-job-frame-parent, .admin-detailed-job-listing-content, .admin-detailed-job-listing-content-wrapper, .admin-detailed-job-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.admin-detailed-job-frame-parent, .admin-detailed-job-listing-content, .admin-detailed-job-listing-content-wrapper {
  flex-direction: row;
}

.admin-detailed-job-listing-content {
  flex: 1;
  gap: 14px;
}

.admin-detailed-job-frame-parent, .admin-detailed-job-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.admin-detailed-job-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  padding: 0 2px 24px 0;
}

.admin-detailed-job-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-listing-image-grid, .admin-detailed-job-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.admin-detailed-job-listing-image-grid1 {
  padding: 0 80px 24px;
}

.admin-detailed-job-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-job-feedback-header, .admin-detailed-job-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.admin-detailed-job-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.admin-detailed-job-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-buttonsbutton7, .admin-detailed-job-feedback-score, .admin-detailed-job-stars-parent {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.admin-detailed-job-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.admin-detailed-job-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-job-client-feedback, .admin-detailed-job-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.admin-detailed-job-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 24px 80px 24px 0;
}

.admin-detailed-job-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-detailed-job-client-message, .admin-detailed-job-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.admin-detailed-job-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-job-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px 0;
}

.admin-detailed-job-buttonsbutton8, .admin-detailed-job-client-message {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-buttonsbutton8:hover {
  background-color: #6941c6;
}

.admin-detailed-job-view-replies {
  color: #eaecf0;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  width: 91.5%;
  padding-bottom: 24px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-job-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-button-wrap, .admin-detailed-job-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-job-buttonsbutton9 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-button-wrap {
  justify-content: flex-start;
}

.admin-detailed-job-details, .admin-detailed-job-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-text37 {
  min-width: 32px;
  font-weight: 600;
}

.admin-detailed-job-button-wrap1, .admin-detailed-job-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-job-buttonsbutton10 {
  box-sizing: border-box;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-buttonsbutton10:hover {
  background-color: #eaecf0;
}

.admin-detailed-job-button-wrap1 {
  justify-content: flex-end;
}

.admin-detailed-job-pagination, .admin-detailed-job-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px 16px 9px;
  overflow-x: auto;
}

.admin-detailed-job-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 66px 24px;
  font-size: 14px;
}

.admin-detailed-job-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.admin-detailed-job-heading32, .admin-detailed-job-heading33 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-job-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.admin-detailed-job-heading33 {
  width: 107px;
  display: inline-block;
}

.admin-detailed-job-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-job-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-job-label2, .admin-detailed-job-label3, .admin-detailed-job-text38 {
  position: relative;
}

.admin-detailed-job-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.admin-detailed-job-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-job-input-with-label3, .admin-detailed-job-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.admin-detailed-job-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-detailed-job-content6, .admin-detailed-job-input-field, .admin-detailed-job-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.admin-detailed-job-content6, .admin-detailed-job-input-field {
  max-width: 100%;
}

.admin-detailed-job-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.admin-detailed-job-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.admin-detailed-job-label4, .admin-detailed-job-text39 {
  display: inline-block;
  position: relative;
}

.admin-detailed-job-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-job-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.admin-detailed-job-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-input-field1, .admin-detailed-job-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-detailed-job-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.admin-detailed-job-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.admin-detailed-job-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-button1, .admin-detailed-job-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.admin-detailed-job-review-form, .admin-detailed-job-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.admin-detailed-job-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-job-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-detailed-job-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.admin-detailed-job-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-heading-parent3, .admin-detailed-job-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.admin-detailed-job-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.admin-detailed-job-frame-child12, .admin-detailed-job-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.admin-detailed-job-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.admin-detailed-job-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.admin-detailed-job-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.admin-detailed-job-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.admin-detailed-job-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-badge5, .admin-detailed-job-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.admin-detailed-job-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.admin-detailed-job-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.admin-detailed-job-image-overlay, .admin-detailed-job-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-job-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.admin-detailed-job-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.admin-detailed-job-listing-detail-item-date, .admin-detailed-job-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.admin-detailed-job-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.admin-detailed-job-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-job-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.admin-detailed-job-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.admin-detailed-job-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-listing-detail-item-pin-wrapper, .admin-detailed-job-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.admin-detailed-job-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.admin-detailed-job-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.admin-detailed-job-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-listing, .admin-detailed-job-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.admin-detailed-job-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.admin-detailed-job-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.admin-detailed-job-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.admin-detailed-job-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.admin-detailed-job-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.admin-detailed-job-listing-detail-item-value, .admin-detailed-job-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.admin-detailed-job-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.admin-detailed-job-listing-detail-item, .admin-detailed-job-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.admin-detailed-job-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.admin-detailed-job-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.admin-detailed-job-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.admin-detailed-job-footer-social, .admin-detailed-job-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.admin-detailed-job-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-job-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-job-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.admin-detailed-job-badge-group, .admin-detailed-job-image-overlay3, .admin-detailed-job-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-job-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-job-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.admin-detailed-job-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.admin-detailed-job-agent-details-icon, .admin-detailed-job-agent-extra-info, .admin-detailed-job-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.admin-detailed-job-agent-details-icon, .admin-detailed-job-agent-extra-info {
  max-width: 100%;
}

.admin-detailed-job-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.admin-detailed-job-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.admin-detailed-job-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-job-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.admin-detailed-job-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.admin-detailed-job-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.admin-detailed-job-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-job-testiomonial-carousel-arrow4, .admin-detailed-job-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.admin-detailed-job-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-job-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.admin-detailed-job-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-rectangle-parent30, .admin-detailed-job-supporting-six-wrapper, .admin-detailed-job-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.admin-detailed-job-supporting-six-wrapper, .admin-detailed-job-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.admin-detailed-job-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.admin-detailed-job-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.admin-detailed-job-divider-container, .admin-detailed-job-icon-group, .admin-detailed-job-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.admin-detailed-job-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.admin-detailed-job-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-job-breadcrumb-button-base4, .admin-detailed-job-testiomonial-carousel-arrow6, .admin-detailed-job-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-job-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.admin-detailed-job-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.admin-detailed-job-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-job-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-job-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.admin-detailed-job-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-job-divider-icon24 {
  width: 1216px;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin: 0 !important;
}

.admin-detailed-job-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-job-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-job-button2, .admin-detailed-job-text-padding4, .admin-detailed-job-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.admin-detailed-job-button2, .admin-detailed-job-text-padding5 {
  box-sizing: border-box;
}

.admin-detailed-job-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.admin-detailed-job-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.admin-detailed-job-button3, .admin-detailed-job-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.admin-detailed-job-button4, .admin-detailed-job-button5, .admin-detailed-job-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.admin-detailed-job-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-actions1, .admin-detailed-job-testiomonial-carousel-arrow8, .admin-detailed-job-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-job-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.admin-detailed-job-testiomonial-carousel-arrow8, .admin-detailed-job-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-job-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-job-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.admin-detailed-job-listing-image-grid11, .admin-detailed-job-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.admin-detailed-job-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.admin-detailed-job-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-job-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.admin-detailed-job-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.admin-detailed-job-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-job-heading40, .admin-detailed-job-text123 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-job-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.admin-detailed-job-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-job-buttonsbutton27, .admin-detailed-job-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-job-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.admin-detailed-job-footer-link1 {
  justify-content: flex-start;
}

.admin-detailed-job-text124, .admin-detailed-job-text125, .admin-detailed-job-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-text125, .admin-detailed-job-text126 {
  min-width: 68px;
}

.admin-detailed-job-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.admin-detailed-job-badge36, .admin-detailed-job-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-job-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.admin-detailed-job-footer-link3 {
  gap: 8px;
}

.admin-detailed-job-text127, .admin-detailed-job-text128, .admin-detailed-job-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-text128, .admin-detailed-job-text129 {
  min-width: 97px;
}

.admin-detailed-job-text129 {
  min-width: 81px;
}

.admin-detailed-job-footer-links-column, .admin-detailed-job-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.admin-detailed-job-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.admin-detailed-job-text130, .admin-detailed-job-text131, .admin-detailed-job-text132, .admin-detailed-job-text133, .admin-detailed-job-text134, .admin-detailed-job-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.admin-detailed-job-text131, .admin-detailed-job-text132, .admin-detailed-job-text133, .admin-detailed-job-text134, .admin-detailed-job-text135 {
  min-width: 58px;
}

.admin-detailed-job-text132, .admin-detailed-job-text133, .admin-detailed-job-text134, .admin-detailed-job-text135 {
  min-width: 66px;
}

.admin-detailed-job-text133, .admin-detailed-job-text134, .admin-detailed-job-text135 {
  min-width: 90px;
}

.admin-detailed-job-text134, .admin-detailed-job-text135 {
  min-width: 55px;
}

.admin-detailed-job-text135 {
  min-width: 63px;
}

.admin-detailed-job-footer-links2, .admin-detailed-job-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.admin-detailed-job-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.admin-detailed-job-help-icon, .admin-detailed-job-label6 {
  display: none;
  position: relative;
}

.admin-detailed-job-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-job-help-icon {
  width: 16px;
  height: 16px;
}

.admin-detailed-job-input-with-label6, .admin-detailed-job-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.admin-detailed-job-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-job-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-job-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.admin-detailed-job-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-job-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-job-email-capture, .admin-detailed-job-links-and-newsletter, .admin-detailed-job-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.admin-detailed-job-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.admin-detailed-job-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.admin-detailed-job-container, .admin-detailed-job-content8, .admin-detailed-job-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-container {
  flex: 1;
  max-width: 1280px;
}

.admin-detailed-job-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.admin-detailed-job-divider-icon29, .admin-detailed-job-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.admin-detailed-job-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.admin-detailed-job-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  padding: 64px 0 48px;
  display: flex;
}

.admin-detailed-job-footer-text {
  line-height: 20px;
  position: relative;
}

.admin-detailed-job-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-detailed-job-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.admin-detailed-job-logomark, .admin-detailed-job-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.admin-detailed-job-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.admin-detailed-job-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.admin-detailed-job-content10, .admin-detailed-job-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-job-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.admin-detailed-job-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.admin-detailed-job-footer1, .admin-detailed-job-listings-detailed-page-devic, .admin-detailed-job-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-job-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.admin-detailed-job-listings-detailed-page-devic, .admin-detailed-job-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.admin-detailed-job-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.admin-detailed-job-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  max-width: 1524px;
  margin: 0 auto;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.admin-detailed-job-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-job-sharethis-parent {
  position: relative;
}

.admin-detailed-job-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-job-sharethis-follow-parent {
  position: relative;
}

.admin-detailed-job-button1-submit {
  z-index: 2;
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-job-button1-submit:hover {
  background-color: #6941c6;
}

.admin-detailed-job-client-feedback-parent {
  width: 100%;
}

.admin-detailed-job-reply-section {
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
  padding: 0 80px 24px 0;
  display: flex;
}

.admin-detailed-job-reply-textarea {
  resize: none;
  box-sizing: border-box;
  scrollbar-width: none;
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  height: 100px;
  padding: 10px;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
}

.admin-detailed-job-reply-textarea:focus {
  border-color: #7e56d9;
  outline: none;
}

.admin-detailed-job-reply-submit-btn {
  color: #fff;
  cursor: pointer;
  background-color: #7e56d9;
  border: none;
  border-radius: 5px;
  width: max-content;
  padding: 8px 15px;
  font-size: 14px;
}

.admin-detailed-job-reply-submit-btn:hover {
  background-color: #6941c6;
}

.admin-detailed-job-reply-submit-btn:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.admin-detailed-job-char-counter {
  color: #555;
  text-align: left;
  font-size: 12px;
}

.admin-detailed-job-char-counter.warning {
  color: #e74c3c;
}

@media screen and (width <= 1275px) {
  .admin-detailed-job-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .admin-detailed-job-breadcrumb-controls1 {
    flex: 1;
  }

  .admin-detailed-job-breadcrumb-container {
    flex-wrap: wrap;
  }

  .admin-detailed-job-service-card {
    flex: 1;
  }

  .admin-detailed-job-listing-content {
    flex-wrap: wrap;
  }

  .admin-detailed-job-container, .admin-detailed-job-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .admin-detailed-job-client-review, .admin-detailed-job-content4, .admin-detailed-job-description-columns-first, .admin-detailed-job-download-items, .admin-detailed-job-gallery-images, .admin-detailed-job-rectangle-group, .admin-detailed-job-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .admin-detailed-job-description-block-parent {
    min-width: 100%;
  }

  .admin-detailed-job-client-feedback, .admin-detailed-job-client-message, .admin-detailed-job-listing-image-grid, .admin-detailed-job-listing-image-grid1, .admin-detailed-job-pagination-wrapper, .admin-detailed-job-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-job-heading-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-job-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .admin-detailed-job-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .admin-detailed-job-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .admin-detailed-job-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .admin-detailed-job-actions, .admin-detailed-job-file-upload-item-base {
    flex-wrap: wrap;
  }

  .admin-detailed-job-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .admin-detailed-job-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .admin-detailed-job-review-stars {
    min-width: 100%;
  }

  .admin-detailed-job-review-container, .admin-detailed-job-review-stars {
    flex-wrap: wrap;
  }

  .admin-detailed-job-client-review-header {
    min-width: 100%;
  }

  .admin-detailed-job-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-job-service-card {
    min-width: 100%;
  }

  .admin-detailed-job-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-job-feedback-header {
    min-width: 100%;
  }

  .admin-detailed-job-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .admin-detailed-job-frame-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-job-textarea-input-field {
    max-width: 100%;
  }

  .admin-detailed-job-content6 {
    gap: 16px;
  }

  .admin-detailed-job-textarea-input-field1 {
    max-width: 100%;
  }

  .admin-detailed-job-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-job-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .admin-detailed-job-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .admin-detailed-job-links {
    flex: 1;
  }

  .admin-detailed-job-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .admin-detailed-job-container {
    gap: 24px;
  }

  .admin-detailed-job-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-job-footer {
    gap: 24px;
    height: auto;
  }

  .admin-detailed-job-container1 {
    gap: 16px;
  }

  .admin-detailed-job-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .admin-detailed-job-header-container {
    gap: 17px;
  }

  .admin-detailed-job-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .admin-detailed-job-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .admin-detailed-job-button-row, .admin-detailed-job-contact-details {
    flex-wrap: wrap;
  }

  .admin-detailed-job-gallery-images-container, .admin-detailed-job-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .admin-detailed-job-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-detailed-job-input-dropdown {
    max-width: 100%;
  }

  .admin-detailed-job-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .admin-detailed-job-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .admin-detailed-job-rectangle-parent1 {
    flex: 1;
  }

  .admin-detailed-job-review-container {
    gap: 16px;
  }

  .admin-detailed-job-price {
    font-size: 21px;
    line-height: 26px;
  }

  .admin-detailed-job-header-content1, .admin-detailed-job-professional-details, .admin-detailed-job-testimonial-item {
    flex-wrap: wrap;
  }

  .admin-detailed-job-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .admin-detailed-job-review-form {
    gap: 25px;
  }

  .admin-detailed-job-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .admin-detailed-job-links, .admin-detailed-job-logo-and-supporting-text {
    gap: 16px;
  }

  .admin-detailed-job-email-capture {
    flex-wrap: wrap;
  }

  .admin-detailed-job-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .admin-detailed-job-footer1 {
    gap: 16px;
  }
}

.admin-detailed-wanted-device-frame-child, .admin-detailed-wanted-device-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.admin-detailed-wanted-device-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.admin-detailed-wanted-device-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-header-content, .admin-detailed-wanted-device-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.admin-detailed-wanted-device-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.admin-detailed-wanted-device-bar-chart-01-icon, .admin-detailed-wanted-device-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.admin-detailed-wanted-device-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-detailed-wanted-device-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.admin-detailed-wanted-device-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-wanted-device-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-wanted-device-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-badge1, .admin-detailed-wanted-device-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-detailed-wanted-device-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-wanted-device-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-wanted-device-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-navigation, .admin-detailed-wanted-device-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.admin-detailed-wanted-device-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.admin-detailed-wanted-device-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-placeholder, .admin-detailed-wanted-device-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.admin-detailed-wanted-device-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.admin-detailed-wanted-device-content3, .admin-detailed-wanted-device-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-device-content3 {
  flex: 1;
  gap: 8px;
}

.admin-detailed-wanted-device-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-header-container, .admin-detailed-wanted-device-input-with-label, .admin-detailed-wanted-device-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.admin-detailed-wanted-device-header-container, .admin-detailed-wanted-device-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-wanted-device-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.admin-detailed-wanted-device-header-container {
  gap: 70px;
  width: 754px;
}

.admin-detailed-wanted-device-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.admin-detailed-wanted-device-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-wanted-device-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.admin-detailed-wanted-device-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-detailed-wanted-device-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.admin-detailed-wanted-device-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-detailed-wanted-device-button-container, .admin-detailed-wanted-device-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-detailed-wanted-device-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.admin-detailed-wanted-device-divider-icon, .admin-detailed-wanted-device-text6 {
  align-self: stretch;
  position: relative;
}

.admin-detailed-wanted-device-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.admin-detailed-wanted-device-text6 {
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-device-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.admin-detailed-wanted-device-chevron-right-icon, .admin-detailed-wanted-device-text7 {
  flex-shrink: 0;
  position: relative;
}

.admin-detailed-wanted-device-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.admin-detailed-wanted-device-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-device-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.admin-detailed-wanted-device-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-breadcrumb-controls, .admin-detailed-wanted-device-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.admin-detailed-wanted-device-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-wanted-device-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.admin-detailed-wanted-device-breadcrumb-controls-icon, .admin-detailed-wanted-device-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.admin-detailed-wanted-device-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.admin-detailed-wanted-device-breadcrumb-controls-item {
  display: none;
}

.admin-detailed-wanted-device-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-buttonsbutton, .admin-detailed-wanted-device-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.admin-detailed-wanted-device-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-wanted-device-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.admin-detailed-wanted-device-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.admin-detailed-wanted-device-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.admin-detailed-wanted-device-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.admin-detailed-wanted-device-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.admin-detailed-wanted-device-breadcrumb, .admin-detailed-wanted-device-breadcrumb-button-base3, .admin-detailed-wanted-device-breadcrumb-container-parent, .admin-detailed-wanted-device-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.admin-detailed-wanted-device-breadcrumb, .admin-detailed-wanted-device-breadcrumb-container-parent {
  max-width: 100%;
}

.admin-detailed-wanted-device-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.admin-detailed-wanted-device-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.admin-detailed-wanted-device-pre- {
  text-transform: capitalize;
}

.admin-detailed-wanted-device-o {
  text-transform: lowercase;
}

.admin-detailed-wanted-device-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-marker-pin-02-icon, .admin-detailed-wanted-device-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.admin-detailed-wanted-device-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.admin-detailed-wanted-device-detail-items, .admin-detailed-wanted-device-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-detail-items {
  flex: 1;
  gap: 8px;
}

.admin-detailed-wanted-device-details-row {
  gap: 20px;
  width: 294px;
}

.admin-detailed-wanted-device-contact-name {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-detailed-wanted-device-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-detailed-wanted-device-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.admin-detailed-wanted-device-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-wanted-device-ellipse-div, .admin-detailed-wanted-device-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-wanted-device-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.admin-detailed-wanted-device-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-wanted-device-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.admin-detailed-wanted-device-contact-details, .admin-detailed-wanted-device-details-content, .admin-detailed-wanted-device-rectangle-container, .admin-detailed-wanted-device-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.admin-detailed-wanted-device-contact-details, .admin-detailed-wanted-device-details-content {
  align-self: stretch;
}

.admin-detailed-wanted-device-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.admin-detailed-wanted-device-details-content {
  flex-direction: column;
  gap: 8px;
}

.admin-detailed-wanted-device-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-buttonsbutton1, .admin-detailed-wanted-device-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-detailed-wanted-device-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-wanted-device-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.admin-detailed-wanted-device-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.admin-detailed-wanted-device-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.admin-detailed-wanted-device-detail-container, .admin-detailed-wanted-device-dropdown, .admin-detailed-wanted-device-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.admin-detailed-wanted-device-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.admin-detailed-wanted-device-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-device-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.admin-detailed-wanted-device-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-device-heading, .admin-detailed-wanted-device-paragraph, .admin-detailed-wanted-device-paragraph1 {
  z-index: 1;
  position: relative;
}

.admin-detailed-wanted-device-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-device-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-device-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.admin-detailed-wanted-device-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.admin-detailed-wanted-device-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.admin-detailed-wanted-device-description-columns-second, .admin-detailed-wanted-device-description-content, .admin-detailed-wanted-device-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 36px;
  min-height: 120px;
}

.admin-detailed-wanted-device-description-content, .admin-detailed-wanted-device-heading-parent {
  flex-direction: column;
}

.admin-detailed-wanted-device-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.admin-detailed-wanted-device-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.admin-detailed-wanted-device-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-device-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-description-paragraphs, .admin-detailed-wanted-device-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-device-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.admin-detailed-wanted-device-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.admin-detailed-wanted-device-heading1, .admin-detailed-wanted-device-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-device-heading1 {
  font-weight: 500;
}

.admin-detailed-wanted-device-paragraph26 {
  color: #475467;
}

.admin-detailed-wanted-device-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.admin-detailed-wanted-device-gallery-images-container-child, .admin-detailed-wanted-device-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.admin-detailed-wanted-device-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.admin-detailed-wanted-device-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.admin-detailed-wanted-device-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.admin-detailed-wanted-device-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-wanted-device-gallery-images, .admin-detailed-wanted-device-gallery-images-container, .admin-detailed-wanted-device-gallery-images-container1, .admin-detailed-wanted-device-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-wanted-device-gallery-images, .admin-detailed-wanted-device-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-wanted-device-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.admin-detailed-wanted-device-heading6 {
  font-weight: 600;
}

.admin-detailed-wanted-device-heading6, .admin-detailed-wanted-device-heading7, .admin-detailed-wanted-device-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-device-heading7 {
  font-weight: 500;
}

.admin-detailed-wanted-device-paragraph30 {
  color: #475467;
}

.admin-detailed-wanted-device-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.admin-detailed-wanted-device-benefits-content {
  gap: 16px;
}

.admin-detailed-wanted-device-benefits-container, .admin-detailed-wanted-device-benefits-content, .admin-detailed-wanted-device-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-section {
  z-index: 1;
  font-size: 18px;
}

.admin-detailed-wanted-device-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.admin-detailed-wanted-device-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-device-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.admin-detailed-wanted-device-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.admin-detailed-wanted-device-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.admin-detailed-wanted-device-supporting-text3, .admin-detailed-wanted-device-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-text12 {
  font-weight: 500;
}

.admin-detailed-wanted-device-supporting-text3 {
  color: #475467;
}

.admin-detailed-wanted-device-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-device-download-items, .admin-detailed-wanted-device-download-items-parent, .admin-detailed-wanted-device-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-download-items, .admin-detailed-wanted-device-download-items-parent {
  align-self: stretch;
}

.admin-detailed-wanted-device-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.admin-detailed-wanted-device-heading15, .admin-detailed-wanted-device-text18 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-wanted-device-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.admin-detailed-wanted-device-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-wanted-device-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-wanted-device-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-wanted-device-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-device-button-group-base2, .admin-detailed-wanted-device-button-group-base3, .admin-detailed-wanted-device-button-group-base4, .admin-detailed-wanted-device-button-group-base5, .admin-detailed-wanted-device-button-group-base6, .admin-detailed-wanted-device-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.admin-detailed-wanted-device-button-group-base3, .admin-detailed-wanted-device-button-group-base4, .admin-detailed-wanted-device-button-group-base5, .admin-detailed-wanted-device-button-group-base6, .admin-detailed-wanted-device-button-group-base7 {
  z-index: 5;
}

.admin-detailed-wanted-device-button-group-base4, .admin-detailed-wanted-device-button-group-base5, .admin-detailed-wanted-device-button-group-base6, .admin-detailed-wanted-device-button-group-base7 {
  z-index: 4;
}

.admin-detailed-wanted-device-button-group-base5, .admin-detailed-wanted-device-button-group-base6, .admin-detailed-wanted-device-button-group-base7 {
  z-index: 3;
}

.admin-detailed-wanted-device-button-group-base6, .admin-detailed-wanted-device-button-group-base7 {
  z-index: 2;
}

.admin-detailed-wanted-device-button-group-base7 {
  z-index: 1;
}

.admin-detailed-wanted-device-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-wanted-device-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-supporting-text9, .admin-detailed-wanted-device-text27 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-device-text27 {
  font-weight: 500;
}

.admin-detailed-wanted-device-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.admin-detailed-wanted-device-content5, .admin-detailed-wanted-device-input-with-label1, .admin-detailed-wanted-device-input1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.admin-detailed-wanted-device-input-with-label1, .admin-detailed-wanted-device-input1 {
  align-self: stretch;
}

.admin-detailed-wanted-device-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.admin-detailed-wanted-device-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-wanted-device-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.admin-detailed-wanted-device-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-actions, .admin-detailed-wanted-device-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-device-button {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.admin-detailed-wanted-device-content4, .admin-detailed-wanted-device-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.admin-detailed-wanted-device-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.admin-detailed-wanted-device-empty-review, .admin-detailed-wanted-device-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.admin-detailed-wanted-device-empty-review {
  flex: 1;
  justify-content: center;
  min-width: 91px;
  height: 44px;
  line-height: 24px;
}

.admin-detailed-wanted-device-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.admin-detailed-wanted-device-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.admin-detailed-wanted-device-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.admin-detailed-wanted-device-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.admin-detailed-wanted-device-review-content, .admin-detailed-wanted-device-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.admin-detailed-wanted-device-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.admin-detailed-wanted-device-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-wanted-device-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-first-review-fifth-star, .admin-detailed-wanted-device-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.admin-detailed-wanted-device-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.admin-detailed-wanted-device-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-heading-wrapper {
  padding: 0 4px;
}

.admin-detailed-wanted-device-heading-wrapper, .admin-detailed-wanted-device-stars-wrapper, .admin-detailed-wanted-device-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.admin-detailed-wanted-device-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.admin-detailed-wanted-device-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-device-rectangle-parent3, .admin-detailed-wanted-device-review-container, .admin-detailed-wanted-device-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.admin-detailed-wanted-device-review-container, .admin-detailed-wanted-device-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-wanted-device-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.admin-detailed-wanted-device-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  width: 812px;
  font-size: 56px;
}

.admin-detailed-wanted-device-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.admin-detailed-wanted-device-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.admin-detailed-wanted-device-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-alvo-medical, .admin-detailed-wanted-device-heading20 {
  font-weight: 500;
}

.admin-detailed-wanted-device-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-device-client-review-header, .admin-detailed-wanted-device-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.admin-detailed-wanted-device-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.admin-detailed-wanted-device-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-client-rating, .admin-detailed-wanted-device-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-client-rating {
  align-self: stretch;
  gap: 4px;
}

.admin-detailed-wanted-device-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.admin-detailed-wanted-device-client-review, .admin-detailed-wanted-device-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.admin-detailed-wanted-device-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.admin-detailed-wanted-device-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-wanted-device-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-badge-wrapper, .admin-detailed-wanted-device-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.admin-detailed-wanted-device-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.admin-detailed-wanted-device-discount, .admin-detailed-wanted-device-price {
  z-index: 2;
  position: relative;
}

.admin-detailed-wanted-device-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.admin-detailed-wanted-device-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-wanted-device-original-price, .admin-detailed-wanted-device-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.admin-detailed-wanted-device-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.admin-detailed-wanted-device-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-device-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.admin-detailed-wanted-device-card-header, .admin-detailed-wanted-device-price-tag, .admin-detailed-wanted-device-service-title-container {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
}

.admin-detailed-wanted-device-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.admin-detailed-wanted-device-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  margin: 0 !important;
}

.admin-detailed-wanted-device-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.admin-detailed-wanted-device-amlie-laurent, .admin-detailed-wanted-device-card-footer, .admin-detailed-wanted-device-role {
  align-self: stretch;
  position: relative;
}

.admin-detailed-wanted-device-card-footer {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-amlie-laurent, .admin-detailed-wanted-device-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.admin-detailed-wanted-device-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.admin-detailed-wanted-device-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-supporting-text10 {
  z-index: 2;
  flex: 1;
  min-width: 114px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-contact-button, .admin-detailed-wanted-device-message-button {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-message-button {
  flex: 1;
  gap: 2px;
}

.admin-detailed-wanted-device-contact-button {
  align-self: stretch;
  padding: 0 52px;
}

.admin-detailed-wanted-device-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.admin-detailed-wanted-device-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-wanted-device-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-buttonsbutton5, .admin-detailed-wanted-device-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-buttonsbutton5 {
  white-space: nowrap;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.admin-detailed-wanted-device-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.admin-detailed-wanted-device-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-button-container2, .admin-detailed-wanted-device-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-button-container2 {
  flex: 1;
  gap: 16px;
}

.admin-detailed-wanted-device-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.admin-detailed-wanted-device-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.admin-detailed-wanted-device-dropdown-menu, .admin-detailed-wanted-device-dropdown1, .admin-detailed-wanted-device-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-dropdown1 {
  z-index: 2;
}

.admin-detailed-wanted-device-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.admin-detailed-wanted-device-professional-details, .admin-detailed-wanted-device-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.admin-detailed-wanted-device-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.admin-detailed-wanted-device-card-content, .admin-detailed-wanted-device-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.admin-detailed-wanted-device-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-wanted-device-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-description, .admin-detailed-wanted-device-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.admin-detailed-wanted-device-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-device-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-device-header-content1, .admin-detailed-wanted-device-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-wanted-device-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.admin-detailed-wanted-device-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.admin-detailed-wanted-device-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.admin-detailed-wanted-device-client-name, .admin-detailed-wanted-device-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-device-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.admin-detailed-wanted-device-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.admin-detailed-wanted-device-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.admin-detailed-wanted-device-testimonial-divider, .admin-detailed-wanted-device-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.admin-detailed-wanted-device-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.admin-detailed-wanted-device-rectangle-parent4, .admin-detailed-wanted-device-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.admin-detailed-wanted-device-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.admin-detailed-wanted-device-frame-parent, .admin-detailed-wanted-device-listing-content, .admin-detailed-wanted-device-listing-content-wrapper, .admin-detailed-wanted-device-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.admin-detailed-wanted-device-frame-parent, .admin-detailed-wanted-device-listing-content, .admin-detailed-wanted-device-listing-content-wrapper {
  flex-direction: row;
}

.admin-detailed-wanted-device-listing-content {
  flex: 1;
  gap: 14px;
}

.admin-detailed-wanted-device-frame-parent, .admin-detailed-wanted-device-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.admin-detailed-wanted-device-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  margin-top: 50px;
  padding: 0 2px 24px 0;
}

.admin-detailed-wanted-device-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-listing-image-grid, .admin-detailed-wanted-device-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.admin-detailed-wanted-device-listing-image-grid1 {
  padding: 0 80px 24px;
}

.admin-detailed-wanted-device-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-wanted-device-feedback-header, .admin-detailed-wanted-device-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.admin-detailed-wanted-device-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.admin-detailed-wanted-device-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-buttonsbutton7, .admin-detailed-wanted-device-feedback-score, .admin-detailed-wanted-device-stars-parent {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.admin-detailed-wanted-device-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.admin-detailed-wanted-device-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-device-client-feedback, .admin-detailed-wanted-device-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.admin-detailed-wanted-device-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
}

.admin-detailed-wanted-device-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-device-client-message, .admin-detailed-wanted-device-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.admin-detailed-wanted-device-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-wanted-device-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px;
}

.admin-detailed-wanted-device-buttonsbutton8, .admin-detailed-wanted-device-client-message, .admin-detailed-wanted-device-view-replies {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-view-replies {
  color: #eaecf0;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 24px 440px;
  font-size: 14px;
}

.admin-detailed-wanted-device-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-button-wrap, .admin-detailed-wanted-device-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-device-buttonsbutton9 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-button-wrap {
  flex: 1;
  justify-content: flex-start;
}

.admin-detailed-wanted-device-details, .admin-detailed-wanted-device-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-text37 {
  min-width: 32px;
  font-weight: 600;
}

.admin-detailed-wanted-device-button-wrap1, .admin-detailed-wanted-device-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-device-buttonsbutton10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-button-wrap1 {
  flex: 1;
  justify-content: flex-end;
}

.admin-detailed-wanted-device-pagination, .admin-detailed-wanted-device-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.admin-detailed-wanted-device-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-wanted-device-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-heading32, .admin-detailed-wanted-device-heading33 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-device-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.admin-detailed-wanted-device-heading33 {
  width: 107px;
  display: inline-block;
}

.admin-detailed-wanted-device-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-wanted-device-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-wanted-device-label2, .admin-detailed-wanted-device-label3, .admin-detailed-wanted-device-text38 {
  position: relative;
}

.admin-detailed-wanted-device-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.admin-detailed-wanted-device-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-device-input-with-label3, .admin-detailed-wanted-device-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.admin-detailed-wanted-device-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-device-content6, .admin-detailed-wanted-device-input-field, .admin-detailed-wanted-device-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.admin-detailed-wanted-device-content6, .admin-detailed-wanted-device-input-field {
  max-width: 100%;
}

.admin-detailed-wanted-device-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.admin-detailed-wanted-device-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.admin-detailed-wanted-device-label4, .admin-detailed-wanted-device-text39 {
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-device-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.admin-detailed-wanted-device-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-input-field1, .admin-detailed-wanted-device-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-detailed-wanted-device-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.admin-detailed-wanted-device-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.admin-detailed-wanted-device-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-button1, .admin-detailed-wanted-device-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.admin-detailed-wanted-device-review-form, .admin-detailed-wanted-device-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.admin-detailed-wanted-device-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-wanted-device-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-detailed-wanted-device-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.admin-detailed-wanted-device-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-heading-parent3, .admin-detailed-wanted-device-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.admin-detailed-wanted-device-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.admin-detailed-wanted-device-frame-child12, .admin-detailed-wanted-device-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.admin-detailed-wanted-device-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.admin-detailed-wanted-device-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.admin-detailed-wanted-device-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-badge5, .admin-detailed-wanted-device-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.admin-detailed-wanted-device-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.admin-detailed-wanted-device-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.admin-detailed-wanted-device-image-overlay, .admin-detailed-wanted-device-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-wanted-device-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.admin-detailed-wanted-device-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.admin-detailed-wanted-device-listing-detail-item-date, .admin-detailed-wanted-device-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.admin-detailed-wanted-device-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.admin-detailed-wanted-device-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-wanted-device-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.admin-detailed-wanted-device-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.admin-detailed-wanted-device-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-listing-detail-item-pin-wrapper, .admin-detailed-wanted-device-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.admin-detailed-wanted-device-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.admin-detailed-wanted-device-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.admin-detailed-wanted-device-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-listing, .admin-detailed-wanted-device-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.admin-detailed-wanted-device-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.admin-detailed-wanted-device-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.admin-detailed-wanted-device-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.admin-detailed-wanted-device-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.admin-detailed-wanted-device-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.admin-detailed-wanted-device-listing-detail-item-value, .admin-detailed-wanted-device-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.admin-detailed-wanted-device-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.admin-detailed-wanted-device-listing-detail-item, .admin-detailed-wanted-device-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.admin-detailed-wanted-device-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.admin-detailed-wanted-device-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.admin-detailed-wanted-device-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.admin-detailed-wanted-device-footer-social, .admin-detailed-wanted-device-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.admin-detailed-wanted-device-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-wanted-device-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-device-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.admin-detailed-wanted-device-badge-group, .admin-detailed-wanted-device-image-overlay3, .admin-detailed-wanted-device-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-wanted-device-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.admin-detailed-wanted-device-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.admin-detailed-wanted-device-agent-details-icon, .admin-detailed-wanted-device-agent-extra-info, .admin-detailed-wanted-device-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.admin-detailed-wanted-device-agent-details-icon, .admin-detailed-wanted-device-agent-extra-info {
  max-width: 100%;
}

.admin-detailed-wanted-device-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.admin-detailed-wanted-device-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.admin-detailed-wanted-device-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-device-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.admin-detailed-wanted-device-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.admin-detailed-wanted-device-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.admin-detailed-wanted-device-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-wanted-device-testiomonial-carousel-arrow4, .admin-detailed-wanted-device-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.admin-detailed-wanted-device-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-device-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.admin-detailed-wanted-device-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-rectangle-parent30, .admin-detailed-wanted-device-supporting-six-wrapper, .admin-detailed-wanted-device-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.admin-detailed-wanted-device-supporting-six-wrapper, .admin-detailed-wanted-device-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.admin-detailed-wanted-device-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.admin-detailed-wanted-device-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.admin-detailed-wanted-device-divider-container, .admin-detailed-wanted-device-icon-group, .admin-detailed-wanted-device-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.admin-detailed-wanted-device-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.admin-detailed-wanted-device-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-device-breadcrumb-button-base4, .admin-detailed-wanted-device-testiomonial-carousel-arrow6, .admin-detailed-wanted-device-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-wanted-device-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.admin-detailed-wanted-device-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.admin-detailed-wanted-device-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-device-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-device-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.admin-detailed-wanted-device-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-device-divider-icon24 {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin-top: 200px !important;
}

.admin-detailed-wanted-device-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-device-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-device-button2, .admin-detailed-wanted-device-text-padding4, .admin-detailed-wanted-device-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.admin-detailed-wanted-device-button2, .admin-detailed-wanted-device-text-padding5 {
  box-sizing: border-box;
}

.admin-detailed-wanted-device-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.admin-detailed-wanted-device-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.admin-detailed-wanted-device-button3, .admin-detailed-wanted-device-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.admin-detailed-wanted-device-button4, .admin-detailed-wanted-device-button5, .admin-detailed-wanted-device-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.admin-detailed-wanted-device-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-actions1, .admin-detailed-wanted-device-testiomonial-carousel-arrow8, .admin-detailed-wanted-device-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-wanted-device-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.admin-detailed-wanted-device-testiomonial-carousel-arrow8, .admin-detailed-wanted-device-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-wanted-device-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-device-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.admin-detailed-wanted-device-listing-image-grid11, .admin-detailed-wanted-device-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.admin-detailed-wanted-device-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.admin-detailed-wanted-device-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-device-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.admin-detailed-wanted-device-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.admin-detailed-wanted-device-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-device-heading40, .admin-detailed-wanted-device-text123 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-wanted-device-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.admin-detailed-wanted-device-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-device-buttonsbutton27, .admin-detailed-wanted-device-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-device-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.admin-detailed-wanted-device-footer-link1 {
  justify-content: flex-start;
}

.admin-detailed-wanted-device-text124, .admin-detailed-wanted-device-text125, .admin-detailed-wanted-device-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-text125, .admin-detailed-wanted-device-text126 {
  min-width: 68px;
}

.admin-detailed-wanted-device-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.admin-detailed-wanted-device-badge36, .admin-detailed-wanted-device-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-device-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.admin-detailed-wanted-device-footer-link3 {
  gap: 8px;
}

.admin-detailed-wanted-device-text127, .admin-detailed-wanted-device-text128, .admin-detailed-wanted-device-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-text128, .admin-detailed-wanted-device-text129 {
  min-width: 97px;
}

.admin-detailed-wanted-device-text129 {
  min-width: 81px;
}

.admin-detailed-wanted-device-footer-links-column, .admin-detailed-wanted-device-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.admin-detailed-wanted-device-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.admin-detailed-wanted-device-text130, .admin-detailed-wanted-device-text131, .admin-detailed-wanted-device-text132, .admin-detailed-wanted-device-text133, .admin-detailed-wanted-device-text134, .admin-detailed-wanted-device-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.admin-detailed-wanted-device-text131, .admin-detailed-wanted-device-text132, .admin-detailed-wanted-device-text133, .admin-detailed-wanted-device-text134, .admin-detailed-wanted-device-text135 {
  min-width: 58px;
}

.admin-detailed-wanted-device-text132, .admin-detailed-wanted-device-text133, .admin-detailed-wanted-device-text134, .admin-detailed-wanted-device-text135 {
  min-width: 66px;
}

.admin-detailed-wanted-device-text133, .admin-detailed-wanted-device-text134, .admin-detailed-wanted-device-text135 {
  min-width: 90px;
}

.admin-detailed-wanted-device-text134, .admin-detailed-wanted-device-text135 {
  min-width: 55px;
}

.admin-detailed-wanted-device-text135 {
  min-width: 63px;
}

.admin-detailed-wanted-device-footer-links2, .admin-detailed-wanted-device-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.admin-detailed-wanted-device-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.admin-detailed-wanted-device-help-icon, .admin-detailed-wanted-device-label6 {
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-device-help-icon {
  width: 16px;
  height: 16px;
}

.admin-detailed-wanted-device-input-with-label6, .admin-detailed-wanted-device-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.admin-detailed-wanted-device-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-wanted-device-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-device-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.admin-detailed-wanted-device-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-device-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-device-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-wanted-device-email-capture, .admin-detailed-wanted-device-links-and-newsletter, .admin-detailed-wanted-device-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.admin-detailed-wanted-device-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.admin-detailed-wanted-device-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.admin-detailed-wanted-device-container, .admin-detailed-wanted-device-content8, .admin-detailed-wanted-device-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-container {
  flex: 1;
  max-width: 1280px;
}

.admin-detailed-wanted-device-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.admin-detailed-wanted-device-divider-icon29, .admin-detailed-wanted-device-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.admin-detailed-wanted-device-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.admin-detailed-wanted-device-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  margin-top: 250px;
  padding: 64px 0 48px;
  display: flex;
}

.admin-detailed-wanted-device-footer-text {
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-device-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-device-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.admin-detailed-wanted-device-logomark, .admin-detailed-wanted-device-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.admin-detailed-wanted-device-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.admin-detailed-wanted-device-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.admin-detailed-wanted-device-content10, .admin-detailed-wanted-device-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.admin-detailed-wanted-device-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.admin-detailed-wanted-device-footer1, .admin-detailed-wanted-device-listings-detailed-page-devic, .admin-detailed-wanted-device-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-wanted-device-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.admin-detailed-wanted-device-listings-detailed-page-devic, .admin-detailed-wanted-device-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.admin-detailed-wanted-device-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.admin-detailed-wanted-device-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.admin-detailed-wanted-device-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-wanted-device-sharethis-parent {
  position: relative;
}

.admin-detailed-wanted-device-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-wanted-device-sharethis-follow-parent {
  position: relative;
}

@media screen and (width <= 1275px) {
  .admin-detailed-wanted-device-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .admin-detailed-wanted-device-breadcrumb-controls1 {
    flex: 1;
  }

  .admin-detailed-wanted-device-breadcrumb-container {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-device-service-card {
    flex: 1;
  }

  .admin-detailed-wanted-device-listing-content {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-device-container, .admin-detailed-wanted-device-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .admin-detailed-wanted-device-client-review, .admin-detailed-wanted-device-content4, .admin-detailed-wanted-device-description-columns-first, .admin-detailed-wanted-device-download-items, .admin-detailed-wanted-device-gallery-images, .admin-detailed-wanted-device-rectangle-group, .admin-detailed-wanted-device-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-device-description-block-parent {
    min-width: 100%;
  }

  .admin-detailed-wanted-device-client-feedback, .admin-detailed-wanted-device-client-message, .admin-detailed-wanted-device-listing-image-grid, .admin-detailed-wanted-device-listing-image-grid1, .admin-detailed-wanted-device-pagination-wrapper, .admin-detailed-wanted-device-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-wanted-device-heading-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-device-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .admin-detailed-wanted-device-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .admin-detailed-wanted-device-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .admin-detailed-wanted-device-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .admin-detailed-wanted-device-actions, .admin-detailed-wanted-device-file-upload-item-base {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-device-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .admin-detailed-wanted-device-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .admin-detailed-wanted-device-review-stars {
    min-width: 100%;
  }

  .admin-detailed-wanted-device-review-container, .admin-detailed-wanted-device-review-stars {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-device-client-review-header {
    min-width: 100%;
  }

  .admin-detailed-wanted-device-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-wanted-device-service-card {
    min-width: 100%;
  }

  .admin-detailed-wanted-device-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-wanted-device-feedback-header {
    min-width: 100%;
  }

  .admin-detailed-wanted-device-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .admin-detailed-wanted-device-frame-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-device-textarea-input-field {
    max-width: 100%;
  }

  .admin-detailed-wanted-device-content6 {
    gap: 16px;
  }

  .admin-detailed-wanted-device-textarea-input-field1 {
    max-width: 100%;
  }

  .admin-detailed-wanted-device-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-wanted-device-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .admin-detailed-wanted-device-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .admin-detailed-wanted-device-links {
    flex: 1;
  }

  .admin-detailed-wanted-device-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .admin-detailed-wanted-device-container {
    gap: 24px;
  }

  .admin-detailed-wanted-device-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-wanted-device-footer {
    gap: 24px;
    height: auto;
  }

  .admin-detailed-wanted-device-container1 {
    gap: 16px;
  }

  .admin-detailed-wanted-device-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .admin-detailed-wanted-device-header-container {
    gap: 17px;
  }

  .admin-detailed-wanted-device-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .admin-detailed-wanted-device-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .admin-detailed-wanted-device-button-row, .admin-detailed-wanted-device-contact-details {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-device-gallery-images-container, .admin-detailed-wanted-device-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .admin-detailed-wanted-device-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-detailed-wanted-device-input-dropdown {
    max-width: 100%;
  }

  .admin-detailed-wanted-device-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .admin-detailed-wanted-device-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .admin-detailed-wanted-device-rectangle-parent1 {
    flex: 1;
  }

  .admin-detailed-wanted-device-review-container {
    gap: 16px;
  }

  .admin-detailed-wanted-device-price {
    font-size: 21px;
    line-height: 26px;
  }

  .admin-detailed-wanted-device-header-content1, .admin-detailed-wanted-device-professional-details, .admin-detailed-wanted-device-testimonial-item {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-device-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .admin-detailed-wanted-device-review-form {
    gap: 25px;
  }

  .admin-detailed-wanted-device-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .admin-detailed-wanted-device-links, .admin-detailed-wanted-device-logo-and-supporting-text {
    gap: 16px;
  }

  .admin-detailed-wanted-device-email-capture {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-device-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .admin-detailed-wanted-device-footer1 {
    gap: 16px;
  }
}

.admin-detailed-wanted-spare-frame-child, .admin-detailed-wanted-spare-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.admin-detailed-wanted-spare-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.admin-detailed-wanted-spare-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-header-content, .admin-detailed-wanted-spare-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.admin-detailed-wanted-spare-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.admin-detailed-wanted-spare-bar-chart-01-icon, .admin-detailed-wanted-spare-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.admin-detailed-wanted-spare-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-detailed-wanted-spare-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.admin-detailed-wanted-spare-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-wanted-spare-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-wanted-spare-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-badge1, .admin-detailed-wanted-spare-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-detailed-wanted-spare-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-wanted-spare-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-wanted-spare-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-navigation, .admin-detailed-wanted-spare-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.admin-detailed-wanted-spare-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.admin-detailed-wanted-spare-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-placeholder, .admin-detailed-wanted-spare-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.admin-detailed-wanted-spare-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.admin-detailed-wanted-spare-content3, .admin-detailed-wanted-spare-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-spare-content3 {
  flex: 1;
  gap: 8px;
}

.admin-detailed-wanted-spare-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-header-container, .admin-detailed-wanted-spare-input-with-label, .admin-detailed-wanted-spare-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.admin-detailed-wanted-spare-header-container, .admin-detailed-wanted-spare-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-wanted-spare-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.admin-detailed-wanted-spare-header-container {
  gap: 70px;
  width: 754px;
}

.admin-detailed-wanted-spare-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.admin-detailed-wanted-spare-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-wanted-spare-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.admin-detailed-wanted-spare-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-detailed-wanted-spare-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.admin-detailed-wanted-spare-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-detailed-wanted-spare-button-container, .admin-detailed-wanted-spare-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-detailed-wanted-spare-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.admin-detailed-wanted-spare-divider-icon, .admin-detailed-wanted-spare-text6 {
  align-self: stretch;
  position: relative;
}

.admin-detailed-wanted-spare-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.admin-detailed-wanted-spare-text6 {
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-spare-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.admin-detailed-wanted-spare-chevron-right-icon, .admin-detailed-wanted-spare-text7 {
  flex-shrink: 0;
  position: relative;
}

.admin-detailed-wanted-spare-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.admin-detailed-wanted-spare-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-spare-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.admin-detailed-wanted-spare-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-breadcrumb-controls, .admin-detailed-wanted-spare-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.admin-detailed-wanted-spare-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-wanted-spare-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.admin-detailed-wanted-spare-breadcrumb-controls-icon, .admin-detailed-wanted-spare-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.admin-detailed-wanted-spare-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.admin-detailed-wanted-spare-breadcrumb-controls-item {
  display: none;
}

.admin-detailed-wanted-spare-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-buttonsbutton, .admin-detailed-wanted-spare-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.admin-detailed-wanted-spare-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-wanted-spare-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.admin-detailed-wanted-spare-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.admin-detailed-wanted-spare-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.admin-detailed-wanted-spare-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.admin-detailed-wanted-spare-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.admin-detailed-wanted-spare-breadcrumb, .admin-detailed-wanted-spare-breadcrumb-button-base3, .admin-detailed-wanted-spare-breadcrumb-container-parent, .admin-detailed-wanted-spare-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.admin-detailed-wanted-spare-breadcrumb, .admin-detailed-wanted-spare-breadcrumb-container-parent {
  max-width: 100%;
}

.admin-detailed-wanted-spare-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.admin-detailed-wanted-spare-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.admin-detailed-wanted-spare-pre- {
  text-transform: capitalize;
}

.admin-detailed-wanted-spare-o {
  text-transform: lowercase;
}

.admin-detailed-wanted-spare-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-marker-pin-02-icon, .admin-detailed-wanted-spare-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.admin-detailed-wanted-spare-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.admin-detailed-wanted-spare-detail-items, .admin-detailed-wanted-spare-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-detail-items {
  flex: 1;
  gap: 8px;
}

.admin-detailed-wanted-spare-details-row {
  gap: 20px;
  width: 294px;
}

.admin-detailed-wanted-spare-contact-name {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-detailed-wanted-spare-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-detailed-wanted-spare-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.admin-detailed-wanted-spare-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-wanted-spare-ellipse-div, .admin-detailed-wanted-spare-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-wanted-spare-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.admin-detailed-wanted-spare-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-wanted-spare-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.admin-detailed-wanted-spare-contact-details, .admin-detailed-wanted-spare-details-content, .admin-detailed-wanted-spare-rectangle-container, .admin-detailed-wanted-spare-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.admin-detailed-wanted-spare-contact-details, .admin-detailed-wanted-spare-details-content {
  align-self: stretch;
}

.admin-detailed-wanted-spare-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.admin-detailed-wanted-spare-details-content {
  flex-direction: column;
  gap: 8px;
}

.admin-detailed-wanted-spare-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-buttonsbutton1, .admin-detailed-wanted-spare-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-detailed-wanted-spare-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-wanted-spare-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.admin-detailed-wanted-spare-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.admin-detailed-wanted-spare-detail-container, .admin-detailed-wanted-spare-dropdown, .admin-detailed-wanted-spare-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.admin-detailed-wanted-spare-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.admin-detailed-wanted-spare-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-spare-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.admin-detailed-wanted-spare-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-spare-heading, .admin-detailed-wanted-spare-paragraph, .admin-detailed-wanted-spare-paragraph1 {
  z-index: 1;
  position: relative;
}

.admin-detailed-wanted-spare-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-spare-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-spare-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.admin-detailed-wanted-spare-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.admin-detailed-wanted-spare-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.admin-detailed-wanted-spare-description-columns-second, .admin-detailed-wanted-spare-description-content, .admin-detailed-wanted-spare-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 36px;
  min-height: 120px;
}

.admin-detailed-wanted-spare-description-content, .admin-detailed-wanted-spare-heading-parent {
  flex-direction: column;
}

.admin-detailed-wanted-spare-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.admin-detailed-wanted-spare-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.admin-detailed-wanted-spare-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-spare-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-description-paragraphs, .admin-detailed-wanted-spare-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-spare-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.admin-detailed-wanted-spare-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.admin-detailed-wanted-spare-heading1, .admin-detailed-wanted-spare-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-spare-heading1 {
  font-weight: 500;
}

.admin-detailed-wanted-spare-paragraph26 {
  color: #475467;
}

.admin-detailed-wanted-spare-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.admin-detailed-wanted-spare-gallery-images-container-child, .admin-detailed-wanted-spare-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.admin-detailed-wanted-spare-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.admin-detailed-wanted-spare-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.admin-detailed-wanted-spare-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.admin-detailed-wanted-spare-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-wanted-spare-gallery-images, .admin-detailed-wanted-spare-gallery-images-container, .admin-detailed-wanted-spare-gallery-images-container1, .admin-detailed-wanted-spare-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-wanted-spare-gallery-images, .admin-detailed-wanted-spare-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-wanted-spare-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.admin-detailed-wanted-spare-heading6 {
  font-weight: 600;
}

.admin-detailed-wanted-spare-heading6, .admin-detailed-wanted-spare-heading7, .admin-detailed-wanted-spare-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-spare-heading7 {
  font-weight: 500;
}

.admin-detailed-wanted-spare-paragraph30 {
  color: #475467;
}

.admin-detailed-wanted-spare-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.admin-detailed-wanted-spare-benefits-content {
  gap: 16px;
}

.admin-detailed-wanted-spare-benefits-container, .admin-detailed-wanted-spare-benefits-content, .admin-detailed-wanted-spare-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-section {
  z-index: 1;
  font-size: 18px;
}

.admin-detailed-wanted-spare-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.admin-detailed-wanted-spare-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.admin-detailed-wanted-spare-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.admin-detailed-wanted-spare-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.admin-detailed-wanted-spare-supporting-text3, .admin-detailed-wanted-spare-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-text12 {
  font-weight: 500;
}

.admin-detailed-wanted-spare-supporting-text3 {
  color: #475467;
}

.admin-detailed-wanted-spare-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-spare-download-items, .admin-detailed-wanted-spare-download-items-parent, .admin-detailed-wanted-spare-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-download-items, .admin-detailed-wanted-spare-download-items-parent {
  align-self: stretch;
}

.admin-detailed-wanted-spare-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.admin-detailed-wanted-spare-heading15, .admin-detailed-wanted-spare-text18 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-wanted-spare-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.admin-detailed-wanted-spare-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-wanted-spare-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-wanted-spare-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-wanted-spare-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-spare-button-group-base2, .admin-detailed-wanted-spare-button-group-base3, .admin-detailed-wanted-spare-button-group-base4, .admin-detailed-wanted-spare-button-group-base5, .admin-detailed-wanted-spare-button-group-base6, .admin-detailed-wanted-spare-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.admin-detailed-wanted-spare-button-group-base3, .admin-detailed-wanted-spare-button-group-base4, .admin-detailed-wanted-spare-button-group-base5, .admin-detailed-wanted-spare-button-group-base6, .admin-detailed-wanted-spare-button-group-base7 {
  z-index: 5;
}

.admin-detailed-wanted-spare-button-group-base4, .admin-detailed-wanted-spare-button-group-base5, .admin-detailed-wanted-spare-button-group-base6, .admin-detailed-wanted-spare-button-group-base7 {
  z-index: 4;
}

.admin-detailed-wanted-spare-button-group-base5, .admin-detailed-wanted-spare-button-group-base6, .admin-detailed-wanted-spare-button-group-base7 {
  z-index: 3;
}

.admin-detailed-wanted-spare-button-group-base6, .admin-detailed-wanted-spare-button-group-base7 {
  z-index: 2;
}

.admin-detailed-wanted-spare-button-group-base7 {
  z-index: 1;
}

.admin-detailed-wanted-spare-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-wanted-spare-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-supporting-text9, .admin-detailed-wanted-spare-text27 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-spare-text27 {
  font-weight: 500;
}

.admin-detailed-wanted-spare-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.admin-detailed-wanted-spare-content5, .admin-detailed-wanted-spare-input-with-label1, .admin-detailed-wanted-spare-input1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.admin-detailed-wanted-spare-input-with-label1, .admin-detailed-wanted-spare-input1 {
  align-self: stretch;
}

.admin-detailed-wanted-spare-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.admin-detailed-wanted-spare-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-wanted-spare-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.admin-detailed-wanted-spare-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-actions, .admin-detailed-wanted-spare-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-spare-button {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.admin-detailed-wanted-spare-content4, .admin-detailed-wanted-spare-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.admin-detailed-wanted-spare-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.admin-detailed-wanted-spare-empty-review, .admin-detailed-wanted-spare-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.admin-detailed-wanted-spare-empty-review {
  flex: 1;
  justify-content: center;
  min-width: 91px;
  height: 44px;
  line-height: 24px;
}

.admin-detailed-wanted-spare-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.admin-detailed-wanted-spare-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.admin-detailed-wanted-spare-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.admin-detailed-wanted-spare-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.admin-detailed-wanted-spare-review-content, .admin-detailed-wanted-spare-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.admin-detailed-wanted-spare-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.admin-detailed-wanted-spare-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-wanted-spare-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-first-review-fifth-star, .admin-detailed-wanted-spare-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.admin-detailed-wanted-spare-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.admin-detailed-wanted-spare-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-heading-wrapper {
  padding: 0 4px;
}

.admin-detailed-wanted-spare-heading-wrapper, .admin-detailed-wanted-spare-stars-wrapper, .admin-detailed-wanted-spare-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.admin-detailed-wanted-spare-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.admin-detailed-wanted-spare-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-spare-rectangle-parent3, .admin-detailed-wanted-spare-review-container, .admin-detailed-wanted-spare-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.admin-detailed-wanted-spare-review-container, .admin-detailed-wanted-spare-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-wanted-spare-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.admin-detailed-wanted-spare-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  width: 812px;
  font-size: 56px;
}

.admin-detailed-wanted-spare-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.admin-detailed-wanted-spare-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.admin-detailed-wanted-spare-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-alvo-medical, .admin-detailed-wanted-spare-heading20 {
  font-weight: 500;
}

.admin-detailed-wanted-spare-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-spare-client-review-header, .admin-detailed-wanted-spare-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.admin-detailed-wanted-spare-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.admin-detailed-wanted-spare-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-client-rating, .admin-detailed-wanted-spare-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-client-rating {
  align-self: stretch;
  gap: 4px;
}

.admin-detailed-wanted-spare-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.admin-detailed-wanted-spare-client-review, .admin-detailed-wanted-spare-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.admin-detailed-wanted-spare-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.admin-detailed-wanted-spare-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-wanted-spare-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-badge-wrapper, .admin-detailed-wanted-spare-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.admin-detailed-wanted-spare-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.admin-detailed-wanted-spare-discount, .admin-detailed-wanted-spare-price {
  z-index: 2;
  position: relative;
}

.admin-detailed-wanted-spare-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.admin-detailed-wanted-spare-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-wanted-spare-original-price, .admin-detailed-wanted-spare-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.admin-detailed-wanted-spare-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.admin-detailed-wanted-spare-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-spare-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.admin-detailed-wanted-spare-card-header, .admin-detailed-wanted-spare-price-tag, .admin-detailed-wanted-spare-service-title-container {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
}

.admin-detailed-wanted-spare-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.admin-detailed-wanted-spare-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.admin-detailed-wanted-spare-amlie-laurent, .admin-detailed-wanted-spare-card-footer, .admin-detailed-wanted-spare-role {
  align-self: stretch;
  position: relative;
}

.admin-detailed-wanted-spare-card-footer {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-amlie-laurent, .admin-detailed-wanted-spare-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.admin-detailed-wanted-spare-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.admin-detailed-wanted-spare-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-supporting-text10 {
  z-index: 2;
  flex: 1;
  min-width: 114px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-contact-button, .admin-detailed-wanted-spare-message-button {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-message-button {
  flex: 1;
  gap: 2px;
}

.admin-detailed-wanted-spare-contact-button {
  align-self: stretch;
  padding: 0 52px;
}

.admin-detailed-wanted-spare-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.admin-detailed-wanted-spare-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-wanted-spare-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-buttonsbutton5, .admin-detailed-wanted-spare-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-buttonsbutton5 {
  white-space: nowrap;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.admin-detailed-wanted-spare-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.admin-detailed-wanted-spare-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-button-container2, .admin-detailed-wanted-spare-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-button-container2 {
  flex: 1;
  gap: 16px;
}

.admin-detailed-wanted-spare-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.admin-detailed-wanted-spare-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.admin-detailed-wanted-spare-dropdown-menu, .admin-detailed-wanted-spare-dropdown1, .admin-detailed-wanted-spare-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-dropdown1 {
  z-index: 2;
}

.admin-detailed-wanted-spare-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.admin-detailed-wanted-spare-professional-details, .admin-detailed-wanted-spare-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.admin-detailed-wanted-spare-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.admin-detailed-wanted-spare-card-content, .admin-detailed-wanted-spare-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.admin-detailed-wanted-spare-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-wanted-spare-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-description, .admin-detailed-wanted-spare-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.admin-detailed-wanted-spare-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-spare-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-spare-header-content1, .admin-detailed-wanted-spare-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-wanted-spare-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.admin-detailed-wanted-spare-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.admin-detailed-wanted-spare-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.admin-detailed-wanted-spare-client-name, .admin-detailed-wanted-spare-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-spare-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.admin-detailed-wanted-spare-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.admin-detailed-wanted-spare-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.admin-detailed-wanted-spare-testimonial-divider, .admin-detailed-wanted-spare-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.admin-detailed-wanted-spare-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.admin-detailed-wanted-spare-rectangle-parent4, .admin-detailed-wanted-spare-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.admin-detailed-wanted-spare-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.admin-detailed-wanted-spare-frame-parent, .admin-detailed-wanted-spare-listing-content, .admin-detailed-wanted-spare-listing-content-wrapper, .admin-detailed-wanted-spare-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.admin-detailed-wanted-spare-frame-parent, .admin-detailed-wanted-spare-listing-content, .admin-detailed-wanted-spare-listing-content-wrapper {
  flex-direction: row;
}

.admin-detailed-wanted-spare-listing-content {
  flex: 1;
  gap: 14px;
}

.admin-detailed-wanted-spare-frame-parent, .admin-detailed-wanted-spare-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.admin-detailed-wanted-spare-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  margin-top: 50px;
  padding: 0 2px 24px 0;
}

.admin-detailed-wanted-spare-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-listing-image-grid, .admin-detailed-wanted-spare-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.admin-detailed-wanted-spare-listing-image-grid1 {
  padding: 0 80px 24px;
}

.admin-detailed-wanted-spare-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-wanted-spare-feedback-header, .admin-detailed-wanted-spare-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.admin-detailed-wanted-spare-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.admin-detailed-wanted-spare-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-buttonsbutton7, .admin-detailed-wanted-spare-feedback-score, .admin-detailed-wanted-spare-stars-parent {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.admin-detailed-wanted-spare-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.admin-detailed-wanted-spare-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-spare-client-feedback, .admin-detailed-wanted-spare-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.admin-detailed-wanted-spare-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
}

.admin-detailed-wanted-spare-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-spare-client-message, .admin-detailed-wanted-spare-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.admin-detailed-wanted-spare-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-wanted-spare-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px;
}

.admin-detailed-wanted-spare-buttonsbutton8, .admin-detailed-wanted-spare-client-message, .admin-detailed-wanted-spare-view-replies {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-view-replies {
  color: #eaecf0;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 24px 440px;
  font-size: 14px;
}

.admin-detailed-wanted-spare-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-button-wrap, .admin-detailed-wanted-spare-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-spare-buttonsbutton9 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-button-wrap {
  flex: 1;
  justify-content: flex-start;
}

.admin-detailed-wanted-spare-details, .admin-detailed-wanted-spare-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-text37 {
  min-width: 32px;
  font-weight: 600;
}

.admin-detailed-wanted-spare-button-wrap1, .admin-detailed-wanted-spare-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-spare-buttonsbutton10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-button-wrap1 {
  flex: 1;
  justify-content: flex-end;
}

.admin-detailed-wanted-spare-pagination, .admin-detailed-wanted-spare-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.admin-detailed-wanted-spare-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-wanted-spare-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-heading32, .admin-detailed-wanted-spare-heading33 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-spare-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.admin-detailed-wanted-spare-heading33 {
  width: 107px;
  display: inline-block;
}

.admin-detailed-wanted-spare-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-wanted-spare-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-wanted-spare-label2, .admin-detailed-wanted-spare-label3, .admin-detailed-wanted-spare-text38 {
  position: relative;
}

.admin-detailed-wanted-spare-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.admin-detailed-wanted-spare-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-spare-input-with-label3, .admin-detailed-wanted-spare-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.admin-detailed-wanted-spare-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-spare-content6, .admin-detailed-wanted-spare-input-field, .admin-detailed-wanted-spare-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.admin-detailed-wanted-spare-content6, .admin-detailed-wanted-spare-input-field {
  max-width: 100%;
}

.admin-detailed-wanted-spare-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.admin-detailed-wanted-spare-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.admin-detailed-wanted-spare-label4, .admin-detailed-wanted-spare-text39 {
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-spare-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.admin-detailed-wanted-spare-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-input-field1, .admin-detailed-wanted-spare-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-detailed-wanted-spare-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.admin-detailed-wanted-spare-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.admin-detailed-wanted-spare-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-button1, .admin-detailed-wanted-spare-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.admin-detailed-wanted-spare-review-form, .admin-detailed-wanted-spare-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.admin-detailed-wanted-spare-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-wanted-spare-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-detailed-wanted-spare-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.admin-detailed-wanted-spare-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-heading-parent3, .admin-detailed-wanted-spare-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.admin-detailed-wanted-spare-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.admin-detailed-wanted-spare-frame-child12, .admin-detailed-wanted-spare-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.admin-detailed-wanted-spare-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.admin-detailed-wanted-spare-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.admin-detailed-wanted-spare-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-badge5, .admin-detailed-wanted-spare-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.admin-detailed-wanted-spare-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.admin-detailed-wanted-spare-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.admin-detailed-wanted-spare-image-overlay, .admin-detailed-wanted-spare-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-wanted-spare-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.admin-detailed-wanted-spare-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.admin-detailed-wanted-spare-listing-detail-item-date, .admin-detailed-wanted-spare-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.admin-detailed-wanted-spare-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.admin-detailed-wanted-spare-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-wanted-spare-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.admin-detailed-wanted-spare-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.admin-detailed-wanted-spare-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-listing-detail-item-pin-wrapper, .admin-detailed-wanted-spare-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.admin-detailed-wanted-spare-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.admin-detailed-wanted-spare-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.admin-detailed-wanted-spare-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-listing, .admin-detailed-wanted-spare-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.admin-detailed-wanted-spare-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.admin-detailed-wanted-spare-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.admin-detailed-wanted-spare-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.admin-detailed-wanted-spare-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.admin-detailed-wanted-spare-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.admin-detailed-wanted-spare-listing-detail-item-value, .admin-detailed-wanted-spare-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.admin-detailed-wanted-spare-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.admin-detailed-wanted-spare-listing-detail-item, .admin-detailed-wanted-spare-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.admin-detailed-wanted-spare-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.admin-detailed-wanted-spare-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.admin-detailed-wanted-spare-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.admin-detailed-wanted-spare-footer-social, .admin-detailed-wanted-spare-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.admin-detailed-wanted-spare-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-wanted-spare-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.admin-detailed-wanted-spare-badge-group, .admin-detailed-wanted-spare-image-overlay3, .admin-detailed-wanted-spare-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-wanted-spare-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.admin-detailed-wanted-spare-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-agent-details-icon, .admin-detailed-wanted-spare-agent-extra-info, .admin-detailed-wanted-spare-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.admin-detailed-wanted-spare-agent-details-icon, .admin-detailed-wanted-spare-agent-extra-info {
  max-width: 100%;
}

.admin-detailed-wanted-spare-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.admin-detailed-wanted-spare-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.admin-detailed-wanted-spare-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.admin-detailed-wanted-spare-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.admin-detailed-wanted-spare-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.admin-detailed-wanted-spare-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-wanted-spare-testiomonial-carousel-arrow4, .admin-detailed-wanted-spare-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.admin-detailed-wanted-spare-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.admin-detailed-wanted-spare-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-rectangle-parent30, .admin-detailed-wanted-spare-supporting-six-wrapper, .admin-detailed-wanted-spare-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.admin-detailed-wanted-spare-supporting-six-wrapper, .admin-detailed-wanted-spare-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.admin-detailed-wanted-spare-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.admin-detailed-wanted-spare-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.admin-detailed-wanted-spare-divider-container, .admin-detailed-wanted-spare-icon-group, .admin-detailed-wanted-spare-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.admin-detailed-wanted-spare-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.admin-detailed-wanted-spare-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-breadcrumb-button-base4, .admin-detailed-wanted-spare-testiomonial-carousel-arrow6, .admin-detailed-wanted-spare-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-wanted-spare-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.admin-detailed-wanted-spare-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-spare-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-divider-icon24 {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin-top: 200px !important;
}

.admin-detailed-wanted-spare-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-spare-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-spare-button2, .admin-detailed-wanted-spare-text-padding4, .admin-detailed-wanted-spare-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.admin-detailed-wanted-spare-button2, .admin-detailed-wanted-spare-text-padding5 {
  box-sizing: border-box;
}

.admin-detailed-wanted-spare-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.admin-detailed-wanted-spare-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.admin-detailed-wanted-spare-button3, .admin-detailed-wanted-spare-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.admin-detailed-wanted-spare-button4, .admin-detailed-wanted-spare-button5, .admin-detailed-wanted-spare-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.admin-detailed-wanted-spare-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-actions1, .admin-detailed-wanted-spare-testiomonial-carousel-arrow8, .admin-detailed-wanted-spare-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-wanted-spare-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-testiomonial-carousel-arrow8, .admin-detailed-wanted-spare-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-wanted-spare-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-spare-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.admin-detailed-wanted-spare-listing-image-grid11, .admin-detailed-wanted-spare-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.admin-detailed-wanted-spare-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.admin-detailed-wanted-spare-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-spare-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.admin-detailed-wanted-spare-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.admin-detailed-wanted-spare-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-spare-heading40, .admin-detailed-wanted-spare-text123 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-wanted-spare-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.admin-detailed-wanted-spare-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-spare-buttonsbutton27, .admin-detailed-wanted-spare-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-spare-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.admin-detailed-wanted-spare-footer-link1 {
  justify-content: flex-start;
}

.admin-detailed-wanted-spare-text124, .admin-detailed-wanted-spare-text125, .admin-detailed-wanted-spare-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-text125, .admin-detailed-wanted-spare-text126 {
  min-width: 68px;
}

.admin-detailed-wanted-spare-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.admin-detailed-wanted-spare-badge36, .admin-detailed-wanted-spare-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-spare-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.admin-detailed-wanted-spare-footer-link3 {
  gap: 8px;
}

.admin-detailed-wanted-spare-text127, .admin-detailed-wanted-spare-text128, .admin-detailed-wanted-spare-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-text128, .admin-detailed-wanted-spare-text129 {
  min-width: 97px;
}

.admin-detailed-wanted-spare-text129 {
  min-width: 81px;
}

.admin-detailed-wanted-spare-footer-links-column, .admin-detailed-wanted-spare-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.admin-detailed-wanted-spare-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.admin-detailed-wanted-spare-text130, .admin-detailed-wanted-spare-text131, .admin-detailed-wanted-spare-text132, .admin-detailed-wanted-spare-text133, .admin-detailed-wanted-spare-text134, .admin-detailed-wanted-spare-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.admin-detailed-wanted-spare-text131, .admin-detailed-wanted-spare-text132, .admin-detailed-wanted-spare-text133, .admin-detailed-wanted-spare-text134, .admin-detailed-wanted-spare-text135 {
  min-width: 58px;
}

.admin-detailed-wanted-spare-text132, .admin-detailed-wanted-spare-text133, .admin-detailed-wanted-spare-text134, .admin-detailed-wanted-spare-text135 {
  min-width: 66px;
}

.admin-detailed-wanted-spare-text133, .admin-detailed-wanted-spare-text134, .admin-detailed-wanted-spare-text135 {
  min-width: 90px;
}

.admin-detailed-wanted-spare-text134, .admin-detailed-wanted-spare-text135 {
  min-width: 55px;
}

.admin-detailed-wanted-spare-text135 {
  min-width: 63px;
}

.admin-detailed-wanted-spare-footer-links2, .admin-detailed-wanted-spare-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.admin-detailed-wanted-spare-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.admin-detailed-wanted-spare-help-icon, .admin-detailed-wanted-spare-label6 {
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-spare-help-icon {
  width: 16px;
  height: 16px;
}

.admin-detailed-wanted-spare-input-with-label6, .admin-detailed-wanted-spare-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.admin-detailed-wanted-spare-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-wanted-spare-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-spare-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.admin-detailed-wanted-spare-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-spare-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-spare-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-wanted-spare-email-capture, .admin-detailed-wanted-spare-links-and-newsletter, .admin-detailed-wanted-spare-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.admin-detailed-wanted-spare-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.admin-detailed-wanted-spare-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.admin-detailed-wanted-spare-container, .admin-detailed-wanted-spare-content8, .admin-detailed-wanted-spare-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-container {
  flex: 1;
  max-width: 1280px;
}

.admin-detailed-wanted-spare-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.admin-detailed-wanted-spare-divider-icon29, .admin-detailed-wanted-spare-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.admin-detailed-wanted-spare-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.admin-detailed-wanted-spare-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  margin-top: 250px;
  padding: 64px 0 48px;
  display: flex;
}

.admin-detailed-wanted-spare-footer-text {
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-spare-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-spare-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.admin-detailed-wanted-spare-logomark, .admin-detailed-wanted-spare-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.admin-detailed-wanted-spare-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.admin-detailed-wanted-spare-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.admin-detailed-wanted-spare-content10, .admin-detailed-wanted-spare-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.admin-detailed-wanted-spare-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.admin-detailed-wanted-spare-footer1, .admin-detailed-wanted-spare-listings-detailed-page-devic, .admin-detailed-wanted-spare-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-wanted-spare-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.admin-detailed-wanted-spare-listings-detailed-page-devic, .admin-detailed-wanted-spare-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.admin-detailed-wanted-spare-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.admin-detailed-wanted-spare-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.admin-detailed-wanted-spare-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-wanted-spare-sharethis-parent {
  position: relative;
}

.admin-detailed-wanted-spare-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-wanted-spare-sharethis-follow-parent {
  position: relative;
}

@media screen and (width <= 1275px) {
  .admin-detailed-wanted-spare-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .admin-detailed-wanted-spare-breadcrumb-controls1 {
    flex: 1;
  }

  .admin-detailed-wanted-spare-breadcrumb-container {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-spare-service-card {
    flex: 1;
  }

  .admin-detailed-wanted-spare-listing-content {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-spare-container, .admin-detailed-wanted-spare-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .admin-detailed-wanted-spare-client-review, .admin-detailed-wanted-spare-content4, .admin-detailed-wanted-spare-description-columns-first, .admin-detailed-wanted-spare-download-items, .admin-detailed-wanted-spare-gallery-images, .admin-detailed-wanted-spare-rectangle-group, .admin-detailed-wanted-spare-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-spare-description-block-parent {
    min-width: 100%;
  }

  .admin-detailed-wanted-spare-client-feedback, .admin-detailed-wanted-spare-client-message, .admin-detailed-wanted-spare-listing-image-grid, .admin-detailed-wanted-spare-listing-image-grid1, .admin-detailed-wanted-spare-pagination-wrapper, .admin-detailed-wanted-spare-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-wanted-spare-heading-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-spare-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .admin-detailed-wanted-spare-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .admin-detailed-wanted-spare-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .admin-detailed-wanted-spare-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .admin-detailed-wanted-spare-actions, .admin-detailed-wanted-spare-file-upload-item-base {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-spare-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .admin-detailed-wanted-spare-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .admin-detailed-wanted-spare-review-stars {
    min-width: 100%;
  }

  .admin-detailed-wanted-spare-review-container, .admin-detailed-wanted-spare-review-stars {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-spare-client-review-header {
    min-width: 100%;
  }

  .admin-detailed-wanted-spare-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-wanted-spare-service-card {
    min-width: 100%;
  }

  .admin-detailed-wanted-spare-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-wanted-spare-feedback-header {
    min-width: 100%;
  }

  .admin-detailed-wanted-spare-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .admin-detailed-wanted-spare-frame-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-spare-textarea-input-field {
    max-width: 100%;
  }

  .admin-detailed-wanted-spare-content6 {
    gap: 16px;
  }

  .admin-detailed-wanted-spare-textarea-input-field1 {
    max-width: 100%;
  }

  .admin-detailed-wanted-spare-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-wanted-spare-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .admin-detailed-wanted-spare-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .admin-detailed-wanted-spare-links {
    flex: 1;
  }

  .admin-detailed-wanted-spare-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .admin-detailed-wanted-spare-container {
    gap: 24px;
  }

  .admin-detailed-wanted-spare-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-wanted-spare-footer {
    gap: 24px;
    height: auto;
  }

  .admin-detailed-wanted-spare-container1 {
    gap: 16px;
  }

  .admin-detailed-wanted-spare-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .admin-detailed-wanted-spare-header-container {
    gap: 17px;
  }

  .admin-detailed-wanted-spare-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .admin-detailed-wanted-spare-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .admin-detailed-wanted-spare-button-row, .admin-detailed-wanted-spare-contact-details {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-spare-gallery-images-container, .admin-detailed-wanted-spare-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .admin-detailed-wanted-spare-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-detailed-wanted-spare-input-dropdown {
    max-width: 100%;
  }

  .admin-detailed-wanted-spare-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .admin-detailed-wanted-spare-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .admin-detailed-wanted-spare-rectangle-parent1 {
    flex: 1;
  }

  .admin-detailed-wanted-spare-review-container {
    gap: 16px;
  }

  .admin-detailed-wanted-spare-price {
    font-size: 21px;
    line-height: 26px;
  }

  .admin-detailed-wanted-spare-header-content1, .admin-detailed-wanted-spare-professional-details, .admin-detailed-wanted-spare-testimonial-item {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-spare-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .admin-detailed-wanted-spare-review-form {
    gap: 25px;
  }

  .admin-detailed-wanted-spare-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .admin-detailed-wanted-spare-links, .admin-detailed-wanted-spare-logo-and-supporting-text {
    gap: 16px;
  }

  .admin-detailed-wanted-spare-email-capture {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-spare-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .admin-detailed-wanted-spare-footer1 {
    gap: 16px;
  }
}

.admin-detailed-wanted-service-frame-child, .admin-detailed-wanted-service-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.admin-detailed-wanted-service-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.admin-detailed-wanted-service-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-header-content, .admin-detailed-wanted-service-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.admin-detailed-wanted-service-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.admin-detailed-wanted-service-bar-chart-01-icon, .admin-detailed-wanted-service-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.admin-detailed-wanted-service-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-detailed-wanted-service-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.admin-detailed-wanted-service-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-wanted-service-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-wanted-service-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-badge1, .admin-detailed-wanted-service-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-detailed-wanted-service-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-wanted-service-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-wanted-service-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-navigation, .admin-detailed-wanted-service-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.admin-detailed-wanted-service-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.admin-detailed-wanted-service-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-placeholder, .admin-detailed-wanted-service-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.admin-detailed-wanted-service-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.admin-detailed-wanted-service-content3, .admin-detailed-wanted-service-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-service-content3 {
  flex: 1;
  gap: 8px;
}

.admin-detailed-wanted-service-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-header-container, .admin-detailed-wanted-service-input-with-label, .admin-detailed-wanted-service-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.admin-detailed-wanted-service-header-container, .admin-detailed-wanted-service-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-wanted-service-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.admin-detailed-wanted-service-header-container {
  gap: 70px;
  width: 754px;
}

.admin-detailed-wanted-service-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.admin-detailed-wanted-service-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-wanted-service-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.admin-detailed-wanted-service-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-detailed-wanted-service-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.admin-detailed-wanted-service-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-detailed-wanted-service-button-container, .admin-detailed-wanted-service-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-detailed-wanted-service-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.admin-detailed-wanted-service-divider-icon, .admin-detailed-wanted-service-text6 {
  align-self: stretch;
  position: relative;
}

.admin-detailed-wanted-service-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.admin-detailed-wanted-service-text6 {
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-service-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.admin-detailed-wanted-service-chevron-right-icon, .admin-detailed-wanted-service-text7 {
  flex-shrink: 0;
  position: relative;
}

.admin-detailed-wanted-service-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.admin-detailed-wanted-service-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-service-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.admin-detailed-wanted-service-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-breadcrumb-controls, .admin-detailed-wanted-service-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.admin-detailed-wanted-service-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-wanted-service-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.admin-detailed-wanted-service-breadcrumb-controls-icon, .admin-detailed-wanted-service-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.admin-detailed-wanted-service-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.admin-detailed-wanted-service-breadcrumb-controls-item {
  display: none;
}

.admin-detailed-wanted-service-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-buttonsbutton, .admin-detailed-wanted-service-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.admin-detailed-wanted-service-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-wanted-service-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.admin-detailed-wanted-service-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.admin-detailed-wanted-service-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.admin-detailed-wanted-service-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.admin-detailed-wanted-service-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.admin-detailed-wanted-service-breadcrumb, .admin-detailed-wanted-service-breadcrumb-button-base3, .admin-detailed-wanted-service-breadcrumb-container-parent, .admin-detailed-wanted-service-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.admin-detailed-wanted-service-breadcrumb, .admin-detailed-wanted-service-breadcrumb-container-parent {
  max-width: 100%;
}

.admin-detailed-wanted-service-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.admin-detailed-wanted-service-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.admin-detailed-wanted-service-pre- {
  text-transform: capitalize;
}

.admin-detailed-wanted-service-o {
  text-transform: lowercase;
}

.admin-detailed-wanted-service-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-marker-pin-02-icon, .admin-detailed-wanted-service-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.admin-detailed-wanted-service-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.admin-detailed-wanted-service-detail-items, .admin-detailed-wanted-service-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-detail-items {
  flex: 1;
  gap: 8px;
}

.admin-detailed-wanted-service-details-row {
  gap: 20px;
  width: 294px;
}

.admin-detailed-wanted-service-contact-name {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-detailed-wanted-service-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-detailed-wanted-service-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.admin-detailed-wanted-service-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-wanted-service-ellipse-div, .admin-detailed-wanted-service-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-wanted-service-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.admin-detailed-wanted-service-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-wanted-service-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.admin-detailed-wanted-service-contact-details, .admin-detailed-wanted-service-details-content, .admin-detailed-wanted-service-rectangle-container, .admin-detailed-wanted-service-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.admin-detailed-wanted-service-contact-details, .admin-detailed-wanted-service-details-content {
  align-self: stretch;
}

.admin-detailed-wanted-service-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.admin-detailed-wanted-service-details-content {
  flex-direction: column;
  gap: 8px;
}

.admin-detailed-wanted-service-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-buttonsbutton1, .admin-detailed-wanted-service-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-detailed-wanted-service-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-wanted-service-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.admin-detailed-wanted-service-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.admin-detailed-wanted-service-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.admin-detailed-wanted-service-detail-container, .admin-detailed-wanted-service-dropdown, .admin-detailed-wanted-service-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.admin-detailed-wanted-service-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.admin-detailed-wanted-service-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-service-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.admin-detailed-wanted-service-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-service-heading, .admin-detailed-wanted-service-paragraph, .admin-detailed-wanted-service-paragraph1 {
  z-index: 1;
  position: relative;
}

.admin-detailed-wanted-service-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-service-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-service-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.admin-detailed-wanted-service-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.admin-detailed-wanted-service-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.admin-detailed-wanted-service-description-columns-second, .admin-detailed-wanted-service-description-content, .admin-detailed-wanted-service-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 36px;
  min-height: 120px;
}

.admin-detailed-wanted-service-description-content, .admin-detailed-wanted-service-heading-parent {
  flex-direction: column;
}

.admin-detailed-wanted-service-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.admin-detailed-wanted-service-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.admin-detailed-wanted-service-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-service-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-description-paragraphs, .admin-detailed-wanted-service-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-service-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.admin-detailed-wanted-service-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.admin-detailed-wanted-service-heading1, .admin-detailed-wanted-service-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-service-heading1 {
  font-weight: 500;
}

.admin-detailed-wanted-service-paragraph26 {
  color: #475467;
}

.admin-detailed-wanted-service-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.admin-detailed-wanted-service-gallery-images-container-child, .admin-detailed-wanted-service-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.admin-detailed-wanted-service-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.admin-detailed-wanted-service-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.admin-detailed-wanted-service-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.admin-detailed-wanted-service-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-wanted-service-gallery-images, .admin-detailed-wanted-service-gallery-images-container, .admin-detailed-wanted-service-gallery-images-container1, .admin-detailed-wanted-service-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-wanted-service-gallery-images, .admin-detailed-wanted-service-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-wanted-service-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.admin-detailed-wanted-service-heading6 {
  font-weight: 600;
}

.admin-detailed-wanted-service-heading6, .admin-detailed-wanted-service-heading7, .admin-detailed-wanted-service-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-service-heading7 {
  font-weight: 500;
}

.admin-detailed-wanted-service-paragraph30 {
  color: #475467;
}

.admin-detailed-wanted-service-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.admin-detailed-wanted-service-benefits-content {
  gap: 16px;
}

.admin-detailed-wanted-service-benefits-container, .admin-detailed-wanted-service-benefits-content, .admin-detailed-wanted-service-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-section {
  z-index: 1;
  font-size: 18px;
}

.admin-detailed-wanted-service-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.admin-detailed-wanted-service-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-service-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.admin-detailed-wanted-service-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.admin-detailed-wanted-service-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.admin-detailed-wanted-service-supporting-text3, .admin-detailed-wanted-service-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-text12 {
  font-weight: 500;
}

.admin-detailed-wanted-service-supporting-text3 {
  color: #475467;
}

.admin-detailed-wanted-service-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-service-download-items, .admin-detailed-wanted-service-download-items-parent, .admin-detailed-wanted-service-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-download-items, .admin-detailed-wanted-service-download-items-parent {
  align-self: stretch;
}

.admin-detailed-wanted-service-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.admin-detailed-wanted-service-heading15, .admin-detailed-wanted-service-text18 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-wanted-service-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.admin-detailed-wanted-service-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-wanted-service-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-wanted-service-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-wanted-service-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-service-button-group-base2, .admin-detailed-wanted-service-button-group-base3, .admin-detailed-wanted-service-button-group-base4, .admin-detailed-wanted-service-button-group-base5, .admin-detailed-wanted-service-button-group-base6, .admin-detailed-wanted-service-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.admin-detailed-wanted-service-button-group-base3, .admin-detailed-wanted-service-button-group-base4, .admin-detailed-wanted-service-button-group-base5, .admin-detailed-wanted-service-button-group-base6, .admin-detailed-wanted-service-button-group-base7 {
  z-index: 5;
}

.admin-detailed-wanted-service-button-group-base4, .admin-detailed-wanted-service-button-group-base5, .admin-detailed-wanted-service-button-group-base6, .admin-detailed-wanted-service-button-group-base7 {
  z-index: 4;
}

.admin-detailed-wanted-service-button-group-base5, .admin-detailed-wanted-service-button-group-base6, .admin-detailed-wanted-service-button-group-base7 {
  z-index: 3;
}

.admin-detailed-wanted-service-button-group-base6, .admin-detailed-wanted-service-button-group-base7 {
  z-index: 2;
}

.admin-detailed-wanted-service-button-group-base7 {
  z-index: 1;
}

.admin-detailed-wanted-service-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-wanted-service-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-supporting-text9, .admin-detailed-wanted-service-text27 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-service-text27 {
  font-weight: 500;
}

.admin-detailed-wanted-service-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.admin-detailed-wanted-service-content5, .admin-detailed-wanted-service-input-with-label1, .admin-detailed-wanted-service-input1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.admin-detailed-wanted-service-input-with-label1, .admin-detailed-wanted-service-input1 {
  align-self: stretch;
}

.admin-detailed-wanted-service-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.admin-detailed-wanted-service-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-wanted-service-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.admin-detailed-wanted-service-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-actions, .admin-detailed-wanted-service-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-service-button {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.admin-detailed-wanted-service-content4, .admin-detailed-wanted-service-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.admin-detailed-wanted-service-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.admin-detailed-wanted-service-empty-review, .admin-detailed-wanted-service-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.admin-detailed-wanted-service-empty-review {
  flex: 1;
  justify-content: center;
  min-width: 91px;
  height: 44px;
  line-height: 24px;
}

.admin-detailed-wanted-service-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.admin-detailed-wanted-service-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.admin-detailed-wanted-service-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.admin-detailed-wanted-service-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.admin-detailed-wanted-service-review-content, .admin-detailed-wanted-service-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.admin-detailed-wanted-service-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.admin-detailed-wanted-service-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-wanted-service-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-first-review-fifth-star, .admin-detailed-wanted-service-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.admin-detailed-wanted-service-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.admin-detailed-wanted-service-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-heading-wrapper {
  padding: 0 4px;
}

.admin-detailed-wanted-service-heading-wrapper, .admin-detailed-wanted-service-stars-wrapper, .admin-detailed-wanted-service-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.admin-detailed-wanted-service-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.admin-detailed-wanted-service-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-service-rectangle-parent3, .admin-detailed-wanted-service-review-container, .admin-detailed-wanted-service-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.admin-detailed-wanted-service-review-container, .admin-detailed-wanted-service-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-wanted-service-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.admin-detailed-wanted-service-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  width: 812px;
  font-size: 56px;
}

.admin-detailed-wanted-service-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.admin-detailed-wanted-service-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.admin-detailed-wanted-service-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-alvo-medical, .admin-detailed-wanted-service-heading20 {
  font-weight: 500;
}

.admin-detailed-wanted-service-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-service-client-review-header, .admin-detailed-wanted-service-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.admin-detailed-wanted-service-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.admin-detailed-wanted-service-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-client-rating, .admin-detailed-wanted-service-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-client-rating {
  align-self: stretch;
  gap: 4px;
}

.admin-detailed-wanted-service-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.admin-detailed-wanted-service-client-review, .admin-detailed-wanted-service-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.admin-detailed-wanted-service-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.admin-detailed-wanted-service-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-wanted-service-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-badge-wrapper, .admin-detailed-wanted-service-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.admin-detailed-wanted-service-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.admin-detailed-wanted-service-discount, .admin-detailed-wanted-service-price {
  z-index: 2;
  position: relative;
}

.admin-detailed-wanted-service-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.admin-detailed-wanted-service-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-wanted-service-original-price, .admin-detailed-wanted-service-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.admin-detailed-wanted-service-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.admin-detailed-wanted-service-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-service-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.admin-detailed-wanted-service-card-header, .admin-detailed-wanted-service-price-tag, .admin-detailed-wanted-service-service-title-container {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
}

.admin-detailed-wanted-service-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.admin-detailed-wanted-service-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  margin: 0 !important;
}

.admin-detailed-wanted-service-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.admin-detailed-wanted-service-amlie-laurent, .admin-detailed-wanted-service-card-footer, .admin-detailed-wanted-service-role {
  align-self: stretch;
  position: relative;
}

.admin-detailed-wanted-service-card-footer {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-amlie-laurent, .admin-detailed-wanted-service-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.admin-detailed-wanted-service-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.admin-detailed-wanted-service-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-supporting-text10 {
  z-index: 2;
  flex: 1;
  min-width: 114px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-contact-button, .admin-detailed-wanted-service-message-button {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-message-button {
  flex: 1;
  gap: 2px;
}

.admin-detailed-wanted-service-contact-button {
  align-self: stretch;
  padding: 0 52px;
}

.admin-detailed-wanted-service-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.admin-detailed-wanted-service-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-wanted-service-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-buttonsbutton5, .admin-detailed-wanted-service-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-buttonsbutton5 {
  white-space: nowrap;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.admin-detailed-wanted-service-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.admin-detailed-wanted-service-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-button-container2, .admin-detailed-wanted-service-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-button-container2 {
  flex: 1;
  gap: 16px;
}

.admin-detailed-wanted-service-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.admin-detailed-wanted-service-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.admin-detailed-wanted-service-dropdown-menu, .admin-detailed-wanted-service-dropdown1, .admin-detailed-wanted-service-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-dropdown1 {
  z-index: 2;
}

.admin-detailed-wanted-service-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.admin-detailed-wanted-service-professional-details, .admin-detailed-wanted-service-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.admin-detailed-wanted-service-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.admin-detailed-wanted-service-card-content, .admin-detailed-wanted-service-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.admin-detailed-wanted-service-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-wanted-service-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-description, .admin-detailed-wanted-service-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.admin-detailed-wanted-service-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-service-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-service-header-content1, .admin-detailed-wanted-service-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-wanted-service-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.admin-detailed-wanted-service-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.admin-detailed-wanted-service-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.admin-detailed-wanted-service-client-name, .admin-detailed-wanted-service-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-service-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.admin-detailed-wanted-service-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.admin-detailed-wanted-service-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.admin-detailed-wanted-service-testimonial-divider, .admin-detailed-wanted-service-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.admin-detailed-wanted-service-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.admin-detailed-wanted-service-rectangle-parent4, .admin-detailed-wanted-service-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.admin-detailed-wanted-service-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.admin-detailed-wanted-service-frame-parent, .admin-detailed-wanted-service-listing-content, .admin-detailed-wanted-service-listing-content-wrapper, .admin-detailed-wanted-service-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.admin-detailed-wanted-service-frame-parent, .admin-detailed-wanted-service-listing-content, .admin-detailed-wanted-service-listing-content-wrapper {
  flex-direction: row;
}

.admin-detailed-wanted-service-listing-content {
  flex: 1;
  gap: 14px;
}

.admin-detailed-wanted-service-frame-parent, .admin-detailed-wanted-service-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.admin-detailed-wanted-service-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  margin-top: 50px;
  padding: 0 2px 24px 0;
}

.admin-detailed-wanted-service-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-listing-image-grid, .admin-detailed-wanted-service-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.admin-detailed-wanted-service-listing-image-grid1 {
  padding: 0 80px 24px;
}

.admin-detailed-wanted-service-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-wanted-service-feedback-header, .admin-detailed-wanted-service-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.admin-detailed-wanted-service-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.admin-detailed-wanted-service-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-buttonsbutton7, .admin-detailed-wanted-service-feedback-score, .admin-detailed-wanted-service-stars-parent {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.admin-detailed-wanted-service-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.admin-detailed-wanted-service-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-service-client-feedback, .admin-detailed-wanted-service-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.admin-detailed-wanted-service-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
}

.admin-detailed-wanted-service-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-service-client-message, .admin-detailed-wanted-service-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.admin-detailed-wanted-service-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-wanted-service-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px;
}

.admin-detailed-wanted-service-buttonsbutton8, .admin-detailed-wanted-service-client-message, .admin-detailed-wanted-service-view-replies {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-view-replies {
  color: #eaecf0;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 24px 440px;
  font-size: 14px;
}

.admin-detailed-wanted-service-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-button-wrap, .admin-detailed-wanted-service-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-service-buttonsbutton9 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-button-wrap {
  flex: 1;
  justify-content: flex-start;
}

.admin-detailed-wanted-service-details, .admin-detailed-wanted-service-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-text37 {
  min-width: 32px;
  font-weight: 600;
}

.admin-detailed-wanted-service-button-wrap1, .admin-detailed-wanted-service-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-service-buttonsbutton10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-button-wrap1 {
  flex: 1;
  justify-content: flex-end;
}

.admin-detailed-wanted-service-pagination, .admin-detailed-wanted-service-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.admin-detailed-wanted-service-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-wanted-service-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-heading32, .admin-detailed-wanted-service-heading33 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-service-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.admin-detailed-wanted-service-heading33 {
  width: 107px;
  display: inline-block;
}

.admin-detailed-wanted-service-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-wanted-service-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-wanted-service-label2, .admin-detailed-wanted-service-label3, .admin-detailed-wanted-service-text38 {
  position: relative;
}

.admin-detailed-wanted-service-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.admin-detailed-wanted-service-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-service-input-with-label3, .admin-detailed-wanted-service-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.admin-detailed-wanted-service-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-service-content6, .admin-detailed-wanted-service-input-field, .admin-detailed-wanted-service-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.admin-detailed-wanted-service-content6, .admin-detailed-wanted-service-input-field {
  max-width: 100%;
}

.admin-detailed-wanted-service-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.admin-detailed-wanted-service-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.admin-detailed-wanted-service-label4, .admin-detailed-wanted-service-text39 {
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-service-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.admin-detailed-wanted-service-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-input-field1, .admin-detailed-wanted-service-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-detailed-wanted-service-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.admin-detailed-wanted-service-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.admin-detailed-wanted-service-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-button1, .admin-detailed-wanted-service-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.admin-detailed-wanted-service-review-form, .admin-detailed-wanted-service-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.admin-detailed-wanted-service-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-wanted-service-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-detailed-wanted-service-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.admin-detailed-wanted-service-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-heading-parent3, .admin-detailed-wanted-service-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.admin-detailed-wanted-service-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.admin-detailed-wanted-service-frame-child12, .admin-detailed-wanted-service-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.admin-detailed-wanted-service-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.admin-detailed-wanted-service-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.admin-detailed-wanted-service-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-badge5, .admin-detailed-wanted-service-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.admin-detailed-wanted-service-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.admin-detailed-wanted-service-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.admin-detailed-wanted-service-image-overlay, .admin-detailed-wanted-service-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-wanted-service-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.admin-detailed-wanted-service-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.admin-detailed-wanted-service-listing-detail-item-date, .admin-detailed-wanted-service-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.admin-detailed-wanted-service-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.admin-detailed-wanted-service-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-wanted-service-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.admin-detailed-wanted-service-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.admin-detailed-wanted-service-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-listing-detail-item-pin-wrapper, .admin-detailed-wanted-service-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.admin-detailed-wanted-service-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.admin-detailed-wanted-service-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.admin-detailed-wanted-service-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-listing, .admin-detailed-wanted-service-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.admin-detailed-wanted-service-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.admin-detailed-wanted-service-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.admin-detailed-wanted-service-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.admin-detailed-wanted-service-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.admin-detailed-wanted-service-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.admin-detailed-wanted-service-listing-detail-item-value, .admin-detailed-wanted-service-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.admin-detailed-wanted-service-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.admin-detailed-wanted-service-listing-detail-item, .admin-detailed-wanted-service-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.admin-detailed-wanted-service-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.admin-detailed-wanted-service-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.admin-detailed-wanted-service-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.admin-detailed-wanted-service-footer-social, .admin-detailed-wanted-service-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.admin-detailed-wanted-service-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-wanted-service-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-service-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.admin-detailed-wanted-service-badge-group, .admin-detailed-wanted-service-image-overlay3, .admin-detailed-wanted-service-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-wanted-service-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.admin-detailed-wanted-service-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.admin-detailed-wanted-service-agent-details-icon, .admin-detailed-wanted-service-agent-extra-info, .admin-detailed-wanted-service-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.admin-detailed-wanted-service-agent-details-icon, .admin-detailed-wanted-service-agent-extra-info {
  max-width: 100%;
}

.admin-detailed-wanted-service-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.admin-detailed-wanted-service-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.admin-detailed-wanted-service-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-service-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.admin-detailed-wanted-service-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.admin-detailed-wanted-service-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.admin-detailed-wanted-service-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-wanted-service-testiomonial-carousel-arrow4, .admin-detailed-wanted-service-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.admin-detailed-wanted-service-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-service-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.admin-detailed-wanted-service-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-rectangle-parent30, .admin-detailed-wanted-service-supporting-six-wrapper, .admin-detailed-wanted-service-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.admin-detailed-wanted-service-supporting-six-wrapper, .admin-detailed-wanted-service-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.admin-detailed-wanted-service-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.admin-detailed-wanted-service-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.admin-detailed-wanted-service-divider-container, .admin-detailed-wanted-service-icon-group, .admin-detailed-wanted-service-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.admin-detailed-wanted-service-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.admin-detailed-wanted-service-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-service-breadcrumb-button-base4, .admin-detailed-wanted-service-testiomonial-carousel-arrow6, .admin-detailed-wanted-service-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-wanted-service-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.admin-detailed-wanted-service-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.admin-detailed-wanted-service-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-service-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-service-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.admin-detailed-wanted-service-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-service-divider-icon24 {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin-top: 200px !important;
}

.admin-detailed-wanted-service-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-service-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-service-button2, .admin-detailed-wanted-service-text-padding4, .admin-detailed-wanted-service-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.admin-detailed-wanted-service-button2, .admin-detailed-wanted-service-text-padding5 {
  box-sizing: border-box;
}

.admin-detailed-wanted-service-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.admin-detailed-wanted-service-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.admin-detailed-wanted-service-button3, .admin-detailed-wanted-service-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.admin-detailed-wanted-service-button4, .admin-detailed-wanted-service-button5, .admin-detailed-wanted-service-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.admin-detailed-wanted-service-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-actions1, .admin-detailed-wanted-service-testiomonial-carousel-arrow8, .admin-detailed-wanted-service-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-wanted-service-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.admin-detailed-wanted-service-testiomonial-carousel-arrow8, .admin-detailed-wanted-service-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-wanted-service-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-service-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.admin-detailed-wanted-service-listing-image-grid11, .admin-detailed-wanted-service-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.admin-detailed-wanted-service-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.admin-detailed-wanted-service-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-service-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.admin-detailed-wanted-service-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.admin-detailed-wanted-service-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-service-heading40, .admin-detailed-wanted-service-text123 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-wanted-service-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.admin-detailed-wanted-service-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-service-buttonsbutton27, .admin-detailed-wanted-service-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-service-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.admin-detailed-wanted-service-footer-link1 {
  justify-content: flex-start;
}

.admin-detailed-wanted-service-text124, .admin-detailed-wanted-service-text125, .admin-detailed-wanted-service-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-text125, .admin-detailed-wanted-service-text126 {
  min-width: 68px;
}

.admin-detailed-wanted-service-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.admin-detailed-wanted-service-badge36, .admin-detailed-wanted-service-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-service-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.admin-detailed-wanted-service-footer-link3 {
  gap: 8px;
}

.admin-detailed-wanted-service-text127, .admin-detailed-wanted-service-text128, .admin-detailed-wanted-service-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-text128, .admin-detailed-wanted-service-text129 {
  min-width: 97px;
}

.admin-detailed-wanted-service-text129 {
  min-width: 81px;
}

.admin-detailed-wanted-service-footer-links-column, .admin-detailed-wanted-service-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.admin-detailed-wanted-service-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.admin-detailed-wanted-service-text130, .admin-detailed-wanted-service-text131, .admin-detailed-wanted-service-text132, .admin-detailed-wanted-service-text133, .admin-detailed-wanted-service-text134, .admin-detailed-wanted-service-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.admin-detailed-wanted-service-text131, .admin-detailed-wanted-service-text132, .admin-detailed-wanted-service-text133, .admin-detailed-wanted-service-text134, .admin-detailed-wanted-service-text135 {
  min-width: 58px;
}

.admin-detailed-wanted-service-text132, .admin-detailed-wanted-service-text133, .admin-detailed-wanted-service-text134, .admin-detailed-wanted-service-text135 {
  min-width: 66px;
}

.admin-detailed-wanted-service-text133, .admin-detailed-wanted-service-text134, .admin-detailed-wanted-service-text135 {
  min-width: 90px;
}

.admin-detailed-wanted-service-text134, .admin-detailed-wanted-service-text135 {
  min-width: 55px;
}

.admin-detailed-wanted-service-text135 {
  min-width: 63px;
}

.admin-detailed-wanted-service-footer-links2, .admin-detailed-wanted-service-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.admin-detailed-wanted-service-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.admin-detailed-wanted-service-help-icon, .admin-detailed-wanted-service-label6 {
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-service-help-icon {
  width: 16px;
  height: 16px;
}

.admin-detailed-wanted-service-input-with-label6, .admin-detailed-wanted-service-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.admin-detailed-wanted-service-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-wanted-service-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-service-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.admin-detailed-wanted-service-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-service-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-service-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-wanted-service-email-capture, .admin-detailed-wanted-service-links-and-newsletter, .admin-detailed-wanted-service-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.admin-detailed-wanted-service-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.admin-detailed-wanted-service-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.admin-detailed-wanted-service-container, .admin-detailed-wanted-service-content8, .admin-detailed-wanted-service-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-container {
  flex: 1;
  max-width: 1280px;
}

.admin-detailed-wanted-service-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.admin-detailed-wanted-service-divider-icon29, .admin-detailed-wanted-service-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.admin-detailed-wanted-service-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.admin-detailed-wanted-service-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  margin-top: 250px;
  padding: 64px 0 48px;
  display: flex;
}

.admin-detailed-wanted-service-footer-text {
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-service-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-service-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.admin-detailed-wanted-service-logomark, .admin-detailed-wanted-service-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.admin-detailed-wanted-service-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.admin-detailed-wanted-service-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.admin-detailed-wanted-service-content10, .admin-detailed-wanted-service-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.admin-detailed-wanted-service-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.admin-detailed-wanted-service-footer1, .admin-detailed-wanted-service-listings-detailed-page-devic, .admin-detailed-wanted-service-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-wanted-service-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.admin-detailed-wanted-service-listings-detailed-page-devic, .admin-detailed-wanted-service-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.admin-detailed-wanted-service-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.admin-detailed-wanted-service-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.admin-detailed-wanted-service-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-wanted-service-sharethis-parent {
  position: relative;
}

.admin-detailed-wanted-service-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-wanted-service-sharethis-follow-parent {
  position: relative;
}

@media screen and (width <= 1275px) {
  .admin-detailed-wanted-service-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .admin-detailed-wanted-service-breadcrumb-controls1 {
    flex: 1;
  }

  .admin-detailed-wanted-service-breadcrumb-container {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-service-service-card {
    flex: 1;
  }

  .admin-detailed-wanted-service-listing-content {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-service-container, .admin-detailed-wanted-service-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .admin-detailed-wanted-service-client-review, .admin-detailed-wanted-service-content4, .admin-detailed-wanted-service-description-columns-first, .admin-detailed-wanted-service-download-items, .admin-detailed-wanted-service-gallery-images, .admin-detailed-wanted-service-rectangle-group, .admin-detailed-wanted-service-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-service-description-block-parent {
    min-width: 100%;
  }

  .admin-detailed-wanted-service-client-feedback, .admin-detailed-wanted-service-client-message, .admin-detailed-wanted-service-listing-image-grid, .admin-detailed-wanted-service-listing-image-grid1, .admin-detailed-wanted-service-pagination-wrapper, .admin-detailed-wanted-service-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-wanted-service-heading-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-service-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .admin-detailed-wanted-service-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .admin-detailed-wanted-service-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .admin-detailed-wanted-service-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .admin-detailed-wanted-service-actions, .admin-detailed-wanted-service-file-upload-item-base {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-service-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .admin-detailed-wanted-service-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .admin-detailed-wanted-service-review-stars {
    min-width: 100%;
  }

  .admin-detailed-wanted-service-review-container, .admin-detailed-wanted-service-review-stars {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-service-client-review-header {
    min-width: 100%;
  }

  .admin-detailed-wanted-service-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-wanted-service-service-card {
    min-width: 100%;
  }

  .admin-detailed-wanted-service-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-wanted-service-feedback-header {
    min-width: 100%;
  }

  .admin-detailed-wanted-service-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .admin-detailed-wanted-service-frame-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-service-textarea-input-field {
    max-width: 100%;
  }

  .admin-detailed-wanted-service-content6 {
    gap: 16px;
  }

  .admin-detailed-wanted-service-textarea-input-field1 {
    max-width: 100%;
  }

  .admin-detailed-wanted-service-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-wanted-service-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .admin-detailed-wanted-service-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .admin-detailed-wanted-service-links {
    flex: 1;
  }

  .admin-detailed-wanted-service-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .admin-detailed-wanted-service-container {
    gap: 24px;
  }

  .admin-detailed-wanted-service-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-wanted-service-footer {
    gap: 24px;
    height: auto;
  }

  .admin-detailed-wanted-service-container1 {
    gap: 16px;
  }

  .admin-detailed-wanted-service-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .admin-detailed-wanted-service-header-container {
    gap: 17px;
  }

  .admin-detailed-wanted-service-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .admin-detailed-wanted-service-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .admin-detailed-wanted-service-button-row, .admin-detailed-wanted-service-contact-details {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-service-gallery-images-container, .admin-detailed-wanted-service-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .admin-detailed-wanted-service-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-detailed-wanted-service-input-dropdown {
    max-width: 100%;
  }

  .admin-detailed-wanted-service-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .admin-detailed-wanted-service-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .admin-detailed-wanted-service-rectangle-parent1 {
    flex: 1;
  }

  .admin-detailed-wanted-service-review-container {
    gap: 16px;
  }

  .admin-detailed-wanted-service-price {
    font-size: 21px;
    line-height: 26px;
  }

  .admin-detailed-wanted-service-header-content1, .admin-detailed-wanted-service-professional-details, .admin-detailed-wanted-service-testimonial-item {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-service-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .admin-detailed-wanted-service-review-form {
    gap: 25px;
  }

  .admin-detailed-wanted-service-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .admin-detailed-wanted-service-links, .admin-detailed-wanted-service-logo-and-supporting-text {
    gap: 16px;
  }

  .admin-detailed-wanted-service-email-capture {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-service-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .admin-detailed-wanted-service-footer1 {
    gap: 16px;
  }
}

.admin-detailed-wanted-software-frame-child, .admin-detailed-wanted-software-frame-item {
  background-color: #fff;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-frame-child {
  z-index: 0;
  align-self: stretch;
  height: 8259px;
}

.admin-detailed-wanted-software-frame-item {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.admin-detailed-wanted-software-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-header-content, .admin-detailed-wanted-software-logo {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.admin-detailed-wanted-software-header-content {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.admin-detailed-wanted-software-bar-chart-01-icon, .admin-detailed-wanted-software-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.admin-detailed-wanted-software-text {
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-detailed-wanted-software-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.admin-detailed-wanted-software-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-wanted-software-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-wanted-software-text2 {
  min-width: 29px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-badge1, .admin-detailed-wanted-software-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-detailed-wanted-software-badge1 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-detailed-wanted-software-nav-item-base1 {
  color: #18222f;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-wanted-software-text4 {
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-navigation, .admin-detailed-wanted-software-navigation1 {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-navigation1 {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.admin-detailed-wanted-software-navigation {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.admin-detailed-wanted-software-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-placeholder, .admin-detailed-wanted-software-search-lg-icon {
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.admin-detailed-wanted-software-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
}

.admin-detailed-wanted-software-content3, .admin-detailed-wanted-software-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-software-content3 {
  flex: 1;
  gap: 8px;
}

.admin-detailed-wanted-software-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-header-container, .admin-detailed-wanted-software-input-with-label, .admin-detailed-wanted-software-nav-search-avatar {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 208px;
  font-size: 14px;
}

.admin-detailed-wanted-software-header-container, .admin-detailed-wanted-software-nav-search-avatar {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-wanted-software-nav-search-avatar {
  flex: 1;
  gap: 38px;
  min-width: 366px;
}

.admin-detailed-wanted-software-header-container {
  gap: 70px;
  width: 754px;
}

.admin-detailed-wanted-software-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.admin-detailed-wanted-software-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.admin-detailed-wanted-software-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.admin-detailed-wanted-software-nav-item-button-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-detailed-wanted-software-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.admin-detailed-wanted-software-avatar {
  z-index: 1;
  background-image: url("avatar@3x.310c0c9c.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-detailed-wanted-software-button-container, .admin-detailed-wanted-software-rectangle-group {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-detailed-wanted-software-rectangle-group {
  box-sizing: border-box;
  z-index: 1;
  color: #344054;
  background-color: #fff;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  max-width: 100%;
  padding: 14px 64px 14px 31px;
}

.admin-detailed-wanted-software-divider-icon, .admin-detailed-wanted-software-text6 {
  align-self: stretch;
  position: relative;
}

.admin-detailed-wanted-software-divider-icon {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.admin-detailed-wanted-software-text6 {
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-software-breadcrumb-button-base {
  box-sizing: border-box;
  z-index: 3;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 28px;
  padding: 4px 7px;
  font-size: 14px;
  display: none;
}

.admin-detailed-wanted-software-chevron-right-icon, .admin-detailed-wanted-software-text7 {
  flex-shrink: 0;
  position: relative;
}

.admin-detailed-wanted-software-chevron-right-icon {
  z-index: 4;
  width: 16px;
  height: 16px;
  display: none;
  overflow: hidden;
}

.admin-detailed-wanted-software-text7 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-software-breadcrumb-button-base1 {
  box-sizing: border-box;
  z-index: 5;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 71px;
  padding: 4px 8px;
  font-size: 14px;
  display: none;
}

.admin-detailed-wanted-software-chevron-right-icon1 {
  z-index: 6;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-breadcrumb-controls-child {
  object-fit: cover;
  width: 288px;
  height: 288px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-arrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-breadcrumb-controls, .admin-detailed-wanted-software-testiomonial-carousel-arrow {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
}

.admin-detailed-wanted-software-testiomonial-carousel-arrow {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-wanted-software-breadcrumb-controls {
  z-index: 1;
  background-image: url("rectangle-5@2x.ab5520a1.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 187px;
  min-height: 288px;
  padding: 116px 24px;
}

.admin-detailed-wanted-software-breadcrumb-controls-icon, .admin-detailed-wanted-software-breadcrumb-controls-item {
  object-fit: cover;
  width: 288px;
  height: 288px;
  position: relative;
}

.admin-detailed-wanted-software-breadcrumb-controls-icon {
  z-index: 1;
  min-height: 288px;
}

.admin-detailed-wanted-software-breadcrumb-controls-item {
  display: none;
}

.admin-detailed-wanted-software-maximize-01-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-text8 {
  min-width: 109px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-buttonsbutton, .admin-detailed-wanted-software-testiomonial-carousel-arrow1 {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  display: flex;
}

.admin-detailed-wanted-software-buttonsbutton {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 9px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-testiomonial-carousel-arrow1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-wanted-software-breadcrumb-controls1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-9@2x.339abc3a.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 72px;
  min-width: 187px;
  min-height: 288px;
  padding: 12px 24px 124px;
  display: flex;
}

.admin-detailed-wanted-software-breadcrumb-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  row-gap: 20px;
  display: flex;
}

.admin-detailed-wanted-software-text9 {
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-breadcrumb-button-base2 {
  z-index: 1;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 8px;
  display: flex;
}

.admin-detailed-wanted-software-chevron-right-icon2 {
  z-index: 1;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-chevron-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 0 0;
  display: flex;
}

.admin-detailed-wanted-software-text10 {
  min-width: 47px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-breadcrumb-button-base3 {
  z-index: 1;
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  padding: 4px 8px;
}

.admin-detailed-wanted-software-breadcrumb, .admin-detailed-wanted-software-breadcrumb-button-base3, .admin-detailed-wanted-software-breadcrumb-container-parent, .admin-detailed-wanted-software-breadcrumb-items {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-breadcrumb-items {
  flex-direction: row;
  gap: 8px;
}

.admin-detailed-wanted-software-breadcrumb, .admin-detailed-wanted-software-breadcrumb-container-parent {
  max-width: 100%;
}

.admin-detailed-wanted-software-breadcrumb {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  padding: 0 70px;
  font-size: 14px;
}

.admin-detailed-wanted-software-breadcrumb-container-parent {
  flex-direction: column;
  align-self: stretch;
  gap: 24px;
}

.admin-detailed-wanted-software-pre- {
  text-transform: capitalize;
}

.admin-detailed-wanted-software-o {
  text-transform: lowercase;
}

.admin-detailed-wanted-software-description-heading {
  letter-spacing: .01em;
  z-index: 1;
  width: 886px;
  max-width: 100%;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-marker-pin-02-icon, .admin-detailed-wanted-software-supporting-text {
  z-index: 1;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-marker-pin-02-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
}

.admin-detailed-wanted-software-supporting-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 20px;
}

.admin-detailed-wanted-software-detail-items, .admin-detailed-wanted-software-details-row {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-detail-items {
  flex: 1;
  gap: 8px;
}

.admin-detailed-wanted-software-details-row {
  gap: 20px;
  width: 294px;
}

.admin-detailed-wanted-software-contact-name {
  min-width: 41px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-contact-name-wrapper {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50px;
  padding: 1px 4px;
  display: flex;
}

.admin-detailed-wanted-software-supporting-text2 {
  z-index: 1;
  min-width: 117px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-contact-role {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 0 0;
  display: flex;
}

.admin-detailed-wanted-software-frame-inner {
  background-color: #000;
  border-radius: 8px;
  flex-shrink: 0;
  width: 127px;
  height: 34px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-icon-backgrounds {
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.admin-detailed-wanted-software-icon-backgrounds-parent {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-wanted-software-ellipse-div, .admin-detailed-wanted-software-frame-child1 {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-wanted-software-frame-child1 {
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
}

.admin-detailed-wanted-software-whatsapp-1-icon {
  object-fit: cover;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.admin-detailed-wanted-software-rectangle-container {
  z-index: 1;
  background-color: #000;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  gap: 4px;
  padding: 7px 5px;
  overflow-x: auto;
}

.admin-detailed-wanted-software-contact-details, .admin-detailed-wanted-software-details-content, .admin-detailed-wanted-software-rectangle-container, .admin-detailed-wanted-software-social-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-social-links {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 83px;
  padding: 3px 0 0;
}

.admin-detailed-wanted-software-contact-details, .admin-detailed-wanted-software-details-content {
  align-self: stretch;
}

.admin-detailed-wanted-software-contact-details {
  color: #fff;
  flex-direction: row;
  gap: 10px;
  font-size: 16px;
}

.admin-detailed-wanted-software-details-content {
  flex-direction: column;
  gap: 8px;
}

.admin-detailed-wanted-software-text11 {
  min-width: 104px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-buttonsbutton1, .admin-detailed-wanted-software-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-detailed-wanted-software-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 7px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-placeholder-icon4 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-buttonsbutton2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 8px 9px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-magnifier-1-icon {
  object-fit: cover;
  width: 20px;
  height: 20px;
  position: relative;
}

.admin-detailed-wanted-software-button-row-child {
  z-index: 2;
  width: 28px;
  height: 6px;
  position: absolute;
  top: -2px;
  right: -20px;
  margin: 0 !important;
}

.admin-detailed-wanted-software-button-row {
  z-index: 1;
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  font-size: 16px;
  display: flex;
  position: relative;
}

.admin-detailed-wanted-software-detail-container {
  justify-content: flex-start;
  gap: 5px;
  width: 314px;
}

.admin-detailed-wanted-software-detail-container, .admin-detailed-wanted-software-dropdown, .admin-detailed-wanted-software-dropdown-container {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-dropdown {
  z-index: 1;
  justify-content: flex-start;
}

.admin-detailed-wanted-software-dropdown-container {
  justify-content: flex-end;
  padding: 0 0 12px;
  position: relative;
}

.admin-detailed-wanted-software-listing-details {
  color: #475467;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-software-description-block {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  font-size: 20px;
  display: flex;
}

.admin-detailed-wanted-software-heading {
  width: 856px;
  max-width: 100%;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-software-heading, .admin-detailed-wanted-software-paragraph, .admin-detailed-wanted-software-paragraph1 {
  z-index: 1;
  position: relative;
}

.admin-detailed-wanted-software-paragraph {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-software-paragraph1 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-software-first-columns-paragraphs {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 217px;
  display: flex;
}

.admin-detailed-wanted-software-description-columns-first {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 13px;
  display: flex;
}

.admin-detailed-wanted-software-second-columns-paragraphs {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  width: 290px;
  display: flex;
}

.admin-detailed-wanted-software-description-columns-second, .admin-detailed-wanted-software-description-content, .admin-detailed-wanted-software-heading-parent {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-description-columns-second {
  flex-flow: wrap;
  align-content: flex-start;
  gap: 24px 36px;
  min-height: 120px;
}

.admin-detailed-wanted-software-description-content, .admin-detailed-wanted-software-heading-parent {
  flex-direction: column;
}

.admin-detailed-wanted-software-description-content {
  color: #475467;
  gap: 24px;
  font-size: 14px;
}

.admin-detailed-wanted-software-heading-parent {
  gap: 12px;
  max-width: 100%;
}

.admin-detailed-wanted-software-paragraph18 {
  letter-spacing: .01em;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-software-paragraph19 {
  width: 174px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-description-paragraphs, .admin-detailed-wanted-software-third-columns-paragraphs-parent {
  color: #475467;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-software-third-columns-paragraphs-parent {
  z-index: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 13px;
}

.admin-detailed-wanted-software-description-paragraphs {
  flex-direction: column;
  gap: 4px;
  width: 290px;
}

.admin-detailed-wanted-software-heading1, .admin-detailed-wanted-software-paragraph26 {
  z-index: 1;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-software-heading1 {
  font-weight: 500;
}

.admin-detailed-wanted-software-paragraph26 {
  color: #475467;
}

.admin-detailed-wanted-software-content-blocks {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.admin-detailed-wanted-software-gallery-images-container-child, .admin-detailed-wanted-software-rectangle-icon {
  object-fit: cover;
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.admin-detailed-wanted-software-rectangle-icon {
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 368px;
  overflow: hidden;
}

.admin-detailed-wanted-software-gallery-images-container-child {
  width: 440px;
  height: 386px;
  display: none;
}

.admin-detailed-wanted-software-gallery-images-container-item {
  z-index: 2;
  width: 72px;
  height: 72px;
  position: relative;
}

.admin-detailed-wanted-software-gallery-images-container {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-431@2x.108cdaec.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-wanted-software-gallery-images, .admin-detailed-wanted-software-gallery-images-container, .admin-detailed-wanted-software-gallery-images-container1, .admin-detailed-wanted-software-image-gallery {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-gallery-images-container1 {
  box-sizing: border-box;
  z-index: 1;
  background-image: url("rectangle-196@2x.74a5f011.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex: 1;
  justify-content: center;
  min-width: 286px;
  padding: 157px 20px;
}

.admin-detailed-wanted-software-gallery-images, .admin-detailed-wanted-software-image-gallery {
  justify-content: flex-start;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-wanted-software-image-gallery {
  box-sizing: border-box;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 4px;
}

.admin-detailed-wanted-software-heading6 {
  font-weight: 600;
}

.admin-detailed-wanted-software-heading6, .admin-detailed-wanted-software-heading7, .admin-detailed-wanted-software-paragraph30 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-software-heading7 {
  font-weight: 500;
}

.admin-detailed-wanted-software-paragraph30 {
  color: #475467;
}

.admin-detailed-wanted-software-benefits-subtitle {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  display: flex;
}

.admin-detailed-wanted-software-benefits-content {
  gap: 16px;
}

.admin-detailed-wanted-software-benefits-container, .admin-detailed-wanted-software-benefits-content, .admin-detailed-wanted-software-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-section {
  z-index: 1;
  font-size: 18px;
}

.admin-detailed-wanted-software-paragraph35 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-second-paragraph {
  box-sizing: border-box;
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 6px;
  display: flex;
}

.admin-detailed-wanted-software-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-software-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.admin-detailed-wanted-software-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.admin-detailed-wanted-software-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.admin-detailed-wanted-software-supporting-text3, .admin-detailed-wanted-software-text12 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-text12 {
  font-weight: 500;
}

.admin-detailed-wanted-software-supporting-text3 {
  color: #475467;
}

.admin-detailed-wanted-software-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-software-download-items, .admin-detailed-wanted-software-download-items-parent, .admin-detailed-wanted-software-file-upload-item-base {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex: 1;
  min-width: 287px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-download-items, .admin-detailed-wanted-software-download-items-parent {
  align-self: stretch;
}

.admin-detailed-wanted-software-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  font-size: 9px;
}

.admin-detailed-wanted-software-heading15, .admin-detailed-wanted-software-text18 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-wanted-software-heading15 {
  z-index: 1;
  align-self: stretch;
  font-size: 18px;
  line-height: 24px;
}

.admin-detailed-wanted-software-text18 {
  min-width: 52px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-wanted-software-button-group-base {
  box-sizing: border-box;
  background-color: #f9fafb;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 84px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-wanted-software-text19 {
  min-width: 53px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-button-group-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 85px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-wanted-software-text20 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-software-button-group-base2, .admin-detailed-wanted-software-button-group-base3, .admin-detailed-wanted-software-button-group-base4, .admin-detailed-wanted-software-button-group-base5, .admin-detailed-wanted-software-button-group-base6, .admin-detailed-wanted-software-button-group-base7 {
  box-sizing: border-box;
  z-index: 6;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  display: none;
}

.admin-detailed-wanted-software-button-group-base3, .admin-detailed-wanted-software-button-group-base4, .admin-detailed-wanted-software-button-group-base5, .admin-detailed-wanted-software-button-group-base6, .admin-detailed-wanted-software-button-group-base7 {
  z-index: 5;
}

.admin-detailed-wanted-software-button-group-base4, .admin-detailed-wanted-software-button-group-base5, .admin-detailed-wanted-software-button-group-base6, .admin-detailed-wanted-software-button-group-base7 {
  z-index: 4;
}

.admin-detailed-wanted-software-button-group-base5, .admin-detailed-wanted-software-button-group-base6, .admin-detailed-wanted-software-button-group-base7 {
  z-index: 3;
}

.admin-detailed-wanted-software-button-group-base6, .admin-detailed-wanted-software-button-group-base7 {
  z-index: 2;
}

.admin-detailed-wanted-software-button-group-base7 {
  z-index: 1;
}

.admin-detailed-wanted-software-text26 {
  min-width: 50px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-button-group-base8 {
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 82px;
  min-height: 40px;
  padding: 10px 15px;
  display: flex;
}

.admin-detailed-wanted-software-button-group {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-supporting-text9, .admin-detailed-wanted-software-text27 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-software-text27 {
  font-weight: 500;
}

.admin-detailed-wanted-software-supporting-text9 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.admin-detailed-wanted-software-content5, .admin-detailed-wanted-software-input-with-label1, .admin-detailed-wanted-software-input1 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-content5 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 7px;
  padding: 0 208px 0 0;
}

.admin-detailed-wanted-software-input-with-label1, .admin-detailed-wanted-software-input1 {
  align-self: stretch;
}

.admin-detailed-wanted-software-input1 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d, 0 0 0 4px #9e77ed3d;
}

.admin-detailed-wanted-software-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-wanted-software-hint-text {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-input-dropdown {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  max-width: 400px;
  display: flex;
}

.admin-detailed-wanted-software-filter-lines-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-text28 {
  min-width: 43px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-actions, .admin-detailed-wanted-software-button {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-software-button {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 99px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-actions {
  justify-content: flex-start;
  gap: 12px;
  width: 511px;
  max-width: 100%;
}

.admin-detailed-wanted-software-content4, .admin-detailed-wanted-software-filters-bar {
  box-sizing: border-box;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-content4 {
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}

.admin-detailed-wanted-software-filters-bar {
  z-index: 1;
  color: #344054;
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
}

.admin-detailed-wanted-software-empty-review, .admin-detailed-wanted-software-heading16 {
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.admin-detailed-wanted-software-empty-review {
  flex: 1;
  justify-content: center;
  min-width: 91px;
  height: 44px;
  line-height: 24px;
}

.admin-detailed-wanted-software-heading16 {
  flex-shrink: 0;
  align-self: stretch;
  height: 37px;
  font-weight: 500;
  line-height: 7px;
}

.admin-detailed-wanted-software-reviewer {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 55px;
  padding: 0 0 3px;
  font-size: 36px;
  display: flex;
}

.admin-detailed-wanted-software-first-review {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 2px;
  display: flex;
}

.admin-detailed-wanted-software-star-background-icon {
  border-radius: .5px;
  width: 28px;
  height: 28px;
  min-height: 28px;
  position: relative;
}

.admin-detailed-wanted-software-review-content, .admin-detailed-wanted-software-review-stars-background {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-review-stars-background {
  z-index: 1;
  flex-direction: row;
  gap: 2px;
}

.admin-detailed-wanted-software-review-content {
  flex-direction: column;
  gap: 11.5px;
  width: 148px;
}

.admin-detailed-wanted-software-rectangle-div {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 200px;
  height: 84px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-stars {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-wanted-software-heading17 {
  z-index: 1;
  min-width: 98px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-first-review-fifth-star, .admin-detailed-wanted-software-rectangle-parent1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 9px;
  display: flex;
}

.admin-detailed-wanted-software-rectangle-parent1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: .7891;
  gap: 8px;
  min-width: 150px;
  padding: 14px 41px;
}

.admin-detailed-wanted-software-heading18 {
  z-index: 1;
  min-width: 107px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-heading-wrapper {
  padding: 0 4px;
}

.admin-detailed-wanted-software-heading-wrapper, .admin-detailed-wanted-software-stars-wrapper, .admin-detailed-wanted-software-stars2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-stars2 {
  z-index: 1;
  flex: 1;
  gap: 4px;
}

.admin-detailed-wanted-software-stars-wrapper {
  align-self: stretch;
  padding: 0 15px;
}

.admin-detailed-wanted-software-heading19 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-software-rectangle-parent3, .admin-detailed-wanted-software-review-container, .admin-detailed-wanted-software-review-stars {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-rectangle-parent3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 150px;
  padding: 14px 25px 14px 26px;
}

.admin-detailed-wanted-software-review-container, .admin-detailed-wanted-software-review-stars {
  flex-direction: row;
  max-width: 100%;
}

.admin-detailed-wanted-software-review-stars {
  z-index: 1;
  text-align: left;
  color: #101828;
  flex: 1;
  gap: 16px;
  min-width: 411px;
  font-size: 14px;
}

.admin-detailed-wanted-software-review-container {
  text-align: center;
  color: #000;
  gap: 32px;
  width: 812px;
  font-size: 56px;
}

.admin-detailed-wanted-software-divider-icon3 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 10px;
  display: flex;
}

.admin-detailed-wanted-software-client-review-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  min-height: 50px;
  position: relative;
}

.admin-detailed-wanted-software-heading20 {
  z-index: 2;
  width: 665px;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-alvo-medical, .admin-detailed-wanted-software-heading20 {
  font-weight: 500;
}

.admin-detailed-wanted-software-heading21 {
  z-index: 1;
  align-self: stretch;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-software-client-review-header, .admin-detailed-wanted-software-stars3 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-client-review-header {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 451px;
  max-width: 100%;
  padding: 0 10px 0 0;
}

.admin-detailed-wanted-software-stars3 {
  z-index: 1;
  flex-direction: row;
  gap: 4px;
}

.admin-detailed-wanted-software-heading22 {
  z-index: 1;
  min-width: 74px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-rating-value {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-client-rating, .admin-detailed-wanted-software-client-review-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-client-rating {
  align-self: stretch;
  gap: 4px;
}

.admin-detailed-wanted-software-client-review-content {
  box-sizing: border-box;
  width: 116px;
  padding: 2px 0 0;
  font-size: 12px;
}

.admin-detailed-wanted-software-client-review, .admin-detailed-wanted-software-description-block-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-client-review {
  flex-direction: row;
  gap: 12px;
  width: 884px;
}

.admin-detailed-wanted-software-description-block-parent {
  flex-direction: column;
  flex: 1;
  gap: 22px;
}

.admin-detailed-wanted-software-card-content-child {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
  height: 532px;
  display: none;
  position: relative;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-wanted-software-dot-icon3 {
  width: 8px;
  height: 8px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-text29 {
  min-width: 29px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-badge-wrapper, .admin-detailed-wanted-software-badge3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-badge3 {
  mix-blend-mode: normal;
  z-index: 2;
  background-color: #17b26a;
  border-radius: 6px;
  flex: 1;
  gap: 6px;
  padding: 2px 8px;
}

.admin-detailed-wanted-software-badge-wrapper {
  align-self: stretch;
  padding: 0 69px;
}

.admin-detailed-wanted-software-discount, .admin-detailed-wanted-software-price {
  z-index: 2;
  position: relative;
}

.admin-detailed-wanted-software-price {
  letter-spacing: -.02em;
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 32px;
}

.admin-detailed-wanted-software-discount {
  min-width: 97px;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-wanted-software-original-price, .admin-detailed-wanted-software-price-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-original-price {
  color: #475467;
  flex-direction: row;
  padding: 0 44px;
  font-size: 14px;
}

.admin-detailed-wanted-software-price-parent {
  color: #6941c6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  font-size: 26px;
}

.admin-detailed-wanted-software-service-title {
  z-index: 2;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-software-service-title-container {
  color: #475467;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 12px 0 11px;
}

.admin-detailed-wanted-software-card-header, .admin-detailed-wanted-software-price-tag, .admin-detailed-wanted-software-service-title-container {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-price-tag {
  flex-direction: column;
  justify-content: flex-start;
  gap: 9px;
  width: 185px;
}

.admin-detailed-wanted-software-card-header {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 0 22px;
}

.admin-detailed-wanted-software-card-footer-child {
  object-fit: cover;
  z-index: 2;
  border-radius: 80px;
  width: 96px;
  height: 96px;
  margin: 0 !important;
}

.admin-detailed-wanted-software-divider-icon4 {
  z-index: 2;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-footer-divider {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 116px;
  display: flex;
}

.admin-detailed-wanted-software-amlie-laurent, .admin-detailed-wanted-software-card-footer, .admin-detailed-wanted-software-role {
  align-self: stretch;
  position: relative;
}

.admin-detailed-wanted-software-card-footer {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-amlie-laurent, .admin-detailed-wanted-software-role {
  z-index: 2;
  font-weight: 600;
  line-height: 28px;
}

.admin-detailed-wanted-software-role {
  color: #6941c6;
  z-index: 3;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.admin-detailed-wanted-software-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-supporting-text10 {
  z-index: 2;
  flex: 1;
  min-width: 114px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-contact-button, .admin-detailed-wanted-software-message-button {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-message-button {
  flex: 1;
  gap: 2px;
}

.admin-detailed-wanted-software-contact-button {
  align-self: stretch;
  padding: 0 52px;
}

.admin-detailed-wanted-software-supporting-text11 {
  z-index: 2;
  align-self: stretch;
  line-height: 18px;
  position: relative;
}

.admin-detailed-wanted-software-action-buttons {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-wanted-software-text30 {
  min-width: 113px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-buttonsbutton5, .admin-detailed-wanted-software-buttonsbutton6 {
  z-index: 2;
  border-radius: 8px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-buttonsbutton5 {
  white-space: nowrap;
  background-color: #7e56d9;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 8px 12px;
}

.admin-detailed-wanted-software-buttonsbutton6 {
  background-color: #56d97b;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.detailed-wanted-sodtware-buttonsbutton6-add {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #667085;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-button-container2, .admin-detailed-wanted-software-favorite-button {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-button-container2 {
  flex: 1;
  gap: 16px;
}

.admin-detailed-wanted-software-favorite-button {
  text-align: left;
  color: #eaecf0;
  align-self: stretch;
  padding: 0 12px 0 11px;
  font-size: 14px;
}

.admin-detailed-wanted-software-professional-actions {
  flex: 1;
  gap: 24px;
  min-width: 156px;
}

.admin-detailed-wanted-software-dropdown-menu, .admin-detailed-wanted-software-dropdown1, .admin-detailed-wanted-software-professional-actions {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-dropdown1 {
  z-index: 2;
}

.admin-detailed-wanted-software-dropdown-menu {
  padding: 19px 0 0;
  position: relative;
}

.admin-detailed-wanted-software-professional-details, .admin-detailed-wanted-software-professional-info {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-professional-details {
  flex: 1;
  justify-content: flex-start;
  gap: 29px;
}

.admin-detailed-wanted-software-professional-info {
  box-sizing: border-box;
  color: #101828e6;
  justify-content: flex-end;
  width: 307px;
  padding: 0 9px;
  font-size: 18px;
}

.admin-detailed-wanted-software-card-content, .admin-detailed-wanted-software-frame-child6 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  align-self: stretch;
}

.admin-detailed-wanted-software-card-content {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 24px;
  max-width: 100%;
  padding: 22px 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000f;
}

.admin-detailed-wanted-software-frame-child6 {
  height: 622px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-description, .admin-detailed-wanted-software-heading23 {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-heading23 {
  flex-shrink: 0;
  width: 162px;
  font-weight: 600;
  line-height: 24px;
}

.admin-detailed-wanted-software-description {
  min-width: 54px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-software-testimonial-description {
  color: #6941c6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-software-header-content1, .admin-detailed-wanted-software-testimonial-header {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-header-content1 {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-wanted-software-testimonial-header {
  box-sizing: border-box;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 14px 0 16px;
}

.admin-detailed-wanted-software-frame-child7 {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 76px;
  height: 76px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 1;
  width: 46px;
  height: 46px;
  position: relative;
}

.admin-detailed-wanted-software-rectangle-parent5 {
  z-index: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.admin-detailed-wanted-software-client-name, .admin-detailed-wanted-software-heading24 {
  z-index: 1;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-software-client-name {
  letter-spacing: .01em;
  text-transform: capitalize;
  align-self: stretch;
  font-weight: 500;
}

.admin-detailed-wanted-software-heading24 {
  width: 164px;
  font-size: 14px;
  display: inline-block;
}

.admin-detailed-wanted-software-testimonial-details {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 165px;
  display: flex;
}

.admin-detailed-wanted-software-testimonial-divider, .admin-detailed-wanted-software-testimonial-item {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-testimonial-item {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
}

.admin-detailed-wanted-software-testimonial-divider {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 344px;
  padding: 0 1px;
}

.admin-detailed-wanted-software-rectangle-parent4, .admin-detailed-wanted-software-testimonial-list {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-end;
  gap: 16.4px;
  max-width: 100%;
  font-size: 16px;
  display: flex;
}

.admin-detailed-wanted-software-rectangle-parent4 {
  box-sizing: border-box;
  z-index: 1;
  text-align: left;
  color: #101828;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 24px;
  padding: 22px 0 15px;
  font-size: 18px;
}

.admin-detailed-wanted-software-frame-parent, .admin-detailed-wanted-software-listing-content, .admin-detailed-wanted-software-listing-content-wrapper, .admin-detailed-wanted-software-service-card {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-service-card {
  text-align: center;
  color: #fff;
  flex-direction: column;
  gap: 24px;
  width: 360px;
  min-width: 360px;
  font-size: 14px;
}

.admin-detailed-wanted-software-frame-parent, .admin-detailed-wanted-software-listing-content, .admin-detailed-wanted-software-listing-content-wrapper {
  flex-direction: row;
}

.admin-detailed-wanted-software-listing-content {
  flex: 1;
  gap: 14px;
}

.admin-detailed-wanted-software-frame-parent, .admin-detailed-wanted-software-listing-content-wrapper {
  box-sizing: border-box;
  color: #101828;
  align-self: stretch;
  padding: 0 80px;
}

.admin-detailed-wanted-software-frame-parent {
  color: #344054;
  flex-direction: column;
  gap: 16px;
  margin-top: 50px;
  padding: 0 2px 24px 0;
}

.admin-detailed-wanted-software-paragraph37 {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-listing-image-grid, .admin-detailed-wanted-software-listing-image-grid1 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-listing-image-grid {
  color: #344054;
  padding: 0 80px 8px;
}

.admin-detailed-wanted-software-listing-image-grid1 {
  padding: 0 80px 24px;
}

.admin-detailed-wanted-software-feedback-content-child {
  object-fit: cover;
  z-index: 1;
  width: 50px;
  height: 50px;
  position: relative;
}

.admin-detailed-wanted-software-feedback-header, .admin-detailed-wanted-software-header-info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-header-info {
  justify-content: flex-start;
  align-self: stretch;
}

.admin-detailed-wanted-software-feedback-header {
  box-sizing: border-box;
  flex: 1;
  justify-content: flex-end;
  min-width: 451px;
  padding: 0 10px 2px 0;
}

.admin-detailed-wanted-software-text35 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-buttonsbutton7 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-buttonsbutton7, .admin-detailed-wanted-software-feedback-score, .admin-detailed-wanted-software-stars-parent {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-stars-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 4px;
}

.admin-detailed-wanted-software-feedback-score {
  color: #101828;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  padding: 0 12px 0 0;
  font-size: 12px;
}

.admin-detailed-wanted-software-feedback-rating {
  color: #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 26px;
  width: 128px;
  font-size: 14px;
  display: flex;
}

.admin-detailed-wanted-software-client-feedback, .admin-detailed-wanted-software-feedback-content {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-feedback-content {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-end;
  align-items: flex-end;
  gap: 12px;
}

.admin-detailed-wanted-software-client-feedback {
  box-sizing: border-box;
  color: #101828;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
}

.admin-detailed-wanted-software-paragraph39 {
  z-index: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-software-client-message, .admin-detailed-wanted-software-message-content {
  justify-content: flex-start;
  max-width: 100%;
}

.admin-detailed-wanted-software-message-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-wanted-software-client-message {
  box-sizing: border-box;
  color: #344054;
  width: 1056px;
  padding: 0 80px 24px;
}

.admin-detailed-wanted-software-buttonsbutton8, .admin-detailed-wanted-software-client-message, .admin-detailed-wanted-software-view-replies {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-buttonsbutton8 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 90px;
  padding: 8px 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-view-replies {
  color: #eaecf0;
  justify-content: center;
  align-self: stretch;
  padding: 0 20px 24px 440px;
  font-size: 14px;
}

.admin-detailed-wanted-software-page-number {
  min-width: 59px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-button-wrap, .admin-detailed-wanted-software-buttonsbutton9 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-software-buttonsbutton9 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 87px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-button-wrap {
  flex: 1;
  justify-content: flex-start;
}

.admin-detailed-wanted-software-details, .admin-detailed-wanted-software-text37 {
  min-width: 44px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-text37 {
  min-width: 32px;
  font-weight: 600;
}

.admin-detailed-wanted-software-button-wrap1, .admin-detailed-wanted-software-buttonsbutton10 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-software-buttonsbutton10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 60px;
  padding: 6px 11px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-button-wrap1 {
  flex: 1;
  justify-content: flex-end;
}

.admin-detailed-wanted-software-pagination, .admin-detailed-wanted-software-pagination-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-pagination {
  z-index: 1;
  background-color: #fff;
  border-top: 1px solid #eaecf0;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 12px 24px 16px;
  overflow-x: auto;
}

.admin-detailed-wanted-software-pagination-wrapper {
  color: #344054;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-wanted-software-review-form-child {
  background-color: #f9fafb;
  width: 896px;
  max-width: 100%;
  height: 590px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-heading32, .admin-detailed-wanted-software-heading33 {
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-software-heading32 {
  z-index: 2;
  align-self: stretch;
  font-size: 18px;
  font-weight: 600;
}

.admin-detailed-wanted-software-heading33 {
  width: 107px;
  display: inline-block;
}

.admin-detailed-wanted-software-heading-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.admin-detailed-wanted-software-heading35 {
  min-width: 116px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-frame-parent3 {
  z-index: 2;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 526px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-label2 {
  min-width: 30px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.admin-detailed-wanted-software-label2, .admin-detailed-wanted-software-label3, .admin-detailed-wanted-software-text38 {
  position: relative;
}

.admin-detailed-wanted-software-label3 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.admin-detailed-wanted-software-text38 {
  flex: 1;
  max-width: 100%;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-software-input-with-label3, .admin-detailed-wanted-software-input2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-input2 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  max-width: 100%;
  padding: 10px 13px 2px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-input-with-label3 {
  flex-direction: column;
  flex-shrink: 0;
  gap: 6px;
  width: 848px;
  max-width: 166%;
}

.admin-detailed-wanted-software-hint-text1 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-software-content6, .admin-detailed-wanted-software-input-field, .admin-detailed-wanted-software-textarea-input-field {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-textarea-input-field {
  box-sizing: border-box;
  flex-direction: column;
  gap: 6px;
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  padding: 0;
}

.admin-detailed-wanted-software-content6, .admin-detailed-wanted-software-input-field {
  max-width: 100%;
}

.admin-detailed-wanted-software-content6 {
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
}

.admin-detailed-wanted-software-input-field {
  z-index: 2;
  color: #344054;
  flex-direction: column;
  gap: 6px;
  width: 848px;
}

.admin-detailed-wanted-software-label4, .admin-detailed-wanted-software-text39 {
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-label4 {
  min-width: 49px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-software-text39 {
  flex: 1;
  max-width: 100%;
  height: 158px;
  line-height: 24px;
}

.admin-detailed-wanted-software-input3 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-hint-text3 {
  color: #475467;
  flex-shrink: 0;
  width: 848px;
  max-width: 166%;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-input-field1, .admin-detailed-wanted-software-textarea-input-field1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-detailed-wanted-software-textarea-input-field1 {
  width: 512px;
  min-width: 480px;
  max-width: 512px;
  height: 128px;
  padding: 0;
}

.admin-detailed-wanted-software-input-field1 {
  z-index: 2;
  color: #344054;
  width: 848px;
  max-width: 100%;
  min-height: 208px;
  padding: 0 0 54px;
}

.admin-detailed-wanted-software-log-in-04-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-text40 {
  min-width: 48px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-button1, .admin-detailed-wanted-software-submit-button-wrapper {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-button1 {
  z-index: 2;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: flex-start;
  gap: 6px;
  padding: 8px 14px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-submit-button-wrapper {
  color: #fff;
  justify-content: flex-end;
  padding: 0 24px;
}

.admin-detailed-wanted-software-review-form, .admin-detailed-wanted-software-review-form-wrapper {
  box-sizing: border-box;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-review-form {
  z-index: 1;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 50px;
  padding: 24px 0 24px 24px;
}

.admin-detailed-wanted-software-review-form-wrapper {
  color: #101828;
  flex-direction: row;
  align-items: flex-start;
  width: 1056px;
  padding: 0 80px 24px;
  font-size: 14px;
}

.admin-detailed-wanted-software-divider-icon11 {
  z-index: 1;
  width: 1360px;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-detailed-wanted-software-listing-image-grid3 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 2px 24px;
  display: flex;
}

.admin-detailed-wanted-software-heading36 {
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-heading-parent3, .admin-detailed-wanted-software-text-wrapper {
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-text-wrapper {
  color: #7e56d9;
  flex-direction: column;
  justify-content: flex-start;
  padding: 2px 0 0;
  font-size: 14px;
}

.admin-detailed-wanted-software-heading-parent3 {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  max-width: 100%;
}

.admin-detailed-wanted-software-frame-child12, .admin-detailed-wanted-software-listing-image-grid4 {
  box-sizing: border-box;
  align-self: stretch;
}

.admin-detailed-wanted-software-listing-image-grid4 {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 83px 24px 80px;
  font-size: 18px;
  display: flex;
}

.admin-detailed-wanted-software-frame-child12 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  height: 449px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-listing-card-badge-overlay-child {
  object-fit: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  width: 322px;
  max-width: 100%;
  min-height: 172px;
  max-height: 100%;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-listing-card-price {
  min-width: 48px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-badge4 {
  box-sizing: border-box;
  mix-blend-mode: normal;
  z-index: 3;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 62px;
  padding: 0 6px;
  display: flex;
}

.admin-detailed-wanted-software-listing-card-radar {
  min-width: 65px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-badge5, .admin-detailed-wanted-software-buttonsbutton11 {
  box-sizing: border-box;
  z-index: 3;
  flex-direction: row;
  display: flex;
}

.admin-detailed-wanted-software-badge5 {
  mix-blend-mode: normal;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 9999px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 77px;
  padding: 0 5px;
}

.admin-detailed-wanted-software-buttonsbutton11 {
  backdrop-filter: blur(16px);
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  overflow: hidden;
}

.admin-detailed-wanted-software-image-overlay, .admin-detailed-wanted-software-listing-card-badge-overlay {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-image-overlay {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 86px;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-wanted-software-listing-card-badge-overlay {
  z-index: 1;
  background-image: url("rectangle-95@2x.151b94e0.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
}

.admin-detailed-wanted-software-text42 {
  z-index: 1;
  flex: 1;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.admin-detailed-wanted-software-listing-detail-item-date, .admin-detailed-wanted-software-text-frame {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-text-frame {
  box-sizing: border-box;
  flex-direction: row;
  width: 296px;
  padding: 0 15px;
}

.admin-detailed-wanted-software-listing-detail-item-date {
  flex-direction: column;
  padding: 4px 0 0;
}

.admin-detailed-wanted-software-location {
  z-index: 1;
  min-width: 93px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-listing-detail-item-date-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-detailed-wanted-software-type-of-work {
  z-index: 1;
  min-width: 82px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-listing-detail-item-location {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.admin-detailed-wanted-software-listing-team-member {
  min-width: 36px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-listing-team-member-wrapper {
  z-index: 1;
  background-color: #fdb022;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1px 7px;
  display: flex;
}

.admin-detailed-wanted-software-supporting-text12 {
  z-index: 1;
  min-width: 102px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-listing-detail-item-pin-wrapper, .admin-detailed-wanted-software-listing-team {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-listing-team {
  color: #fff;
  gap: 8px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.admin-detailed-wanted-software-listing-detail-item-pin-wrapper {
  padding: 0 15px;
}

.admin-detailed-wanted-software-listing-short-info {
  white-space: nowrap;
  z-index: 1;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.admin-detailed-wanted-software-supporting-text13 {
  z-index: 1;
  min-width: 77px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-listing, .admin-detailed-wanted-software-supporting-text-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 0;
  font-size: 12px;
  display: flex;
}

.admin-detailed-wanted-software-listing {
  color: #6941c6;
  flex-direction: row;
  padding: 0 15px;
  font-size: 18px;
}

.admin-detailed-wanted-software-name {
  z-index: 1;
  flex: 1 0;
  margin-bottom: -4px;
  font-weight: 600;
  line-height: 23px;
  position: relative;
}

.admin-detailed-wanted-software-listing-short-detail-item-pin {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  height: 19px;
  padding: 0 10px 0 0;
  display: flex;
}

.admin-detailed-wanted-software-role1 {
  color: #6941c6;
  z-index: 1;
  flex-shrink: 0;
  align-self: stretch;
  height: 19px;
  font-size: 10px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-listing-short-detail-item-pin-parent {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-icon1 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: relative;
}

.admin-detailed-wanted-software-listing-short-detail-item-date {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 0 0;
  display: flex;
}

.admin-detailed-wanted-software-listing-detail-item-value, .admin-detailed-wanted-software-listing-detail-item-value-inner {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-listing-detail-item-value-inner {
  color: #101828;
  flex-direction: row;
  padding: 0 9px 0 12px;
}

.admin-detailed-wanted-software-listing-detail-item-value {
  color: #475467;
  flex-direction: column;
  gap: 15.3px;
  font-size: 12px;
}

.admin-detailed-wanted-software-listing-detail-item, .admin-detailed-wanted-software-rectangle-parent10 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-listing-detail-item {
  text-align: left;
  color: #101828;
  flex-direction: row;
  align-self: stretch;
  padding: 0 1px;
  font-size: 16px;
}

.admin-detailed-wanted-software-rectangle-parent10 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 14px;
}

.admin-detailed-wanted-software-short-listing-team {
  color: #8e8e8e;
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  gap: 20px;
  display: flex;
}

.admin-detailed-wanted-software-footer-social-child {
  object-fit: cover;
  z-index: 1;
  width: 42px;
  height: 42px;
  position: relative;
}

.admin-detailed-wanted-software-footer-social, .admin-detailed-wanted-software-footer-social-parent {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-footer-social {
  justify-content: flex-start;
  gap: 8px;
  width: 137px;
}

.admin-detailed-wanted-software-footer-social-parent {
  flex: 1;
  justify-content: space-between;
  gap: 20px;
}

.admin-detailed-wanted-software-buttonsbutton14 {
  backdrop-filter: blur(16px);
  box-sizing: border-box;
  z-index: 3;
  background-color: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  padding: 10px 11px;
  display: flex;
  position: absolute;
  top: -22px;
  right: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-software-badge-group {
  color: #8e8e8e;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  position: relative;
}

.admin-detailed-wanted-software-badge-group, .admin-detailed-wanted-software-image-overlay3, .admin-detailed-wanted-software-work-four-wrapper {
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-image-overlay3 {
  box-sizing: border-box;
  z-index: 2;
  background: linear-gradient(#0000, #0003);
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  gap: 108px;
  max-width: 100%;
  padding: 12px 9px 8px 8px;
}

.admin-detailed-wanted-software-work-four-wrapper {
  color: #475467;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 15px 8px;
  font-size: 12px;
}

.admin-detailed-wanted-software-icon4 {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 12px;
  right: 9px;
  margin: 0 !important;
}

.admin-detailed-wanted-software-agent-details-icon, .admin-detailed-wanted-software-agent-extra-info, .admin-detailed-wanted-software-another-agent-info {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-another-agent-info {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  width: 161px;
  padding: 0 12px;
  font-size: 12px;
}

.admin-detailed-wanted-software-agent-details-icon, .admin-detailed-wanted-software-agent-extra-info {
  max-width: 100%;
}

.admin-detailed-wanted-software-agent-extra-info {
  flex-direction: column;
  flex: 1;
  gap: 15px;
}

.admin-detailed-wanted-software-agent-details-icon {
  color: #6941c6;
  flex-direction: row;
  align-self: stretch;
  font-size: 18px;
  position: relative;
}

.admin-detailed-wanted-software-testiomonial-carousel-arrow2 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: 204px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-software-frame-parent5 {
  z-index: 1;
  flex-direction: row;
  grid-template-columns: repeat(4, minmax(242px, 1fr));
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1340px;
  max-width: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 20px;
}

.admin-detailed-wanted-software-testiomonial-carousel-arrow3 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 205px;
  left: 1342px;
}

.admin-detailed-wanted-software-frame-parent4 {
  width: 100%;
  max-width: 100%;
  height: 449px;
  margin-left: 50px;
  position: relative;
}

.admin-detailed-wanted-software-listing-image-grid5 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 24px;
  font-size: 12px;
  display: flex;
}

.admin-detailed-wanted-software-testiomonial-carousel-arrow4, .admin-detailed-wanted-software-testiomonial-carousel-arrow5 {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  top: 204px;
}

.admin-detailed-wanted-software-testiomonial-carousel-arrow4 {
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-software-testiomonial-carousel-arrow5 {
  left: 1342px;
}

.admin-detailed-wanted-software-heading38 {
  white-space: pre-wrap;
  z-index: 1;
  flex-shrink: 0;
  width: 802px;
  max-width: 100%;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-rectangle-parent30, .admin-detailed-wanted-software-supporting-six-wrapper, .admin-detailed-wanted-software-supporting-work-five {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-rectangle-parent30 {
  z-index: 1;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  align-self: stretch;
  max-width: 100%;
}

.admin-detailed-wanted-software-supporting-six-wrapper, .admin-detailed-wanted-software-supporting-work-five {
  color: #fff;
  padding: 0 15px 8px;
  font-size: 14px;
}

.admin-detailed-wanted-software-supporting-six-wrapper {
  color: #6941c6;
  padding: 0 15px 6px;
  font-size: 18px;
}

.admin-detailed-wanted-software-divider-container {
  box-sizing: border-box;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 8px;
}

.admin-detailed-wanted-software-divider-container, .admin-detailed-wanted-software-icon-group, .admin-detailed-wanted-software-team-info-four {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-team-info-four {
  box-sizing: border-box;
  color: #101828;
  width: 161px;
  padding: 0 12px;
}

.admin-detailed-wanted-software-icon-group {
  color: #475467;
  align-self: stretch;
  max-width: 100%;
  font-size: 12px;
  position: relative;
}

.admin-detailed-wanted-software-testiomonial-carousel-arrow6 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-software-breadcrumb-button-base4, .admin-detailed-wanted-software-testiomonial-carousel-arrow6, .admin-detailed-wanted-software-testiomonial-carousel-arrow7 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-wanted-software-testiomonial-carousel-arrow7 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  top: 203px;
  left: 1342px;
}

.admin-detailed-wanted-software-breadcrumb-button-base4 {
  border-radius: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 7px;
  font-size: 14px;
  top: 518px;
  left: 244px;
  margin: 0 !important;
}

.admin-detailed-wanted-software-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 280px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-software-text97 {
  white-space: nowrap;
  flex-shrink: 0;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-software-breadcrumb-button-base5 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px 0 4px 8px;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 518px;
  left: 304px;
  margin: 0 !important;
}

.admin-detailed-wanted-software-chevron-right-icon4 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 524px;
  left: 409px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-detailed-wanted-software-divider-icon24 {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 712px;
  left: 0;
  margin-top: 200px !important;
}

.admin-detailed-wanted-software-placeholder-icon17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-detailed-wanted-software-text98 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-software-button2, .admin-detailed-wanted-software-text-padding4, .admin-detailed-wanted-software-text-padding5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-text-padding4 {
  flex-direction: row;
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
}

.admin-detailed-wanted-software-button2, .admin-detailed-wanted-software-text-padding5 {
  box-sizing: border-box;
}

.admin-detailed-wanted-software-button2 {
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 86px;
  height: 40px;
  padding: 10px 14px;
  overflow: hidden;
}

.admin-detailed-wanted-software-text-padding5 {
  flex-direction: row;
  width: 78px;
  height: 20px;
  padding: 0 2px;
}

.admin-detailed-wanted-software-button3, .admin-detailed-wanted-software-button4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-width: 69px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-button3 {
  box-sizing: border-box;
  color: #6941c6;
  border: 1px solid #d6bbfb;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-button4 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.admin-detailed-wanted-software-button4, .admin-detailed-wanted-software-button5, .admin-detailed-wanted-software-text-padding7 {
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-text-padding7 {
  flex-direction: row;
  flex: 1;
  width: 57px;
  padding: 0 2px;
}

.admin-detailed-wanted-software-button5 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: column;
  flex-shrink: 0;
  gap: 4px;
  width: 85px;
  height: 40px;
  padding: 10px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-actions1, .admin-detailed-wanted-software-testiomonial-carousel-arrow8, .admin-detailed-wanted-software-testiomonial-carousel-arrow9 {
  box-sizing: border-box;
  flex-direction: row;
  display: flex;
  position: absolute;
}

.admin-detailed-wanted-software-actions1 {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  padding: 0 24px 0 0;
  font-size: 14px;
  top: 609px;
  right: 158px;
  margin: 0 !important;
}

.admin-detailed-wanted-software-testiomonial-carousel-arrow8, .admin-detailed-wanted-software-testiomonial-carousel-arrow9 {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.admin-detailed-wanted-software-testiomonial-carousel-arrow8 {
  bottom: 197px;
  left: -19px;
  margin: 0 !important;
}

.admin-detailed-wanted-software-testiomonial-carousel-arrow9 {
  top: 212px;
  left: 1342px;
}

.admin-detailed-wanted-software-listing-image-grid11, .admin-detailed-wanted-software-logo1 {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-listing-image-grid11 {
  box-sizing: border-box;
  text-align: center;
  color: #fdb022;
  justify-content: flex-end;
  align-self: stretch;
  max-width: 100%;
  padding: 0 0 138px;
  font-size: 12px;
}

.admin-detailed-wanted-software-logo1 {
  background-image: url("gerator04-1@2x.a15bc2f2.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  width: 121px;
  height: 32px;
}

.admin-detailed-wanted-software-supporting-text44 {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.admin-detailed-wanted-software-logo-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  min-width: 320px;
  max-width: 320px;
  display: flex;
}

.admin-detailed-wanted-software-linkedin-logo-2-icon {
  object-fit: cover;
  width: 34px;
  height: 34px;
  min-height: 34px;
  position: relative;
}

.admin-detailed-wanted-software-brand-info {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  min-width: 335px;
  max-width: 100%;
  display: flex;
}

.admin-detailed-wanted-software-heading40, .admin-detailed-wanted-software-text123 {
  font-weight: 600;
  position: relative;
}

.admin-detailed-wanted-software-heading40 {
  align-self: stretch;
  line-height: 20px;
}

.admin-detailed-wanted-software-text123 {
  min-width: 62px;
  line-height: 24px;
  display: inline-block;
}

.admin-detailed-wanted-software-buttonsbutton27, .admin-detailed-wanted-software-footer-link1 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-software-buttonsbutton27 {
  justify-content: center;
  gap: 8px;
  overflow: hidden;
}

.admin-detailed-wanted-software-footer-link1 {
  justify-content: flex-start;
}

.admin-detailed-wanted-software-text124, .admin-detailed-wanted-software-text125, .admin-detailed-wanted-software-text126 {
  min-width: 54px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-text125, .admin-detailed-wanted-software-text126 {
  min-width: 68px;
}

.admin-detailed-wanted-software-text126 {
  min-width: 26px;
  font-weight: 500;
  line-height: 18px;
}

.admin-detailed-wanted-software-badge36, .admin-detailed-wanted-software-footer-link3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-software-badge36 {
  box-sizing: border-box;
  text-align: center;
  border: 1.5px solid #7e56d9;
  border-radius: 9999px;
  width: 42px;
  padding: 0 6px;
  font-size: 12px;
}

.admin-detailed-wanted-software-footer-link3 {
  gap: 8px;
}

.admin-detailed-wanted-software-text127, .admin-detailed-wanted-software-text128, .admin-detailed-wanted-software-text129 {
  min-width: 71px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-text128, .admin-detailed-wanted-software-text129 {
  min-width: 97px;
}

.admin-detailed-wanted-software-text129 {
  min-width: 81px;
}

.admin-detailed-wanted-software-footer-links-column, .admin-detailed-wanted-software-footer-links1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-footer-links1 {
  color: #6941c6;
  gap: 12px;
  padding: 0 26px 0 0;
  font-size: 16px;
}

.admin-detailed-wanted-software-footer-links-column {
  flex: 1;
  gap: 16px;
  min-width: 96px;
}

.admin-detailed-wanted-software-text130, .admin-detailed-wanted-software-text131, .admin-detailed-wanted-software-text132, .admin-detailed-wanted-software-text133, .admin-detailed-wanted-software-text134, .admin-detailed-wanted-software-text135 {
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-text130 {
  white-space: nowrap;
  min-width: 100px;
}

.admin-detailed-wanted-software-text131, .admin-detailed-wanted-software-text132, .admin-detailed-wanted-software-text133, .admin-detailed-wanted-software-text134, .admin-detailed-wanted-software-text135 {
  min-width: 58px;
}

.admin-detailed-wanted-software-text132, .admin-detailed-wanted-software-text133, .admin-detailed-wanted-software-text134, .admin-detailed-wanted-software-text135 {
  min-width: 66px;
}

.admin-detailed-wanted-software-text133, .admin-detailed-wanted-software-text134, .admin-detailed-wanted-software-text135 {
  min-width: 90px;
}

.admin-detailed-wanted-software-text134, .admin-detailed-wanted-software-text135 {
  min-width: 55px;
}

.admin-detailed-wanted-software-text135 {
  min-width: 63px;
}

.admin-detailed-wanted-software-footer-links2, .admin-detailed-wanted-software-links {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-footer-links2 {
  color: #6941c6;
  flex-direction: column;
  gap: 12px;
  padding: 0 44px 0 0;
  font-size: 16px;
}

.admin-detailed-wanted-software-links {
  flex-direction: row;
  flex-shrink: 0;
  gap: 32px;
  width: 320px;
  min-width: 320px;
}

.admin-detailed-wanted-software-help-icon, .admin-detailed-wanted-software-label6 {
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-label6 {
  width: 102px;
  font-weight: 500;
  line-height: 20px;
}

.admin-detailed-wanted-software-help-icon {
  width: 16px;
  height: 16px;
}

.admin-detailed-wanted-software-input-with-label6, .admin-detailed-wanted-software-input4 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.admin-detailed-wanted-software-input4 {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-input-with-label6 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-detailed-wanted-software-hint-text5 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-detailed-wanted-software-input-field2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 149px;
  display: flex;
}

.admin-detailed-wanted-software-text137 {
  min-width: 79px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-detailed-wanted-software-buttonsbutton39 {
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 8px 15px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-detailed-wanted-software-email-capture {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.admin-detailed-wanted-software-email-capture, .admin-detailed-wanted-software-links-and-newsletter, .admin-detailed-wanted-software-newsletter {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-newsletter {
  flex-direction: column;
  flex-shrink: 0;
  gap: 16px;
  width: 360px;
  max-width: 100%;
}

.admin-detailed-wanted-software-links-and-newsletter {
  box-sizing: border-box;
  color: #101828;
  flex-direction: row;
  flex: 1;
  gap: 32px;
  min-width: 640px;
  max-width: 712px;
  margin-left: -2px;
  padding: 0;
  font-size: 14px;
}

.admin-detailed-wanted-software-content8 {
  box-sizing: border-box;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1207px;
  max-width: 100%;
  padding: 0 2px 0 0;
}

.admin-detailed-wanted-software-container, .admin-detailed-wanted-software-content8, .admin-detailed-wanted-software-footer-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-container {
  flex: 1;
  max-width: 1280px;
}

.admin-detailed-wanted-software-footer-wrapper {
  box-sizing: border-box;
  flex-shrink: 0;
  align-self: stretch;
  max-width: 100%;
  padding: 0 80px;
}

.admin-detailed-wanted-software-divider-icon29, .admin-detailed-wanted-software-footer {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}

.admin-detailed-wanted-software-divider-icon29 {
  z-index: 3;
  max-height: 100%;
  position: relative;
}

.admin-detailed-wanted-software-footer {
  box-sizing: border-box;
  z-index: 2;
  background-color: #fff;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  height: 352px;
  margin-top: 250px;
  padding: 64px 0 48px;
  display: flex;
}

.admin-detailed-wanted-software-footer-text {
  line-height: 20px;
  position: relative;
}

.admin-detailed-wanted-software-brand-rights {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-detailed-wanted-software-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.admin-detailed-wanted-software-logomark, .admin-detailed-wanted-software-logomark1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-logomark1 {
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.admin-detailed-wanted-software-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
}

.admin-detailed-wanted-software-copyright-brand-details {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 29px;
  display: flex;
}

.admin-detailed-wanted-software-content10, .admin-detailed-wanted-software-logo2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-content10 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.admin-detailed-wanted-software-container1 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.admin-detailed-wanted-software-footer1, .admin-detailed-wanted-software-listings-detailed-page-devic, .admin-detailed-wanted-software-rectangle-parent {
  background-color: #fff;
  justify-content: flex-start;
  display: flex;
}

.admin-detailed-wanted-software-footer1 {
  z-index: 1;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  padding: 48px 80px;
  overflow: hidden;
}

.admin-detailed-wanted-software-listings-detailed-page-devic, .admin-detailed-wanted-software-rectangle-parent {
  align-items: flex-start;
  position: relative;
}

.admin-detailed-wanted-software-rectangle-parent {
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.admin-detailed-wanted-software-listings-detailed-page-devic {
  letter-spacing: normal;
  text-align: left;
  color: #475467;
  flex-direction: row;
  width: 100%;
  font-family: Inter;
  font-size: 16px;
  line-height: normal;
  overflow: hidden;
}

.admin-detailed-wanted-software-sharethis {
  flex-direction: row;
  width: 400px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-wanted-software-sharethis-parent {
  position: relative;
}

.admin-detailed-wanted-software-sharethis-follow {
  flex-direction: row;
  width: 600px;
  display: flex;
  position: absolute;
  bottom: 105%;
}

.admin-detailed-wanted-software-sharethis-follow-parent {
  position: relative;
}

@media screen and (width <= 1275px) {
  .admin-detailed-wanted-software-breadcrumb-controls {
    flex: 1;
    min-height: auto;
  }

  .admin-detailed-wanted-software-breadcrumb-controls1 {
    flex: 1;
  }

  .admin-detailed-wanted-software-breadcrumb-container {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-software-service-card {
    flex: 1;
  }

  .admin-detailed-wanted-software-listing-content {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-software-container, .admin-detailed-wanted-software-container1 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .admin-detailed-wanted-software-client-review, .admin-detailed-wanted-software-content4, .admin-detailed-wanted-software-description-columns-first, .admin-detailed-wanted-software-download-items, .admin-detailed-wanted-software-gallery-images, .admin-detailed-wanted-software-rectangle-group, .admin-detailed-wanted-software-third-columns-paragraphs-parent {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-software-description-block-parent {
    min-width: 100%;
  }

  .admin-detailed-wanted-software-client-feedback, .admin-detailed-wanted-software-client-message, .admin-detailed-wanted-software-listing-image-grid, .admin-detailed-wanted-software-listing-image-grid1, .admin-detailed-wanted-software-pagination-wrapper, .admin-detailed-wanted-software-review-form-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-wanted-software-heading-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-software-frame-parent5 {
    grid-template-columns: repeat(2, minmax(242px, 420px));
    justify-content: center;
  }
}

@media screen and (width <= 750px) {
  .admin-detailed-wanted-software-nav-search-avatar {
    flex-wrap: wrap;
    gap: 19px;
    min-width: 100%;
  }

  .admin-detailed-wanted-software-header-container {
    flex-wrap: wrap;
    gap: 35px;
  }

  .admin-detailed-wanted-software-rectangle-group {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .admin-detailed-wanted-software-actions, .admin-detailed-wanted-software-file-upload-item-base {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-software-empty-review {
    font-size: 45px;
    line-height: 19px;
  }

  .admin-detailed-wanted-software-heading16 {
    font-size: 29px;
    line-height: 6px;
  }

  .admin-detailed-wanted-software-review-stars {
    min-width: 100%;
  }

  .admin-detailed-wanted-software-review-container, .admin-detailed-wanted-software-review-stars {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-software-client-review-header {
    min-width: 100%;
  }

  .admin-detailed-wanted-software-card-content {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-wanted-software-service-card {
    min-width: 100%;
  }

  .admin-detailed-wanted-software-listing-content-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-wanted-software-feedback-header {
    min-width: 100%;
  }

  .admin-detailed-wanted-software-view-replies {
    box-sizing: border-box;
    padding-left: 220px;
  }

  .admin-detailed-wanted-software-frame-parent3 {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-software-textarea-input-field {
    max-width: 100%;
  }

  .admin-detailed-wanted-software-content6 {
    gap: 16px;
  }

  .admin-detailed-wanted-software-textarea-input-field1 {
    max-width: 100%;
  }

  .admin-detailed-wanted-software-review-form {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .admin-detailed-wanted-software-listing-image-grid4 {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 41px;
  }

  .admin-detailed-wanted-software-listing-image-grid11 {
    box-sizing: border-box;
    padding-bottom: 90px;
  }

  .admin-detailed-wanted-software-links {
    flex: 1;
  }

  .admin-detailed-wanted-software-links-and-newsletter {
    flex-wrap: wrap;
    gap: 16px;
    min-width: 100%;
    max-width: 100%;
  }

  .admin-detailed-wanted-software-container {
    gap: 24px;
  }

  .admin-detailed-wanted-software-footer-wrapper {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
  }

  .admin-detailed-wanted-software-footer {
    gap: 24px;
    height: auto;
  }

  .admin-detailed-wanted-software-container1 {
    gap: 16px;
  }

  .admin-detailed-wanted-software-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .admin-detailed-wanted-software-header-container {
    gap: 17px;
  }

  .admin-detailed-wanted-software-breadcrumb {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .admin-detailed-wanted-software-description-heading {
    font-size: 16px;
    line-height: 22px;
  }

  .admin-detailed-wanted-software-button-row, .admin-detailed-wanted-software-contact-details {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-software-gallery-images-container, .admin-detailed-wanted-software-gallery-images-container1 {
    box-sizing: border-box;
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .admin-detailed-wanted-software-content5 {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-detailed-wanted-software-input-dropdown {
    max-width: 100%;
  }

  .admin-detailed-wanted-software-empty-review {
    font-size: 34px;
    line-height: 14px;
  }

  .admin-detailed-wanted-software-heading16 {
    font-size: 22px;
    line-height: 4px;
  }

  .admin-detailed-wanted-software-rectangle-parent1 {
    flex: 1;
  }

  .admin-detailed-wanted-software-review-container {
    gap: 16px;
  }

  .admin-detailed-wanted-software-price {
    font-size: 21px;
    line-height: 26px;
  }

  .admin-detailed-wanted-software-header-content1, .admin-detailed-wanted-software-professional-details, .admin-detailed-wanted-software-testimonial-item {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-software-view-replies {
    box-sizing: border-box;
    padding-left: 20px;
  }

  .admin-detailed-wanted-software-review-form {
    gap: 25px;
  }

  .admin-detailed-wanted-software-frame-parent5 {
    grid-template-columns: minmax(242px, 1fr);
  }

  .admin-detailed-wanted-software-links, .admin-detailed-wanted-software-logo-and-supporting-text {
    gap: 16px;
  }

  .admin-detailed-wanted-software-email-capture {
    flex-wrap: wrap;
  }

  .admin-detailed-wanted-software-footer {
    box-sizing: border-box;
    padding-top: 42px;
    padding-bottom: 31px;
  }

  .admin-detailed-wanted-software-footer1 {
    gap: 16px;
  }
}

.custom-padding {
  padding: 0 !important;
}

.custom-banner {
  width: 500px;
  height: 200px;
}

.custom-logo {
  width: 200px;
  height: 200px;
}

.custom-banner-width, .custom-logo-width {
  width: inherit;
}

.custom-logo-top {
  top: 65px !important;
  left: 0 !important;
}

.custom-status-text-positioning {
  border: 1px solid red;
  border-radius: 12px;
  margin-top: -26px !important;
  margin-left: 650px !important;
  padding: 0 !important;
}

.custom-edit-button-positioning {
  border: 1px solid #667085;
  border-radius: 12px;
  margin-top: -26px !important;
  margin-left: 518px !important;
  padding: 0 !important;
}

.custom-verify-button-positioning {
  border: 1px solid #667085;
  border-radius: 12px;
  margin-top: -26px !important;
  margin-left: 380px !important;
  padding: 0 !important;
}

.custom-verify-button-positioning a {
  color: #667085;
}

.custom-edit-button-positioning a {
  color: #667085 !important;
}

.custom-edit-button-positioning:hover, .custom-verify-button-positioning:hover {
  background-color: #667085;
}

.custom-edit-button-positioning:hover a, .custom-verify-button-positioning:hover a {
  color: #fff !important;
}

.admin-business-display-dashboard-frame-layout-setti-child, .admin-business-display-frame-child {
  background-color: #fff;
  display: none;
  position: relative;
}

.admin-business-display-dashboard-frame-layout-setti-child {
  z-index: 1;
  align-self: stretch;
  height: 2583px;
}

.admin-business-display-frame-child {
  width: 1440px;
  max-width: 100%;
  height: 72px;
}

.admin-business-display-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.admin-business-display-logo, .admin-business-display-logo-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-logo {
  z-index: 1;
  background-image: url("gerator04-1@2x.e3071cd4.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  align-self: stretch;
  height: 32px;
}

.admin-business-display-logo-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  width: 121px;
  padding: 6px 0 0;
}

.admin-business-display-bar-chart-01-icon, .admin-business-display-dot-icon {
  width: 10px;
  height: 10px;
  display: none;
  position: relative;
}

.admin-business-display-bar-chart-01-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  overflow: hidden;
}

.admin-business-display-text {
  color: inherit;
  min-width: 30px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-business-display-content {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-business-display-text1 {
  align-self: stretch;
  font-weight: 500;
  line-height: 18px;
  position: relative;
}

.admin-business-display-badge {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-business-display-nav-item-base {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-business-display-text2, .admin-business-display-text3 {
  font-family: Inter;
  position: relative;
}

.admin-business-display-text2 {
  color: #18222f;
  text-align: left;
  min-width: 29px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.admin-business-display-text3 {
  color: #344054;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.admin-business-display-badge1, .admin-business-display-nav-item-base1 {
  background-color: #f9fafb;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-business-display-badge1 {
  box-sizing: border-box;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  display: none;
}

.admin-business-display-nav-item-base1 {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-business-display-text4 {
  color: inherit;
  min-width: 38px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-business-display-navigation, .admin-business-display-navigation-wrapper {
  justify-content: flex-start;
  display: flex;
}

.admin-business-display-navigation {
  z-index: 1;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.admin-business-display-navigation-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding: 2px 0 0;
}

.admin-business-display-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-business-display-search-lg-icon, .admin-business-display-text6 {
  position: relative;
  overflow: hidden;
}

.admin-business-display-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.admin-business-display-text6 {
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  line-height: 24px;
  text-decoration: none;
}

.admin-business-display-content3, .admin-business-display-input {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-business-display-content3 {
  flex: 1;
  gap: 8px;
}

.admin-business-display-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-frame-group, .admin-business-display-frame-parent, .admin-business-display-input-with-label {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-input-with-label {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 14px;
}

.admin-business-display-frame-group, .admin-business-display-frame-parent {
  flex-direction: row;
  max-width: 100%;
}

.admin-business-display-frame-group {
  flex: 1;
  gap: 38px;
}

.admin-business-display-frame-parent {
  gap: 70px;
  width: 754px;
}

.admin-business-display-icon {
  width: 19px;
  height: 19px;
  position: relative;
}

.admin-business-display-nav-item-button {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.admin-business-display-nav-item-button-child {
  width: 14.6px;
  height: 18.3px;
  position: relative;
}

.admin-business-display-avatar-button1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3px 0 0;
  display: flex;
}

.admin-business-display-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.admin-business-display-avatar {
  z-index: 1;
  background-image: url("avatar@3x.78ce2e7f.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-business-display-avatar-button-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.admin-business-display-dashboard-frame-layout-setti-inner, .admin-business-display-rectangle-parent {
  box-sizing: border-box;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-business-display-rectangle-parent {
  z-index: 99;
  text-align: left;
  color: #344054;
  background-color: #fff;
  flex: 1;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 64px 14px 31px;
  font-family: Inter;
  font-size: 16px;
  position: sticky;
  top: 0;
}

.admin-business-display-dashboard-frame-layout-setti-inner {
  justify-content: flex-start;
  align-self: stretch;
  padding: 0 0 135px;
}

.admin-business-display-divider-icon {
  z-index: 1;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-business-display-divider-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  margin-top: -134px;
  padding: 0 0 134px;
  display: flex;
}

.admin-business-display-home-line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-nav-item-button2, .admin-business-display-nav-item-button3 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.admin-business-display-nav-item-button3 {
  background-color: #f9fafb;
}

.admin-business-display-navigation2 {
  gap: 8px;
  padding: 0 16px;
}

.admin-business-display-navigation1, .admin-business-display-navigation2, .admin-business-display-navigation3 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-navigation1 {
  padding: 32px 0 0;
}

.admin-business-display-navigation3 {
  gap: 8px;
}

.admin-business-display-contrast-border1 {
  box-sizing: border-box;
  border: .8px solid #00000014;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.admin-business-display-avatar1 {
  background-image: url("avatar1@3x.59ce2dcb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.admin-business-display-content4, .admin-business-display-footer {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-footer {
  justify-content: flex-start;
  gap: 24px;
  padding: 0 16px 24px;
}

.admin-business-display-content4 {
  border-right: 1px solid #eaecf0;
  justify-content: space-between;
  align-self: stretch;
}

.admin-business-display-sub-nav-title {
  color: inherit;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  position: relative;
}

.admin-business-display-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-sub-nav-header {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 5px;
  padding: 0 13px 0 0;
  display: flex;
}

.admin-business-display-text7 {
  min-width: 46px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-business-display-badge3, .admin-business-display-content6, .admin-business-display-nav-item-base3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-business-display-content6 {
  flex: 1;
  gap: 12px;
  padding: 0 144px 0 0;
  display: flex;
}

.admin-business-display-badge3, .admin-business-display-nav-item-base3 {
  background-color: #f9fafb;
}

.admin-business-display-badge3 {
  box-sizing: border-box;
  text-align: center;
  color: #344054;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  height: 22px;
  padding: 2px 7px;
  font-size: 12px;
  display: none;
}

.admin-business-display-nav-item-base3 {
  color: #18222f;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  overflow: hidden;
}

.admin-business-display-text9 {
  min-width: 49px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-business-display-content7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 0 103px 0 0;
  display: flex;
}

.admin-business-display-text10 {
  width: 14px;
  min-width: 14px;
  font-weight: 500;
  line-height: 18px;
  display: inline-block;
  position: relative;
}

.admin-business-display-badge4 {
  box-sizing: border-box;
  text-align: center;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  width: 30px;
  padding: 0 7px;
  font-size: 12px;
}

.admin-business-display-badge4, .admin-business-display-content8, .admin-business-display-nav-item-base4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-business-display-nav-item-base4 {
  background-color: #fff;
  border-radius: 6px;
  align-self: stretch;
  gap: 8px;
  padding: 8px 12px;
  overflow: hidden;
}

.admin-business-display-content8 {
  flex: 1;
  gap: 12px;
  padding: 0 141px 0 0;
}

.admin-business-display-text19 {
  min-width: 48px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-business-display-content12, .admin-business-display-content5, .admin-business-display-navigation4 {
  justify-content: flex-start;
  display: flex;
}

.admin-business-display-content12 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 12px;
  padding: 0 142px 0 0;
}

.admin-business-display-content5, .admin-business-display-navigation4 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}

.admin-business-display-navigation4 {
  color: #344054;
  gap: 4px;
}

.admin-business-display-content5 {
  gap: 16px;
  padding: 36px 16px 0;
}

.admin-business-display-supporting-text, .admin-business-display-title {
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-business-display-title {
  font-weight: 600;
}

.admin-business-display-supporting-text {
  color: #475467;
  white-space: nowrap;
}

.admin-business-display-text21 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 214px;
  display: flex;
}

.admin-business-display-buttonsbutton {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: -8px;
  right: 12px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-business-display-account, .admin-business-display-sub-nav {
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-account {
  flex-direction: row;
  justify-content: flex-start;
  gap: 47px;
  padding: 0 20px 24px;
  font-size: 14px;
  position: relative;
}

.admin-business-display-sub-nav {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}

.admin-business-display-breadcrumb-button-base, .admin-business-display-sidebar-navigation {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-sidebar-navigation {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  border-right: 1px solid #eaecf0;
  flex-shrink: 0;
  width: 362px;
  max-width: 100%;
  height: 1260px;
  overflow: hidden;
}

.admin-business-display-breadcrumb-button-base {
  border-radius: 6px;
  padding: 4px;
}

.admin-business-display-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-text22 {
  color: inherit;
  min-width: 74px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-business-display-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.admin-business-display-text23 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-business-display-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: none;
}

.admin-business-display-chevron-right-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-business-display-text24 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-business-display-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.admin-business-display-text25 {
  color: inherit;
  min-width: 57px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-business-display-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.admin-business-display-tabs {
  gap: 8px;
}

.admin-business-display-breadcrumbs, .admin-business-display-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.admin-business-display-divider-icon1 {
  width: 255px;
  height: 1px;
  display: none;
  position: relative;
}

.admin-business-display-page-header {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.admin-business-display-container {
  padding: 0 32px;
}

.admin-business-display-container, .admin-business-display-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-main-child {
  border-right: 1px solid #000;
  width: 1px;
  height: 29px;
  position: relative;
}

.admin-business-display-main, .admin-business-display-main-child, .admin-business-display-main-item {
  box-sizing: border-box;
  flex-shrink: 0;
}

.admin-business-display-main-item {
  border-right: 1px solid #000;
  width: 1px;
  height: 43px;
  position: relative;
}

.admin-business-display-main {
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  height: 60px;
  padding: 32px 0 0;
  display: flex;
  overflow: hidden;
}

.admin-business-display-text26 {
  flex: 1;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-breadcrumb-button-base6, .admin-business-display-breadcrumb-button-base7 {
  box-sizing: border-box;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-business-display-breadcrumb-button-base6 {
  flex: 1;
  min-width: 47px;
  padding: 4px 8px;
}

.admin-business-display-breadcrumb-button-base7 {
  height: 28px;
  padding: 4px 7px;
}

.admin-business-display-text29 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-business-display-breadcrumbs1, .admin-business-display-tabs1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.admin-business-display-tabs1 {
  flex: 1;
  gap: 8px;
  display: flex;
}

.admin-business-display-breadcrumbs1 {
  width: 278px;
  display: none;
}

.admin-business-display-page-title {
  font-size: inherit;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-weight: 600;
  line-height: 38px;
  position: relative;
}

.admin-business-display-supporting-text1 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.admin-business-display-text-and-supporting-text {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.admin-business-display-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-business-display-text-padding {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-business-display-button, .admin-business-display-button1, .admin-business-display-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.admin-business-display-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.admin-business-display-button1, .admin-business-display-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.admin-business-display-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.admin-business-display-actions, .admin-business-display-button2, .admin-business-display-button3 {
  flex-direction: row;
  align-items: center;
}

.admin-business-display-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-actions {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.admin-business-display-text34 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 20px);
  min-width: 158px;
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-business-display-input-with-label1, .admin-business-display-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.admin-business-display-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.admin-business-display-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-business-display-content13, .admin-business-display-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-input-dropdown {
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-width: 200px;
  max-width: 320px;
}

.admin-business-display-content13 {
  box-sizing: border-box;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 16px 14px;
  padding: 0 2px 0 0;
}

.admin-business-display-content13, .admin-business-display-divider-icon2, .admin-business-display-page-header1 {
  align-self: stretch;
  max-width: 100%;
}

.admin-business-display-divider-icon2 {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-business-display-page-header1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.admin-business-display-text35 {
  color: inherit;
  min-width: 44px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-business-display-tab-button-base {
  color: #6941c6;
  border-bottom: 2px solid #7e56d9;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 9px;
  display: flex;
}

.admin-business-display-text36 {
  color: inherit;
  min-width: 62px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.admin-business-display-tab-button-base1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 4px 12px;
  display: flex;
}

.admin-business-display-badge-count, .admin-business-display-text38 {
  min-width: 38px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-badge-count {
  min-width: 8px;
  font-weight: 500;
  line-height: 18px;
}

.admin-business-display-badge10, .admin-business-display-tab-button-base3 {
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.admin-business-display-badge10 {
  text-align: center;
  color: #344054;
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 9999px;
  justify-content: flex-start;
  width: 24px;
  padding: 0 7px;
  font-size: 12px;
}

.admin-business-display-tab-button-base3 {
  justify-content: center;
  gap: 8px;
  height: 32px;
  padding: 0 4px 11px;
}

.admin-business-display-text39, .admin-business-display-text40, .admin-business-display-text43 {
  min-width: 30px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-text40, .admin-business-display-text43 {
  color: inherit;
  min-width: 42px;
  text-decoration: none;
}

.admin-business-display-text43 {
  min-width: 83px;
}

.admin-business-display-tab-button-base7 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 4px 11px;
  display: flex;
}

.admin-business-display-text45, .admin-business-display-text46 {
  min-width: 82px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-text46 {
  min-width: 24px;
}

.admin-business-display-tab-button-base9, .admin-business-display-tabs2 {
  flex-direction: row;
  display: flex;
}

.admin-business-display-tab-button-base9 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 31px;
  padding: 0 3px 12px;
}

.admin-business-display-tabs2 {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
}

.admin-business-display-container1, .admin-business-display-horizontal-tabs {
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
}

.admin-business-display-horizontal-tabs {
  color: #667085;
  border-bottom: 1px solid #eaecf0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-business-display-container1 {
  gap: 24px;
  padding: 0 32px;
}

.admin-business-display-container1, .admin-business-display-header-content, .admin-business-display-header-section1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-business-display-header-section1 {
  flex-direction: column;
  flex: 1;
}

.admin-business-display-header-content {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 0 12px;
}

.admin-business-display-text47 {
  flex: 1;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-business-display-button4, .admin-business-display-button5, .admin-business-display-text-padding4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.admin-business-display-text-padding4 {
  flex: 1;
  align-self: stretch;
  padding: 0 2px;
  display: flex;
}

.admin-business-display-button4, .admin-business-display-button5 {
  box-sizing: border-box;
  border-radius: 8px;
  gap: 4px;
  width: 86px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.admin-business-display-button5 {
  color: #6941c6;
  background-color: #fff;
  border: 1px solid #d6bbfb;
  width: 106px;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-dots-vertical-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
}

.admin-business-display-supporting-text2, .admin-business-display-toggle-title, .admin-business-display-title1 {
  align-self: stretch;
  position: relative;
}

.admin-business-display-toggle-title {
  font-weight: 600;
  line-height: 28px;
}

.admin-business-display-toggle-title1 {
  color: #7e56d9;
  font-weight: 600;
  line-height: 28px;
}

.admin-business-display-toggle-title2 {
  color: #7e56d9;
  margin: 200px 0 0 20px;
  font-weight: 600;
  line-height: 28px;
}

.admin-business-display-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
}

.admin-business-display-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.admin-business-display-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.admin-business-display-button6, .admin-business-display-toggle-base {
  border-radius: 9999px;
  flex-shrink: 0;
  overflow: hidden;
}

.admin-business-display-button6 {
  background-color: #fff;
  width: 16px;
  height: 16px;
  position: relative;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.admin-business-display-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  background-color: #f2f4f7;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
}

.admin-business-display-supporting-text3, .admin-business-display-switch-label {
  line-height: 20px;
  position: relative;
}

.admin-business-display-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  display: inline-block;
}

.admin-business-display-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.admin-business-display-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.admin-business-display-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-text49 {
  color: #fff;
  text-align: left;
  min-width: 110px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-button8, .admin-business-display-toggle-controls, .admin-business-display-toggle-header-parent {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  padding: 8px 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-toggle-controls, .admin-business-display-toggle-header-parent {
  color: #344054;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
}

.admin-business-display-toggle-header-parent {
  color: #101828;
  align-self: stretch;
  gap: 16px;
  font-size: 18px;
}

.admin-business-display-divider-icon3 {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-business-display-divider-container {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 0 4px;
  display: flex;
}

.admin-business-display-text50 {
  flex: 1;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-business-display-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.admin-business-display-label2 {
  width: 36px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-business-display-content16 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.admin-business-display-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.admin-business-display-input-field, .admin-business-display-input2 {
  justify-content: flex-start;
  display: flex;
}

.admin-business-display-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-input-field {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
}

.admin-business-display-label3 {
  width: 96px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-business-display-content17 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.admin-business-display-content15, .admin-business-display-content17, .admin-business-display-input-fields, .admin-business-display-input3 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.admin-business-display-input3 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-content15, .admin-business-display-input-fields {
  align-items: flex-start;
}

.admin-business-display-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.admin-business-display-content15 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.admin-business-display-divider {
  background-color: #eaecf0;
  align-self: stretch;
  height: 1px;
  position: relative;
}

.admin-business-display-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.admin-business-display-extra-input-info {
  color: #101828;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-business-display-content19, .admin-business-display-input4 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.admin-business-display-content19 {
  flex: 1;
  max-width: calc(100% - 28px);
}

.admin-business-display-input4 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  max-width: 100%;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-hint-text2 {
  color: #475467;
  width: 320px;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-business-display-content18, .admin-business-display-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.admin-business-display-content18 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.admin-business-display-upload-title {
  min-width: 75px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-business-display-label-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.admin-business-display-supporting-text4 {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.admin-business-display-avatar2 {
  background-image: url("avatar2@3x.0b9fc3f3.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  position: relative;
}

.admin-business-display-featured-icon {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.admin-business-display-text54 {
  min-width: 101px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-buttonsbutton1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.admin-business-display-text55 {
  color: #475467;
  min-width: 112px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.admin-business-display-supporting-text5 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.admin-business-display-text-and-supporting-text1 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.admin-business-display-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.admin-business-display-file-type {
  min-width: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.admin-business-display-cursor-icon, .admin-business-display-file-type-icon {
  position: absolute;
  margin: 0 !important;
}

.admin-business-display-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  z-index: 1;
  text-align: center;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 10px;
  bottom: 4px;
  right: 0;
}

.admin-business-display-cursor-icon {
  object-fit: cover;
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  bottom: -4px;
  right: -8px;
  overflow: hidden;
}

.admin-business-display-content23, .admin-business-display-file-upload-base {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.admin-business-display-content23 {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  position: relative;
}

.admin-business-display-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex: 1;
  align-items: flex-start;
  min-width: 278px;
  max-width: 100%;
  padding: 13px 24px;
}

.admin-business-display-avatar-and-file-upload, .admin-business-display-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.admin-business-display-avatar-and-file-upload {
  color: #6941c6;
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.admin-business-display-content25 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.admin-business-display-supporting-text6, .admin-business-display-text59 {
  line-height: 24px;
  position: relative;
}

.admin-business-display-text59 {
  min-width: 208px;
  font-weight: 500;
  display: inline-block;
}

.admin-business-display-supporting-text6 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.admin-business-display-content29 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.admin-business-display-content29, .admin-business-display-input-dropdown1, .admin-business-display-input8 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.admin-business-display-input8 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.admin-business-display-text61 {
  min-width: 126px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-business-display-content31 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.admin-business-display-input9 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-content33, .admin-business-display-input10, .admin-business-display-input9 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.admin-business-display-content33 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.admin-business-display-input10 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-label-title {
  min-width: 67px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-help-icon6 {
  width: 16px;
  height: 16px;
  position: relative;
}

.admin-business-display-heading-and-help-icon {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  display: flex;
}

.admin-business-display-supporting-text8, .admin-business-display-text66 {
  line-height: 24px;
  position: relative;
}

.admin-business-display-text66 {
  font-weight: 500;
}

.admin-business-display-supporting-text8 {
  color: #475467;
  white-space: nowrap;
  min-width: 89px;
  display: inline-block;
}

.admin-business-display-content41 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 116px 0 0;
}

.admin-business-display-content41, .admin-business-display-form-content, .admin-business-display-form-content-wrapper, .admin-business-display-input14 {
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-business-display-input14 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-form-content, .admin-business-display-form-content-wrapper {
  align-items: flex-start;
}

.admin-business-display-form-content {
  flex-direction: column;
  flex: 1;
  gap: 20px;
}

.admin-business-display-form-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px;
}

.admin-business-display-write-a-short {
  margin-block: 0 14px;
}

.admin-business-display-this-is-also {
  margin: 0;
}

.admin-business-display-dropdown-placeholder {
  min-width: 59px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-business-display-content43 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  min-width: 59px;
}

.admin-business-display-content43, .admin-business-display-input-dropdown8, .admin-business-display-input15 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.admin-business-display-input15 {
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-input-dropdown8 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 156px;
  max-width: 240px;
}

.admin-business-display-wysiwyg-editor-icon, .admin-business-display-wysiwyg-editor-icon2 {
  border-radius: 6px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  min-height: 32px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-wysiwyg-editor-icon2 {
  display: none;
}

.admin-business-display-icons, .admin-business-display-wysiwyg-toolbar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.admin-business-display-wysiwyg-toolbar {
  align-self: stretch;
  align-items: center;
  gap: 12px;
  padding: 0 84px 0 0;
}

.admin-business-display-label16 {
  width: 77px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-business-display-text68 {
  flex: 1;
  max-width: 100%;
  height: 130px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-business-display-input16, .admin-business-display-textarea-input-field {
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
}

.admin-business-display-input16 {
  box-sizing: border-box;
  color: #101828;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 13px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-textarea-input-field {
  gap: 6px;
}

.admin-business-display-content45, .admin-business-display-file-upload-base1, .admin-business-display-textarea-input-field, .admin-business-display-toolbar-and-text-input {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.admin-business-display-toolbar-and-text-input {
  flex: 1;
  align-items: flex-start;
  gap: 12px;
  min-width: 480px;
  max-width: 512px;
}

.admin-business-display-content45, .admin-business-display-file-upload-base1 {
  align-self: stretch;
  align-items: center;
}

.admin-business-display-content45 {
  gap: 12px;
}

.admin-business-display-file-upload-base1 {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: 14px 23px;
}

.admin-business-display-page-icon1 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -12px;
  margin: 0 !important;
}

.admin-business-display-file-type-wrap1 {
  z-index: 1;
  background-color: #da2d20;
  border-radius: 2px;
  flex-direction: row;
  padding: 2px 3px;
}

.admin-business-display-file-type-wrap1, .admin-business-display-item-container, .admin-business-display-item-info-container {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-item-info-container {
  flex-direction: row;
  position: relative;
}

.admin-business-display-item-container {
  flex-direction: column;
  padding: 18px 0 0;
}

.admin-business-display-supporting-text13, .admin-business-display-uploaded-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-uploaded-file-name {
  font-weight: 500;
}

.admin-business-display-supporting-text13 {
  color: #475467;
}

.admin-business-display-background, .admin-business-display-progress {
  background-color: #eaecf0;
  border-radius: 9999px;
  align-self: stretch;
  width: 379px;
  max-width: 100%;
  display: none;
  position: relative;
}

.admin-business-display-progress {
  background-color: #7e56d9;
}

.admin-business-display-item-progress-info, .admin-business-display-progress-bar {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-business-display-progress-bar {
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 9999px;
  flex-direction: row;
  width: 379px;
  height: 8px;
}

.admin-business-display-item-progress-info {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  min-width: 278px;
}

.admin-business-display-checkbox-base-icon {
  border-radius: 4px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-select-file-checkbox {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 21px;
  display: flex;
}

.admin-business-display-percentage {
  min-width: 37px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-item-status {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  margin-left: -37px;
  display: flex;
}

.admin-business-display-file-upload-item-base, .admin-business-display-item-progress-container {
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-business-display-item-progress-container {
  text-align: left;
  color: #344054;
  flex: 1;
  justify-content: center;
  row-gap: 20px;
  min-width: 278px;
  font-size: 14px;
}

.admin-business-display-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  justify-content: flex-start;
  align-self: stretch;
  gap: 25px;
  padding: 14px 15px 14px 16px;
}

.admin-business-display-page-icon2 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -9px;
  margin: 0 !important;
}

.admin-business-display-file-type2 {
  min-width: 23px;
  display: inline-block;
  position: relative;
}

.admin-business-display-file-type-wrap2 {
  z-index: 1;
  background-color: #155eef;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.admin-business-display-text71 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  max-width: 100%;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.admin-business-display-buttonsbutton3 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
  position: absolute;
  top: calc(50% - 18px);
  right: -8px;
  overflow: hidden;
  margin: 0 !important;
}

.admin-business-display-progress-bar-container {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
  position: relative;
}

.admin-business-display-background1, .admin-business-display-progress1 {
  border-radius: 9999px;
  position: relative;
}

.admin-business-display-background1 {
  background-color: #eaecf0;
  align-self: stretch;
  width: 386px;
  max-width: 100%;
  display: none;
}

.admin-business-display-progress1 {
  z-index: 1;
  background-color: #7e56d9;
  width: 155.5px;
  height: 8px;
}

.admin-business-display-progress-bar-wrapper, .admin-business-display-progress-bar1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-business-display-progress-bar1 {
  background-color: #eaecf0;
  border-radius: 9999px;
  flex-direction: row;
  align-self: stretch;
}

.admin-business-display-progress-bar-wrapper {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  min-width: 251px;
  padding: 6px 0 0;
}

.admin-business-display-percentage1 {
  min-width: 33px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-progress-bar-container1 {
  flex-direction: row;
  align-self: stretch;
  gap: 9px;
}

.admin-business-display-file-upload-item-base1, .admin-business-display-progress-bar-container-parent, .admin-business-display-progress-bar-container1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-business-display-progress-bar-container-parent {
  text-align: left;
  color: #344054;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 278px;
  font-size: 14px;
}

.admin-business-display-file-upload-item-base1 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  align-self: stretch;
  gap: 22px;
  padding: 14px 15px 14px 16px;
}

.admin-business-display-page-icon3 {
  width: 32px;
  height: 40px;
  position: absolute;
  top: -18px;
  right: -15px;
  margin: 0 !important;
}

.admin-business-display-file-type3 {
  min-width: 17px;
  display: inline-block;
  position: relative;
}

.admin-business-display-file-type-wrap3, .admin-business-display-progress2 {
  z-index: 1;
  background-color: #7e56d9;
}

.admin-business-display-file-type-wrap3 {
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 3px;
  display: flex;
}

.admin-business-display-progress2 {
  border-radius: 9999px;
  width: 311.1px;
  height: 8px;
  position: relative;
}

.admin-business-display-percentage2 {
  min-width: 32px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-file-upload-item-base2, .admin-business-display-frame-div {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  max-width: 100%;
  display: flex;
}

.admin-business-display-file-upload-item-base2 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  gap: 28px;
  padding: 14px 15px 14px 16px;
}

.admin-business-display-file-queue {
  text-align: center;
  color: #fff;
  flex-direction: column;
  align-self: stretch;
  gap: 12px;
  max-width: 100%;
  font-size: 10px;
}

.admin-business-display-content-wrapper, .admin-business-display-content44, .admin-business-display-file-queue, .admin-business-display-file-upload {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-file-upload {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  min-width: 480px;
  max-width: 512px;
}

.admin-business-display-content-wrapper, .admin-business-display-content44 {
  flex-direction: row;
  max-width: 100%;
}

.admin-business-display-content44 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.admin-business-display-content-wrapper {
  box-sizing: border-box;
  color: #344054;
  align-self: stretch;
  padding: 0 32px 4px;
}

.admin-business-display-text73 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.admin-business-display-button9, .admin-business-display-buttonsbutton5 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.admin-business-display-buttonsbutton5 {
  gap: 6px;
  height: 20px;
}

.admin-business-display-button9 {
  border-radius: 8px;
  align-self: stretch;
  gap: 4px;
  padding: 10px 14px;
}

.admin-business-display-text75 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-button10, .admin-business-display-text-padding7 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-business-display-button10 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-main1 {
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  max-width: 100%;
  padding: 32px 0 48px;
  display: flex;
  overflow: hidden;
}

.admin-business-display-main-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 1038px;
  padding: 0 24px;
}

.admin-business-display-main-parent, .admin-business-display-main-wrapper, .admin-business-display-sidebar-navigation-parent {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-business-display-main-parent {
  color: #475467;
  flex-direction: column;
  flex: 1;
  min-width: 701px;
  font-size: 14px;
}

.admin-business-display-sidebar-navigation-parent {
  box-sizing: border-box;
  text-align: left;
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  row-gap: 20px;
  margin-top: -134px;
  padding: 0 0 137px;
  font-family: Inter;
  font-size: 16px;
}

.admin-business-display-footer-text {
  line-height: 20px;
  position: relative;
}

.admin-business-display-logo-container {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.admin-business-display-gerator-10-2-icon {
  object-fit: cover;
  width: 38px;
  height: 38px;
  position: relative;
}

.admin-business-display-logomark1 {
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 1.3px 3.75px #1018281a, 0 1.3px 2.5px #1018280f;
}

.admin-business-display-logo-wrapper1, .admin-business-display-logomark, .admin-business-display-logomark1 {
  flex-direction: row;
  display: flex;
}

.admin-business-display-logomark {
  filter: drop-shadow(0 1.3px 3.75px #1018281a) drop-shadow(0 1.3px 2.5px #1018280f);
  justify-content: flex-start;
  align-items: flex-start;
}

.admin-business-display-logo-wrapper1 {
  justify-content: center;
  align-items: center;
  gap: 29px;
}

.admin-business-display-content47, .admin-business-display-logo1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-content47 {
  flex-wrap: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
}

.admin-business-display-container2 {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  display: flex;
}

.admin-business-display-divider-icon5, .admin-business-display-footer1 {
  align-self: stretch;
  margin-top: -134px;
  overflow: hidden;
}

.admin-business-display-footer1 {
  z-index: 1;
  text-align: left;
  color: #475467;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 48px 80px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.admin-business-display-divider-icon5 {
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.admin-business-display-dashboard-frame-layout-setti, .admin-business-display-dashboard-frame-layout-setti1 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-dashboard-frame-layout-setti1 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
  min-height: 1480px;
  padding: 7px 0 0;
}

.admin-business-display-dashboard-frame-layout-setti {
  letter-spacing: normal;
  flex-direction: row;
  width: 100%;
  line-height: normal;
  position: relative;
  overflow: hidden;
}

.admin-business-display-span {
  color: #f04438;
}

.admin-business-display-tagged-inputs {
  z-index: 1;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.admin-business-display-input-field12 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  display: flex;
}

.admin-business-display-input-with-label19 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  padding: 0 20px 0 0;
  display: flex;
}

.admin-business-display-label21 {
  text-align: left;
  min-width: 50px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.admin-business-display-transaction-type {
  color: #344054;
}

.admin-business-display-file-button-container {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.admin-business-display-buttonsbutton4 {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  display: flex;
  overflow: hidden;
}

.admin-business-display-search-lg-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-text-padding6 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.admin-business-display-content-display-div {
  border: none;
  border-radius: 10px;
  width: 100%;
  height: 900px;
  box-shadow: 0 0 10px #80808080;
}

.admin-business-display-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  margin: -24px 0 0 45px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-marker-pin-02-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 16px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-bookmark-check-icon {
  z-index: 1;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-bookmark-check-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 20px;
  margin: -58px 0 0 780px;
  padding: 11px 0 0;
  display: flex;
}

.admin-business-display-supporting-text-container {
  box-sizing: border-box;
  text-align: center;
  color: #475467;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 114px;
  margin: -30px 0 0 800px;
  padding: 9px 0 0;
  font-size: 12px;
  display: flex;
}

.admin-business-display-supporting-text22 {
  z-index: 1;
  align-self: stretch;
  min-width: 114px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-business-display-rectangle-group {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 14px 13px 15px;
  display: flex;
  margin: 0 !important;
}

.admin-business-display-frame-item {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 261px;
  height: 261px;
  display: none;
  position: relative;
}

.admin-business-display-rectangle-container {
  z-index: 3;
  background-color: #f5f5f5;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.admin-business-display-frame-inner {
  background-color: #f5f5f5;
  border-radius: 12px;
  width: 230px;
  height: 230px;
  display: none;
  position: relative;
}

.admin-business-display-f4b711e503bc72fe396e5043e0c2-7-icon {
  object-fit: cover;
  z-index: 4;
  object-fit: cover;
  z-index: 1;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  width: 100%;
  height: 155px;
  position: relative;
}

.admin-business-display-details {
  background-color: #f9fafb;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-flow: wrap;
  place-content: center space-between;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  width: 90%;
  padding: 18px 23px;
  font-size: 14px;
  display: flex;
  overflow-x: auto;
}

.admin-business-display-text32 {
  min-width: 85px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-business-display-label-and-text {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.admin-business-display-label-and-text1 {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 126px;
  display: flex;
}

.admin-business-display-label-and-text2 {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 114px;
  display: flex;
}

.admin-business-display-label-and-text3 {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 198px;
  display: flex;
}

.admin-business-display-text14 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-business-display-buttonsbutton6 {
  color: #344054;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.admin-business-display-chevron-down-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.admin-business-display-text33 {
  white-space: nowrap;
  min-width: 126px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-business-display-text14a {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.admin-business-display-buttonsbutton8 {
  color: #6941c6;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  display: flex;
  overflow: hidden;
}

.admin-business-display-text35a {
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.admin-business-display-content4a {
  z-index: 1;
  flex-flow: wrap;
  flex: 1;
  place-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  margin: 20px 0 0 20px;
  display: flex;
}

.admin-business-display-about {
  flex-direction: column;
  flex: 1;
  min-width: 720px;
}

.admin-business-display-paragraph-and-social-icons {
  flex-flow: wrap;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.admin-business-display-paragraph-and-button {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 640px;
  min-width: 480px;
  max-width: 640px;
  padding: 0;
  display: flex;
}

.admin-business-display-paragraph {
  flex-shrink: 0;
  width: 817px;
  max-width: 128%;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-business-display-paragraph1 {
  flex-shrink: 0;
  width: 817px;
  max-width: 128%;
  margin: 20px 0 0 20px;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-business-display-as-lawmakers-seek {
  margin-block: 0 16px;
  font-weight: 600;
}

.admin-business-display-the-texas-hospital {
  white-space: pre-wrap;
  margin: 0;
}

.admin-business-display-buttonsbutton5a {
  color: #6941c6;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 130px;
  height: 20px;
  font-size: 14px;
  display: flex;
  overflow: hidden;
}

.admin-business-display-text31 {
  align-self: stretch;
  width: 73px;
  font-weight: 600;
  line-height: 20px;
  display: none;
  position: relative;
}

.admin-business-display-dashboard-arrow-square-up-right-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 0 0;
  display: flex;
}

.admin-business-display-dashboard-arrow-square-up-right-icon1 {
  z-index: 2;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-badge-icon1 {
  flex-shrink: 0;
  width: max-content;
  height: max-content;
  min-height: 20px;
  position: relative;
  top: 5px;
  overflow: hidden;
}

.admin-business-display-dots-icon1 {
  flex-shrink: 0;
  width: max-content;
  height: max-content;
  min-height: 20px;
  position: relative;
  top: 8px;
  overflow: hidden;
}

.admin-business-display-dropdown-wrapper {
  z-index: 3;
  position: absolute;
  top: 295px;
  right: 20px;
}

.business-form-contact-button {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: max-content;
  display: flex;
}

.business-form-message-button {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  display: flex;
}

.business-form-navigation {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.business-form-bookmark-check-icon {
  z-index: 2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.business-form-supporting-text10 {
  z-index: 2;
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.admin-business-display-heading-parent {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.admin-business-display-heading1 {
  z-index: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.admin-business-display-download-items-parent {
  z-index: 1;
  text-align: center;
  color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  font-size: 9px;
  display: flex;
}

.admin-business-display-download-items-parent-custom {
  max-width: 50% !important;
}

.admin-business-display-download-items {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  display: flex;
}

.admin-business-display-file-upload-item-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  min-width: 287px;
  max-width: 100%;
  padding: 14px 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.admin-business-display-progress-fill-icon {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  margin: 0 !important;
}

.admin-business-display-file-type-icon {
  box-sizing: border-box;
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40px;
  height: 40px;
  padding: 0 4px;
  display: flex;
}

.admin-business-display-page-icon {
  width: 32px;
  height: 40px;
  position: relative;
}

.admin-business-display-file-type {
  z-index: 1;
  align-self: stretch;
  margin-top: -17px;
  position: relative;
}

.admin-business-display-download-info {
  text-align: left;
  color: #344054;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 326px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.admin-business-display-supporting-text3 {
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  position: relative;
  overflow: hidden;
}

.admin-business-display-upload-footer {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  padding: 0 32px;
  display: flex;
}

.admin-business-display-section-footer {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.admin-business-display-divider-icon4 {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  overflow: hidden;
}

.admin-business-display-content46 {
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 20px;
  max-width: 100%;
  display: flex;
}

.admin-business-display-actions1 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  padding: 0 0 0 769px;
  display: flex;
}

.admin-business-display-button11, .admin-business-display-button12 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.admin-business-display-text-padding8 {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 1px;
  display: flex;
}

.admin-business-display-text76 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

@media screen and (width <= 1275px) {
  .admin-business-display-main1 {
    box-sizing: border-box;
    padding-top: 154px;
    padding-bottom: 20px;
  }

  .admin-business-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 58px;
  }

  .admin-business-display-container2 {
    max-width: 100%;
  }
}

@media screen and (width <= 1100px) {
  .admin-business-display-download-items, .admin-business-display-tabs2, .admin-business-display-toggle-header-parent {
    flex-wrap: wrap;
  }

  .admin-business-display-content18 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .admin-business-display-actions1 {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-left: 384px;
  }
}

@media screen and (width <= 750px) {
  .admin-business-display-file-upload-item-base {
    flex-wrap: wrap;
  }

  .admin-business-display-frame-group {
    gap: 19px;
  }

  .admin-business-display-frame-parent {
    gap: 35px;
  }

  .admin-business-display-rectangle-parent {
    box-sizing: border-box;
    padding-right: 32px;
  }

  .admin-business-display-main {
    gap: 16px;
  }

  .admin-business-display-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .admin-business-display-actions {
    flex-wrap: wrap;
  }

  .admin-business-display-input-dropdown {
    max-width: 100%;
  }

  .admin-business-display-input-fields, .admin-business-display-toggle-controls {
    flex-wrap: wrap;
  }

  .admin-business-display-input-field1, .admin-business-display-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .admin-business-display-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .admin-business-display-avatar-and-file-upload, .admin-business-display-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .admin-business-display-content41, .admin-business-display-input14 {
    flex-wrap: wrap;
  }

  .admin-business-display-wysiwyg-toolbar {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-right: 42px;
  }

  .admin-business-display-toolbar-and-text-input {
    min-width: 100%;
    max-width: 100%;
  }

  .admin-business-display-file-upload-item-base, .admin-business-display-file-upload-item-base1, .admin-business-display-file-upload-item-base2, .admin-business-display-frame-div, .admin-business-display-item-progress-container, .admin-business-display-progress-bar-container1 {
    flex-wrap: wrap;
  }

  .admin-business-display-file-upload {
    max-width: 100%;
  }

  .admin-business-display-file-upload, .admin-business-display-main-parent {
    min-width: 100%;
  }

  .admin-business-display-sidebar-navigation-parent {
    box-sizing: border-box;
    padding-bottom: 38px;
  }

  .admin-business-display-container2 {
    gap: 16px;
  }

  .admin-business-display-footer1 {
    box-sizing: border-box;
    gap: 32px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (width <= 450px) {
  .admin-business-display-frame-parent {
    gap: 17px;
  }

  .admin-business-display-account {
    gap: 23px;
  }

  .admin-business-display-tabs1 {
    flex-wrap: wrap;
  }

  .admin-business-display-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .admin-business-display-content15 {
    gap: 16px;
  }

  .admin-business-display-content18 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .admin-business-display-action {
    flex-wrap: wrap;
  }

  .admin-business-display-content29, .admin-business-display-content41 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .admin-business-display-content41 {
    padding-right: 58px;
  }

  .admin-business-display-input15 {
    flex-wrap: wrap;
  }

  .admin-business-display-wysiwyg-toolbar {
    box-sizing: border-box;
    padding-right: 20px;
  }

  .admin-business-display-item-status {
    margin-left: 0;
  }

  .admin-business-display-content44 {
    gap: 16px;
  }

  .admin-business-display-actions1 {
    box-sizing: border-box;
    padding-left: 192px;
  }

  .admin-business-display-footer1 {
    gap: 16px;
  }
}

.update-profile-view-input-disabled {
  pointer-events: none;
  background-color: #f2f4f7 !important;
}

.update-profile-view-input-disabled-color {
  color: light-dark(#545454, #aaa) !important;
}

.profile-setting-toggle-header-parent {
  color: #101828;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  font-size: 18px;
  display: flex;
}

.profile-setting-toggle-header {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  display: flex;
}

.profile-setting-toggle-title {
  align-self: stretch;
  font-weight: 600;
  line-height: 28px;
  position: relative;
}

.profile-setting-supporting-text2 {
  color: #475467;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: stretch;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.profile-setting-toggle-controls {
  color: #344054;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  font-size: 14px;
  display: flex;
}

.profile-setting-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 40px 10px 15px;
  display: flex;
}

.profile-setting-frame-item {
  background-color: #fff;
  width: 156px;
  height: 40px;
  display: none;
  position: relative;
}

.profile-setting-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.profile-setting-switch-label1 {
  letter-spacing: -.02px;
  z-index: 1;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.profile-setting-switch-label1.active {
  background-color: #0000;
  font-weight: bold;
}

.profile-setting-switch-label.active {
  color: #6941c6;
  background-color: #0000;
  font-weight: bold;
}

.profile-setting-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.profile-setting-button6a {
  background-color: #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: left .3s;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.profile-setting-button6a.left {
  left: 0;
}

.profile-setting-button6a.right {
  background-color: #6941c6;
  left: 20px;
}

.profile-setting-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  line-height: 20px;
  display: none;
  position: relative;
}

.profile-setting-button7 {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.profile-setting-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.profile-setting-button-labels {
  color: #344054;
  text-align: left;
  min-width: 63px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.profile-setting-button8 {
  cursor: pointer;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px 16px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.profile-setting-button8:hover {
  background-color: #6941c6;
}

.profile-setting-text49 {
  color: #fff;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.update-profile-view-gerator-04-1-icon1 {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.update-profile-view-logo1 {
  background-image: url("gerator04-1@2x.22f76bdb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 121px;
  height: 32px;
  display: flex;
}

.update-profile-view-featured-icon8 {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.update-profile-view-step-labels, .update-profile-view-supporting-text9 {
  line-height: 24px;
  position: relative;
}

.update-profile-view-step-labels {
  align-self: stretch;
  font-weight: 600;
}

.update-profile-view-supporting-text9 {
  color: #475467;
}

.update-profile-view-step-elements, .update-profile-view-step-labels-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.update-profile-view-step-labels-parent {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
}

.update-profile-view-step-elements {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.update-profile-view-connector4 {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  position: relative;
}

.update-profile-view-progress-connectors, .update-profile-view-step-base4, .update-profile-view-step-base5 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 23px;
  display: flex;
}

.update-profile-view-step-base4, .update-profile-view-step-base5 {
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  padding: 0 0 4px;
}

.update-profile-view-step-base5 {
  opacity: .6;
}

.update-profile-view-featured-icon10 {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.update-profile-view-connector-wrap2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0 0 4px;
  display: flex;
}

.update-profile-view-supporting-text11 {
  color: #475467;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.update-profile-view-step-base6, .update-profile-view-text-and-supporting-text2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.update-profile-view-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
  padding: 0 0 32px;
}

.update-profile-view-step-base6 {
  opacity: .6;
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.update-profile-view-connector7 {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  display: none;
  position: relative;
}

.update-profile-view-connector-wrap3, .update-profile-view-progress-steps-progress-icon1 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.update-profile-view-connector-wrap3 {
  box-sizing: border-box;
  align-items: center;
  gap: 4px;
  height: 82px;
  padding: 0 0 4px;
}

.update-profile-view-progress-steps-progress-icon1 {
  align-self: stretch;
  align-items: flex-start;
}

.update-profile-view-progress-container, .update-profile-view-progress-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.update-profile-view-progress-container {
  flex-direction: column;
  flex: 1;
  gap: 79.5px;
}

.update-profile-view-progress-container-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 380px;
  padding: 0 18px;
}

.update-profile-view-progress-container-wrapper-custom-padding-width {
  width: auto !important;
  padding: 0 !important;
}

.update-profile-view-text40 {
  width: 125px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.update-profile-view-mail-01-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.update-profile-view-helpuntitleduicom1 {
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.update-profile-view-footer4 {
  flex-direction: row;
  justify-content: flex-start;
  gap: 7px;
  width: 188px;
  height: 20px;
}

.update-profile-view-footer4, .update-profile-view-section2, .update-profile-view-text-container {
  align-items: flex-start;
  display: flex;
}

.update-profile-view-text-container {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  font-size: 14px;
}

.update-profile-view-section2 {
  box-sizing: border-box;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 1008px;
  min-width: 286px;
  max-width: 440px;
  padding: 32.5px 13px 32px 14px;
}

.update-profile-view-home-line-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.update-profile-view-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.update-profile-view-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.update-profile-view-text41 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.update-profile-view-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.update-profile-view-text42 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.update-profile-view-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: flex;
}

.update-profile-view-text43 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.update-profile-view-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.update-profile-view-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.update-profile-view-text44 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.update-profile-view-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.update-profile-view-breadcrumbs, .update-profile-view-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.update-profile-view-tabs {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.update-profile-view-breadcrumbs {
  width: 278px;
  display: none;
}

.update-profile-view-page-title {
  color: inherit;
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
  position: relative;
}

.update-profile-view-supporting-text13 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.update-profile-view-text-and-supporting-text4 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.update-profile-view-placeholder-icon16 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.update-profile-view-text45 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.update-profile-view-text-padding8 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.update-profile-view-button, .update-profile-view-button1, .update-profile-view-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.update-profile-view-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.update-profile-view-button1, .update-profile-view-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.update-profile-view-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.update-profile-view-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.update-profile-view-actions4, .update-profile-view-button2, .update-profile-view-button3 {
  flex-direction: row;
  align-items: center;
}

.update-profile-view-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.update-profile-view-actions4 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.update-profile-view-label, .update-profile-view-text49 {
  position: relative;
}

.update-profile-view-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.update-profile-view-text49 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.update-profile-view-content8 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.update-profile-view-content8, .update-profile-view-input, .update-profile-view-input-with-label {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.update-profile-view-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.update-profile-view-input-with-label {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.update-profile-view-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.update-profile-view-content7, .update-profile-view-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
}

.update-profile-view-input-dropdown {
  color: #344054;
  flex-direction: column;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  display: none;
}

.update-profile-view-content7 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 20px 16px;
  display: flex;
}

.update-profile-view-content7, .update-profile-view-divider-icon, .update-profile-view-page-header {
  align-self: stretch;
  max-width: 100%;
}

.update-profile-view-divider-icon {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.update-profile-view-page-header {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.update-profile-view-container3 {
  box-sizing: border-box;
  padding: 0 32px;
}

.update-profile-view-container3, .update-profile-view-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.update-profile-view-header-section-custom-margin {
  margin-top: 30px;
}

.update-profile-view-text50 {
  color: #344054;
  text-align: left;
  flex: 1;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.update-profile-view-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.update-profile-view-label1 {
  color: #344054;
  text-align: left;
  width: 36px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.update-profile-view-content10 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.update-profile-view-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.update-profile-view-input-with-label1, .update-profile-view-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.update-profile-view-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.update-profile-view-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.update-profile-view-hint-text1 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.update-profile-view-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
  display: flex;
}

.update-profile-view-label2 {
  color: #344054;
  text-align: left;
  width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.update-profile-view-content11 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.update-profile-view-content11, .update-profile-view-content9, .update-profile-view-input-fields, .update-profile-view-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.update-profile-view-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.update-profile-view-content9, .update-profile-view-input-fields {
  align-items: flex-start;
}

.update-profile-view-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.update-profile-view-content9 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.update-profile-view-divider, .update-profile-view-text51 {
  align-self: stretch;
  position: relative;
}

.update-profile-view-divider {
  background-color: #eaecf0;
  height: 1px;
}

.update-profile-view-text51 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.update-profile-view-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.update-profile-view-text52 {
  color: #667085;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.update-profile-view-content13, .update-profile-view-input-with-label3, .update-profile-view-input3 {
  justify-content: flex-start;
  display: flex;
}

.update-profile-view-content13 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  max-width: calc(100% - 28px);
}

.update-profile-view-input-with-label3, .update-profile-view-input3 {
  align-self: stretch;
  max-width: 100%;
}

.update-profile-view-input3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.update-profile-view-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.update-profile-view-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.update-profile-view-content12, .update-profile-view-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.update-profile-view-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.update-profile-view-content12 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.update-profile-view-text53, .update-profile-view-text55 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.update-profile-view-text53 {
  align-self: stretch;
}

.update-profile-view-text55 {
  min-width: 75px;
  display: inline-block;
}

.update-profile-view-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.update-profile-view-heading-and-help-icon, .update-profile-view-help-icon-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.update-profile-view-help-icon-wrapper {
  flex-direction: column;
  padding: 2px 0 0;
}

.update-profile-view-heading-and-help-icon {
  flex-direction: row;
  gap: 2px;
}

.update-profile-view-supporting-text14 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.update-profile-view-avatar, .update-profile-view-contrast-border {
  border-radius: 9999px;
  width: 64px;
  height: 64px;
}

.update-profile-view-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.update-profile-view-avatar {
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.update-profile-view-featured-icon12 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.update-profile-view-text56 {
  color: #6941c6;
  text-align: left;
  min-width: 101px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.update-profile-view-buttonsbutton8 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.update-profile-view-text57 {
  color: #475467;
  text-align: left;
  min-width: 112px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.update-profile-view-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.update-profile-view-supporting-text15 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.update-profile-view-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.update-profile-view-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.update-profile-view-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.update-profile-view-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.update-profile-view-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.update-profile-view-cursor-icon {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 28px;
  left: 28px;
  overflow: hidden;
}

.update-profile-view-file {
  z-index: 1;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 4px;
  right: 0;
  margin: 0 !important;
}

.update-profile-view-content17 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
  position: relative;
}

.update-profile-view-file-upload, .update-profile-view-file-upload-base {
  align-items: flex-start;
  max-width: 100%;
}

.update-profile-view-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #7e56d9;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  padding: 13px 22px;
  display: flex;
}

.update-profile-view-file-upload {
  min-width: 278px;
}

.update-profile-view-avatar-and-file-upload, .update-profile-view-content19, .update-profile-view-file-upload {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.update-profile-view-avatar-and-file-upload {
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.update-profile-view-content19 {
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.update-profile-view-supporting-text16, .update-profile-view-text61 {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.update-profile-view-text61 {
  color: #101828;
  min-width: 68px;
  font-weight: 500;
  display: inline-block;
}

.update-profile-view-supporting-text16 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.update-profile-view-content23 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.update-profile-view-content-custom-23 {
  box-sizing: border-box;
  background-color: #fff;
  border: none;
  outline: none;
  flex-direction: row;
  flex: 1;
  align-items: center;
}

.update-profile-view-content23, .update-profile-view-input-dropdown1, .update-profile-view-input7 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.update-profile-view-input7 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.update-profile-view-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.update-profile-view-text63 {
  color: #667085;
  text-align: left;
  min-width: 126px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.update-profile-view-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.update-profile-view-input8 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.update-profile-view-content-container, .update-profile-view-content27, .update-profile-view-content32, .update-profile-view-input8 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.update-profile-view-content27 {
  color: #667085;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.update-profile-view-content-container, .update-profile-view-content32 {
  box-sizing: border-box;
  align-items: flex-start;
}

.update-profile-view-content32 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
}

.update-profile-view-content-container {
  align-self: stretch;
  padding: 0 0 4px;
}

.update-profile-view-divider-icon1, .update-profile-view-text68 {
  align-self: stretch;
  position: relative;
}

.update-profile-view-divider-icon1 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.update-profile-view-text68 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.update-profile-view-buttonsbutton9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.update-profile-view-button4, .update-profile-view-text69 {
  align-self: stretch;
}

.update-profile-view-text69 {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.update-profile-view-button4 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.update-profile-view-text70 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.update-profile-view-button5, .update-profile-view-text-padding13 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.update-profile-view-button5 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.update-profile-view-text71 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.update-profile-view-text71-custom {
  min-width: 50px !important;
}

.update-profile-view-text-padding14 {
  box-sizing: border-box;
  justify-content: center;
  width: 37px;
  padding: 0 1px;
}

.update-profile-view-actions5, .update-profile-view-button6, .update-profile-view-content34, .update-profile-view-section-footer, .update-profile-view-text-padding14 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.update-profile-view-button6 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  width: 65px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.update-profile-view-button6-custom-width {
  width: 100px !important;
}

.update-profile-view-actions5, .update-profile-view-content34, .update-profile-view-section-footer {
  justify-content: flex-end;
  max-width: 100%;
}

.update-profile-view-actions5 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.update-profile-view-actions5-custom-padding {
  padding: 0 !important;
}

.update-profile-view-content34, .update-profile-view-section-footer {
  align-self: stretch;
  gap: 20px;
}

.update-profile-view-content34-custom-align-self {
  padding-right: 105px;
  align-self: flex-end !important;
}

.update-profile-view-section-footer {
  flex-direction: column;
  justify-content: flex-start;
}

.update-profile-view-content-elements, .update-profile-view-content-elements-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.update-profile-view-content-elements {
  flex-direction: column;
  flex: 1;
  gap: 20px;
  margin: 0;
  padding: 0 32px;
}

.update-profile-view-content-elements-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 106px;
}

.update-profile-view-content-elements-wrapper-custom-padding {
  padding: 0 32px 10px;
}

.update-profile-view-helpcentergeratorcom1 {
  white-space: nowrap;
  line-height: 20px;
  position: relative;
}

.update-profile-view-icon-and-text1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: flex;
}

.update-profile-view-text72 {
  line-height: 20px;
  position: relative;
}

.update-profile-view-help-content {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.update-profile-view-content-wrapper, .update-profile-view-content-wrapper-inner, .update-profile-view-help-content-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.update-profile-view-help-content-wrapper {
  flex-direction: column;
  flex: 1;
}

.update-profile-view-content-wrapper, .update-profile-view-content-wrapper-inner {
  align-self: stretch;
}

.update-profile-view-content-wrapper-inner {
  box-sizing: border-box;
  flex-direction: row;
  padding: 0 23px;
}

.update-profile-view-content-wrapper {
  flex-direction: column;
  gap: 32px;
}

.update-profile-view-content-wrapper-wrapper, .update-profile-view-update-profile-view {
  box-sizing: border-box;
  text-align: left;
  font-family: Inter;
  display: flex;
}

.update-profile-view-content-wrapper-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 990px;
  min-width: 990px;
  max-width: 100%;
  padding: 0 0 30px;
  font-size: 14px;
}

.update-profile-view-update-profile-view {
  letter-spacing: normal;
  color: #344054;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  width: 100%;
  min-height: 960px;
  padding: 0 10px 0 0;
  font-size: 16px;
  line-height: normal;
  position: relative;
}

.update-profile-view-update-profile-view-custom-align-item {
  align-items: unset !important;
}

.update-profile-view-mobile-container {
  width: 100%;
}

.update-profile-view-section2-custom-minwidth-padding {
  min-width: auto !important;
  padding: 0 !important;
}

@media screen and (width <= 1200px) {
  .update-profile-view-progress-container {
    flex: 1;
  }

  .update-profile-view-section2 {
    box-sizing: border-box;
    gap: 70px;
    min-width: 100%;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .update-profile-view-content-elements-wrapper {
    box-sizing: border-box;
    padding-bottom: 69px;
  }

  .update-profile-view-content-wrapper-wrapper {
    flex: 1;
  }

  .update-profile-view-update-profile-view {
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-left: 10px;
  }
}

@media screen and (width <= 1050px) {
  .update-profile-view-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .update-profile-view-content12, .update-profile-view-content32 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .update-profile-view-actions5 {
    box-sizing: border-box;
    flex-wrap: wrap;
    max-width: 150px;
    padding-left: 0;
  }

  .update-profile-view-content34 {
    justify-content: flex-start;
  }

  .update-profile-view-content-wrapper-wrapper {
    min-width: 100%;
  }
}

@media screen and (width <= 750px) {
  .update-profile-view-section2 {
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .update-profile-view-actions4, .update-profile-view-input-fields {
    flex-wrap: wrap;
  }

  .update-profile-view-input-field1, .update-profile-view-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .update-profile-view-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .update-profile-view-avatar-and-file-upload, .update-profile-view-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .update-profile-view-content-elements-wrapper {
    box-sizing: border-box;
    padding-bottom: 45px;
  }

  .update-profile-view-help-content {
    flex-wrap: wrap;
  }

  .update-profile-view-content-wrapper {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .update-profile-view-mobile-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    width: 375px;
    height: 10px;
    padding-top: 30px;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-flex;
  }

  .update-profile-view-mobile-PaginationDotGroup {
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: inline-flex;
  }

  .update-profile-view-mobile-PaginationDotIndicator {
    background-color: #eaecf0;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .update-profile-view-mobile-PaginationDotIndicator1 {
    background-color: #7f56d9;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .update-profile-view-progress-steps-progress-icon1 {
    display: none;
  }

  .update-profile-view-step-base6, .update-profile-view-step-elements {
    flex-wrap: wrap;
  }

  .update-profile-view-progress-container {
    gap: 40px;
  }

  .update-profile-view-text-container {
    flex-wrap: wrap;
  }

  .update-profile-view-section2 {
    background-color: #fff;
    gap: 50px;
    max-width: 90%;
    height: fit-content;
    padding-top: 10px;
    padding-bottom: 25px;
    padding-left: 5px;
  }

  .update-profile-view-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .update-profile-view-content9 {
    gap: 16px;
  }

  .update-profile-view-content12 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .update-profile-view-action {
    flex-wrap: wrap;
  }

  .update-profile-view-content23, .update-profile-view-content32 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .update-profile-view-content32 {
    gap: 16px;
    padding-right: 25px;
  }

  .update-profile-view-actions5 {
    box-sizing: border-box;
    padding-left: 0;
  }

  .update-profile-view-file {
    width: 30px;
    height: 30px;
    right: -10px;
  }

  .update-profile-view-cursor-icon {
    top: 18px;
    left: 18px;
  }

  .update-profile-view-content-wrapper-inner {
    padding-top: 50px;
  }
}

.account-update-profile-admin-gerator-04-1-icon1 {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.update-profile {
  text-align: center;
  width: 100%;
}

.account-update-profile-admin-custom-margin {
  margin-top: 10px;
}

.account-update-profile-admin-file-upload-custom {
  flex-direction: column !important;
}

.account-update-profile-admin-logo1 {
  background-image: url("gerator04-1@2x.22f76bdb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 121px;
  height: 32px;
  display: flex;
}

.account-update-profile-admin-featured-icon8 {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.account-update-profile-admin-step-labels, .account-update-profile-admin-supporting-text9 {
  line-height: 24px;
  position: relative;
}

.account-update-profile-admin-step-labels {
  align-self: stretch;
  font-weight: 600;
}

.account-update-profile-admin-supporting-text9 {
  color: #475467;
}

.account-update-profile-admin-step-elements, .account-update-profile-admin-step-labels-parent {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-update-profile-admin-step-labels-parent {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
}

.account-update-profile-admin-step-elements {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.account-update-profile-admin-connector4 {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  position: relative;
}

.account-update-profile-admin-progress-connectors, .account-update-profile-admin-step-base4, .account-update-profile-admin-step-base5 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 23px;
  display: flex;
}

.account-update-profile-admin-step-base4, .account-update-profile-admin-step-base5 {
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  padding: 0 0 4px;
}

.account-update-profile-admin-step-base5 {
  opacity: .6;
}

.account-update-profile-admin-featured-icon10 {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.account-update-profile-admin-connector-wrap2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0 0 4px;
  display: flex;
}

.account-update-profile-admin-supporting-text11 {
  color: #475467;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.account-update-profile-admin-step-base6, .account-update-profile-admin-text-and-supporting-text2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-update-profile-admin-text-and-supporting-text2 {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
  padding: 0 0 32px;
}

.account-update-profile-admin-step-base6 {
  opacity: .6;
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.account-update-profile-admin-connector7 {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  display: none;
  position: relative;
}

.account-update-profile-admin-connector-wrap3, .account-update-profile-admin-progress-steps-progress-icon1 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.account-update-profile-admin-connector-wrap3 {
  box-sizing: border-box;
  align-items: center;
  gap: 4px;
  height: 82px;
  padding: 0 0 4px;
}

.account-update-profile-admin-progress-steps-progress-icon1 {
  align-self: stretch;
  align-items: flex-start;
}

.account-update-profile-admin-progress-container, .account-update-profile-admin-progress-container-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.account-update-profile-admin-progress-container {
  flex-direction: column;
  flex: 1;
  gap: 79.5px;
}

.account-update-profile-admin-progress-container-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 380px;
  padding: 0 18px;
}

.account-update-profile-admin-text40 {
  width: 125px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-update-profile-admin-mail-01-icon2 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.account-update-profile-admin-helpuntitleduicom1 {
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-footer4 {
  flex-direction: row;
  justify-content: flex-start;
  gap: 7px;
  width: 188px;
  height: 20px;
}

.account-update-profile-admin-footer4, .account-update-profile-admin-section2, .account-update-profile-admin-text-container {
  align-items: flex-start;
  display: flex;
}

.account-update-profile-admin-text-container {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  font-size: 14px;
}

.account-update-profile-admin-section2 {
  box-sizing: border-box;
  z-index: 100;
  background-color: #f9fafb;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  gap: 1108px;
  width: 380px;
  padding: 32.5px 13px 32px 14px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.account-update-profile-admin-home-line-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
}

.account-update-profile-admin-breadcrumb-button-base {
  border-radius: 6px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 4px;
  display: flex;
}

.account-update-profile-admin-chevron-right-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.account-update-profile-admin-text41 {
  flex: 1;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-breadcrumb-button-base1 {
  border-radius: 6px;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.account-update-profile-admin-text42 {
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-breadcrumb-button-base2 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 7px;
  display: flex;
}

.account-update-profile-admin-text43 {
  white-space: nowrap;
  align-self: stretch;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-breadcrumb-button-base3 {
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 4px 8px;
  display: none;
}

.account-update-profile-admin-chevron-right-icon3 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
  overflow: hidden;
}

.account-update-profile-admin-text44 {
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-breadcrumb-button-base4 {
  color: #344054;
  background-color: #f9fafb;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
}

.account-update-profile-admin-breadcrumbs, .account-update-profile-admin-tabs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.account-update-profile-admin-tabs {
  flex: 1;
  gap: 8px;
  height: 28px;
  display: flex;
}

.account-update-profile-admin-breadcrumbs {
  width: 278px;
  display: none;
}

.account-update-profile-admin-page-title {
  color: inherit;
  align-self: stretch;
  font-weight: 600;
  line-height: 38px;
  text-decoration: none;
  position: relative;
}

.account-update-profile-admin-supporting-text13 {
  color: #475467;
  width: 445px;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  display: none;
  position: relative;
}

.account-update-profile-admin-text-and-supporting-text4 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 320px;
  max-width: 100%;
  font-size: 30px;
  display: flex;
}

.account-update-profile-admin-placeholder-icon16 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.account-update-profile-admin-text45 {
  align-self: stretch;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-text-padding8 {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.account-update-profile-admin-button, .account-update-profile-admin-button1, .account-update-profile-admin-button2 {
  box-sizing: border-box;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  display: flex;
  overflow: hidden;
}

.account-update-profile-admin-button {
  flex-direction: row;
  align-items: center;
  padding: 10px 14px;
}

.account-update-profile-admin-button1, .account-update-profile-admin-button2 {
  background-color: #fff;
  padding: 10px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-admin-button1 {
  color: #6941c6;
  border: 1px solid #d6bbfb;
  flex-direction: row;
  align-items: center;
}

.account-update-profile-admin-button2 {
  color: #344054;
  border: 1px solid #d0d5dd;
}

.account-update-profile-admin-actions4, .account-update-profile-admin-button2, .account-update-profile-admin-button3 {
  flex-direction: row;
  align-items: center;
}

.account-update-profile-admin-button3 {
  box-sizing: border-box;
  color: #fff;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 10px 13px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-admin-actions4 {
  color: #475467;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
  display: none;
}

.account-update-profile-admin-label, .account-update-profile-admin-text49 {
  position: relative;
}

.account-update-profile-admin-label {
  width: 47px;
  font-weight: 500;
  line-height: 20px;
  display: none;
}

.account-update-profile-admin-text49 {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 24px;
  overflow: hidden;
}

.account-update-profile-admin-content8 {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.account-update-profile-admin-content8, .account-update-profile-admin-input, .account-update-profile-admin-input-with-label {
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.account-update-profile-admin-input {
  color: #667085;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  padding: 10px 13px;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-admin-input-with-label {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.account-update-profile-admin-hint-text {
  color: #475467;
  align-self: stretch;
  line-height: 20px;
  display: none;
  position: relative;
}

.account-update-profile-admin-content7, .account-update-profile-admin-input-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
}

.account-update-profile-admin-input-dropdown {
  color: #344054;
  flex-direction: column;
  gap: 8px;
  width: 320px;
  min-width: 200px;
  max-width: 320px;
  height: 44px;
  display: none;
}

.account-update-profile-admin-content7 {
  color: #101828;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 20px 16px;
  display: flex;
}

.account-update-profile-admin-content7, .account-update-profile-admin-divider-icon, .account-update-profile-admin-page-header {
  align-self: stretch;
  max-width: 100%;
}

.account-update-profile-admin-divider-icon {
  max-height: 100%;
  display: none;
  position: relative;
  overflow: hidden;
}

.account-update-profile-admin-page-header {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.account-update-profile-admin-container3 {
  box-sizing: border-box;
  padding: 0 32px;
}

.account-update-profile-admin-container3, .account-update-profile-admin-header-section {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.account-update-profile-admin-text50 {
  color: #344054;
  text-align: left;
  flex: 1;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-section-label {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.account-update-profile-admin-label1 {
  color: #344054;
  text-align: left;
  width: 36px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.account-update-profile-admin-content10 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 130px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.account-update-profile-admin-help-icon {
  width: 16px;
  height: 16px;
  display: none;
  position: relative;
}

.account-update-profile-admin-input-with-label1, .account-update-profile-admin-input1 {
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.account-update-profile-admin-input1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-admin-input-with-label1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.account-update-profile-admin-hint-text1 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: none;
  position: relative;
}

.account-update-profile-admin-input-field {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  min-width: 159px;
  display: flex;
}

.account-update-profile-admin-label2 {
  color: #344054;
  text-align: left;
  width: 96px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: none;
  position: relative;
}

.account-update-profile-admin-content11 {
  color: #101828;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: calc(100% - 46px);
  min-width: 113px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
}

.account-update-profile-admin-content11, .account-update-profile-admin-content9, .account-update-profile-admin-input-fields, .account-update-profile-admin-input2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.account-update-profile-admin-input2 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-admin-content9, .account-update-profile-admin-input-fields {
  align-items: flex-start;
}

.account-update-profile-admin-input-fields {
  flex: 1;
  gap: 24px;
  min-width: 480px;
  max-width: 512px;
}

.account-update-profile-admin-content9 {
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
}

.account-update-profile-admin-divider, .account-update-profile-admin-text51 {
  align-self: stretch;
  position: relative;
}

.account-update-profile-admin-divider {
  background-color: #eaecf0;
  height: 1px;
}

.account-update-profile-admin-text51 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.account-update-profile-admin-section-label1 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 200px;
  max-width: 280px;
  display: flex;
}

.account-update-profile-admin-text52 {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  width: calc(100% - 40px);
  min-width: 250px;
  max-width: calc(100% - 28px);
  height: 24px;
  padding: 0;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  color: #667085 !important;
}

.account-update-profile-admin-content13, .account-update-profile-admin-input-with-label3, .account-update-profile-admin-input3 {
  justify-content: flex-start;
  display: flex;
}

.account-update-profile-admin-content13 {
  flex-direction: row;
  flex: 1;
  align-items: center;
  gap: 8px;
  max-width: calc(100% - 28px);
}

.account-update-profile-admin-input-with-label3, .account-update-profile-admin-input3 {
  align-self: stretch;
  max-width: 100%;
}

.account-update-profile-admin-input3 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-admin-input-with-label3 {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.account-update-profile-admin-hint-text2 {
  color: #475467;
  text-align: left;
  width: 320px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-content12, .account-update-profile-admin-input-field1 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-update-profile-admin-input-field1 {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 480px;
  max-width: 512px;
}

.account-update-profile-admin-content12 {
  box-sizing: border-box;
  flex-flow: wrap;
  align-content: flex-start;
  align-self: stretch;
  gap: 16px 32px;
  max-width: 100%;
  padding: 0 102px 0 0;
}

.account-update-profile-admin-text53, .account-update-profile-admin-text55 {
  color: #344054;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-text53 {
  align-self: stretch;
}

.account-update-profile-admin-text55 {
  min-width: 75px;
  display: inline-block;
}

.account-update-profile-admin-help-icon3 {
  width: 16px;
  height: 16px;
  position: relative;
}

.account-update-profile-admin-heading-and-help-icon, .account-update-profile-admin-help-icon-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-update-profile-admin-help-icon-wrapper {
  flex-direction: column;
  padding: 2px 0 0;
}

.account-update-profile-admin-heading-and-help-icon {
  flex-direction: row;
  gap: 2px;
}

.account-update-profile-admin-supporting-text14 {
  color: #475467;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-avatar1, .account-update-profile-admin-contrast-border {
  border-radius: 9999px;
  width: 64px;
  height: 64px;
}

.account-update-profile-admin-contrast-border {
  box-sizing: border-box;
  border: .8px solid #00000014;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.account-update-profile-admin-avatar1 {
  background-image: url("user-placeholder2.bca3f287.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-update-profile-admin-featured-icon12 {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  position: relative;
}

.account-update-profile-admin-text56 {
  color: #6941c6;
  text-align: left;
  min-width: 101px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-update-profile-admin-buttonsbutton8 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  overflow: hidden;
}

.account-update-profile-admin-text57 {
  color: #475467;
  text-align: left;
  min-width: 112px;
  font-family: Inter;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-update-profile-admin-action {
  flex-direction: row;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 4px;
  padding: 0 20px;
  display: flex;
}

.account-update-profile-admin-supporting-text15 {
  color: #475467;
  text-align: center;
  align-self: stretch;
  font-family: Inter;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

.account-update-profile-admin-text-and-supporting-text5 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 4px;
  display: flex;
}

.account-update-profile-admin-page-icon {
  width: 80%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0 2.5% 0 17.5%;
  overflow: hidden;
}

.account-update-profile-admin-file-type {
  color: #fff;
  text-align: center;
  min-width: 20px;
  font-family: Inter;
  font-size: 10px;
  display: inline-block;
  position: relative;
}

.account-update-profile-admin-file-type-wrap {
  box-sizing: border-box;
  z-index: 1;
  background-color: #7e56d9;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 40%;
  padding: 2px 3px;
  display: flex;
  position: absolute;
  inset: 45% 32.5% 15% 2.5%;
}

.account-update-profile-admin-file-type-icon {
  filter: drop-shadow(0 24px 48px #1018282e);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.account-update-profile-admin-cursor-icon {
  object-fit: cover;
  z-index: 2;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 28px;
  left: 28px;
  overflow: hidden;
}

.account-update-profile-admin-file {
  z-index: 1;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 4px;
  right: 0;
  margin: 0 !important;
}

.account-update-profile-admin-content17 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  display: flex;
  position: relative;
}

.account-update-profile-admin-file-upload, .account-update-profile-admin-file-upload-base {
  align-items: flex-start;
  max-width: 100%;
}

.account-update-profile-admin-file-upload-base {
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid #eaecf0;
  border-radius: 12px;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  padding: 13px 22px;
  display: flex;
}

.account-update-profile-admin-file-upload-base:hover {
  cursor: pointer;
  border: 2px solid #7e56d9;
  box-shadow: 0 4px 8px #0003;
}

.account-update-profile-admin-file-upload {
  min-width: 278px;
}

.account-update-profile-admin-avatar-and-file-upload, .account-update-profile-admin-content19, .account-update-profile-admin-file-upload {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.account-update-profile-admin-avatar-and-file-upload {
  align-items: flex-start;
  gap: 20px;
  min-width: 480px;
  max-width: 512px;
}

.account-update-profile-admin-content19 {
  background-color: #0000;
  border: 0;
  outline: 0;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 100%;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  color: #667085 !important;
}

.account-update-profile-admin-supporting-text16, .account-update-profile-admin-text61 {
  text-align: left;
  font-family: Inter;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.account-update-profile-admin-text61 {
  color: #101828;
  min-width: 68px;
  font-weight: 500;
  display: inline-block;
}

.account-update-profile-admin-supporting-text16 {
  color: #475467;
  align-self: stretch;
  width: 54px;
  display: none;
}

.account-update-profile-admin-content23 {
  box-sizing: border-box;
  flex-direction: row;
  flex: 1;
  align-items: center;
  max-width: calc(100% - 28px);
  padding: 0 360px 0 0;
}

.account-update-profile-admin-content-custom-23 {
  box-sizing: border-box;
  background-color: #fff;
  border: none;
  outline: none;
  flex-direction: row;
  flex: 1;
  align-items: center;
  color: #667085 !important;
}

.account-update-profile-admin-content23, .account-update-profile-admin-input-dropdown1, .account-update-profile-admin-input7 {
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.account-update-profile-admin-input7 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  max-width: 100%;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-admin-input-dropdown1 {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  min-width: 480px;
  max-width: 512px;
}

.account-update-profile-admin-text63 {
  color: #101828;
  text-align: left;
  min-width: 126px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.account-update-profile-admin-content25 {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  display: flex;
}

.account-update-profile-admin-input8 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  align-items: center;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-admin-content-container, .account-update-profile-admin-content27, .account-update-profile-admin-content32, .account-update-profile-admin-input8 {
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.account-update-profile-admin-content27 {
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  align-items: center;
  width: 100%;
  min-width: 250px;
  height: 24px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  color: #667085 !important;
}

.account-update-profile-admin-content-container, .account-update-profile-admin-content32 {
  box-sizing: border-box;
  align-items: flex-start;
}

.account-update-profile-admin-content32 {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  gap: 16px 32px;
  padding: 0 102px 0 0;
}

.account-update-profile-admin-content-container {
  align-self: stretch;
  padding: 0 0 4px;
}

.account-update-profile-admin-divider-icon1, .account-update-profile-admin-text68 {
  align-self: stretch;
  position: relative;
}

.account-update-profile-admin-divider-icon1 {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.account-update-profile-admin-text68 {
  color: #475467;
  text-align: left;
  white-space: nowrap;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.account-update-profile-admin-buttonsbutton9 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 20px;
  display: none;
  overflow: hidden;
}

.account-update-profile-admin-button4, .account-update-profile-admin-text69 {
  align-self: stretch;
}

.account-update-profile-admin-text69 {
  color: #475467;
  text-align: left;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-button4 {
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  display: none;
  overflow: hidden;
}

.account-update-profile-admin-text70 {
  color: #344054;
  text-align: left;
  min-width: 48px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-update-profile-admin-button5, .account-update-profile-admin-text-padding13 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.account-update-profile-admin-button5 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex: 1;
  gap: 4px;
  min-width: 52px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-admin-text71 {
  color: #fff;
  text-align: left;
  min-width: 34px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-update-profile-admin-text71-custom {
  min-width: 50px !important;
}

.account-update-profile-admin-text-padding14 {
  box-sizing: border-box;
  justify-content: center;
  padding: 0 1px;
}

.account-update-profile-admin-actions5, .account-update-profile-admin-button6, .account-update-profile-admin-content34, .account-update-profile-admin-section-footer, .account-update-profile-admin-text-padding14 {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.account-update-profile-admin-button6 {
  cursor: pointer;
  box-sizing: border-box;
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 8px 13px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-update-profile-admin-actions5, .account-update-profile-admin-content34, .account-update-profile-admin-section-footer {
  justify-content: flex-end;
  max-width: 100%;
}

.account-update-profile-admin-actions5 {
  box-sizing: border-box;
  flex: 1;
  gap: 12px;
  padding: 0 0 0 769px;
}

.account-update-profile-admin-content34, .account-update-profile-admin-section-footer {
  align-self: stretch;
  gap: 20px;
}

.account-update-profile-admin-section-footer {
  flex-direction: column;
  justify-content: flex-start;
}

.account-update-profile-admin-content-elements, .account-update-profile-admin-content-elements-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.account-update-profile-button5 {
  cursor: pointer !important;
  box-sizing: border-box !important;
  background-color: #fff !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 8px !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 8px 16px !important;
  display: flex !important;
  overflow: hidden !important;
  box-shadow: 0 1px 2px #1018280d !important;
}

.account-update-profile-admin-content-elements {
  flex-direction: column;
  flex: 1;
  gap: 20px;
  margin: 0;
}

.account-update-profile-admin-content-elements-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  align-self: stretch;
  padding: 0 32px 106px;
}

.account-update-profile-admin-content-elements-wrapper-custom-padding {
  padding: 0 32px 10px;
}

.account-update-profile-admin-helpcentergeratorcom1 {
  white-space: nowrap;
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-hyperlink {
  color: #475467;
  line-height: 20px;
}

.account-update-profile-admin-icon-and-text1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: flex;
}

.account-update-profile-admin-text72 {
  line-height: 20px;
  position: relative;
}

.account-update-profile-admin-help-content {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.account-update-profile-admin-content-wrapper, .account-update-profile-admin-content-wrapper-inner, .account-update-profile-admin-help-content-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.account-update-profile-admin-help-content-wrapper {
  flex-direction: column;
  flex: 1;
}

.account-update-profile-admin-content-wrapper, .account-update-profile-admin-content-wrapper-inner {
  align-self: stretch;
}

.account-update-profile-admin-content-wrapper-inner {
  box-sizing: border-box;
  flex-direction: row;
  padding: 0 23px;
}

.account-update-profile-admin-content-wrapper {
  flex-direction: column;
  gap: 32px;
  padding-top: 92px;
}

.account-update-profile-admin-content-wrapper-wrapper, .account-update-profile-admin-account-update-profile {
  box-sizing: border-box;
  text-align: left;
  font-family: Inter;
  display: flex;
}

.account-update-profile-admin-content-wrapper-wrapper {
  color: #475467;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: calc(100% - 380px);
  min-width: auto;
  max-width: 100%;
  margin-left: 380px;
  padding: 0 0 30px;
  font-size: 14px;
}

.account-update-profile-admin-account-update-profile {
  letter-spacing: normal;
  color: #344054;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  row-gap: 20px;
  width: 100%;
  min-width: 1200px;
  max-width: 1524px;
  min-height: 960px;
  margin: 0 auto;
  padding: 0;
  font-size: 16px;
  line-height: normal;
  position: relative;
}

.account-update-profile-admin-mobile-container {
  width: 100%;
}

@media screen and (width <= 1200px) {
  .account-update-profile-admin-progress-container {
    flex: 1;
  }

  .account-update-profile-admin-section2 {
    box-sizing: border-box;
    gap: 70px;
    min-width: 100%;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .account-update-profile-admin-content-elements-wrapper {
    box-sizing: border-box;
    padding-bottom: 69px;
  }

  .account-update-profile-admin-content-wrapper-wrapper {
    width: calc(100% - 380px);
    margin-left: 380px;
    padding: 0;
  }

  .account-update-profile-admin-account-update-profile {
    min-width: auto;
    max-width: 100%;
    padding: 0;
  }
}

@media screen and (width <= 1050px) {
  .account-update-profile-admin-page-title {
    font-size: 24px;
    line-height: 30px;
  }

  .account-update-profile-admin-content12, .account-update-profile-admin-content32 {
    box-sizing: border-box;
    padding-right: 51px;
  }

  .account-update-profile-admin-actions5 {
    box-sizing: border-box;
    flex-wrap: wrap;
    max-width: 150px;
    padding-left: 0;
  }

  .account-update-profile-admin-content34 {
    justify-content: flex-start;
  }

  .account-update-profile-admin-content-wrapper-wrapper {
    min-width: 100%;
  }
}

@media screen and (width <= 750px) {
  .account-update-profile-admin-section2 {
    width: 100%;
    padding: 20px;
    position: relative;
  }

  .account-update-profile-admin-actions4, .account-update-profile-admin-input-fields {
    flex-wrap: wrap;
  }

  .account-update-profile-admin-input-field1, .account-update-profile-admin-input-fields {
    min-width: 100%;
    max-width: 100%;
  }

  .account-update-profile-admin-avatar-and-file-upload {
    flex-wrap: wrap;
  }

  .account-update-profile-admin-avatar-and-file-upload, .account-update-profile-admin-input-dropdown1 {
    min-width: 100%;
    max-width: 100%;
  }

  .account-update-profile-admin-content-elements-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .account-update-profile-admin-help-content {
    flex-wrap: wrap;
  }

  .account-update-profile-admin-content-wrapper {
    gap: 16px;
  }
}

@media screen and (width <= 450px) {
  .account-update-profile-admin-mobile-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    width: 375px;
    height: 10px;
    padding-top: 30px;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-flex;
  }

  .account-update-profile-admin-mobile-PaginationDotGroup {
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: inline-flex;
  }

  .account-update-profile-admin-mobile-PaginationDotIndicator {
    background-color: #eaecf0;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .account-update-profile-admin-mobile-PaginationDotIndicator1 {
    background-color: #7f56d9;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .account-update-profile-admin-progress-steps-progress-icon1 {
    display: none;
  }

  .account-update-profile-admin-step-base6, .account-update-profile-admin-step-elements {
    flex-wrap: wrap;
  }

  .account-update-profile-admin-progress-container {
    gap: 40px;
  }

  .account-update-profile-admin-text-container {
    flex-wrap: wrap;
  }

  .account-update-profile-admin-section2 {
    background-color: #fff;
    gap: 50px;
    max-width: 90%;
    height: fit-content;
    padding-top: 10px;
    padding-bottom: 25px;
    padding-left: 5px;
  }

  .account-update-profile-admin-page-title {
    font-size: 18px;
    line-height: 23px;
  }

  .account-update-profile-admin-content9 {
    gap: 16px;
  }

  .account-update-profile-admin-content12 {
    box-sizing: border-box;
    gap: 16px;
    padding-right: 25px;
  }

  .account-update-profile-admin-action {
    flex-wrap: wrap;
  }

  .account-update-profile-admin-content23, .account-update-profile-admin-content32 {
    box-sizing: border-box;
    padding-right: 180px;
  }

  .account-update-profile-admin-content32 {
    gap: 16px;
    padding-right: 25px;
  }

  .account-update-profile-admin-actions5 {
    box-sizing: border-box;
    padding-left: 0;
  }

  .account-update-profile-admin-file {
    width: 30px;
    height: 30px;
    right: -10px;
  }

  .account-update-profile-admin-cursor-icon {
    top: 18px;
    left: 18px;
  }

  .account-update-profile-admin-content-wrapper-inner {
    padding-top: 50px;
  }
}

.account-subscription-admin-gerator-04-1-icon {
  object-fit: cover;
  width: 121px;
  height: 32px;
  display: none;
  position: relative;
}

.account-subscription-admin-logo {
  background-image: url("gerator04-1@2x.22f76bdb.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 121px;
  height: 32px;
  display: flex;
}

.account-subscription-admin-featured-icon {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.account-subscription-admin-step-titles, .account-subscription-admin-supporting-text {
  line-height: 24px;
  position: relative;
}

.account-subscription-admin-step-titles {
  align-self: stretch;
  font-weight: 600;
}

.account-subscription-admin-supporting-text {
  color: #475467;
}

.account-subscription-admin-step-titles-parent, .account-subscription-admin-step-wrappers {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-subscription-admin-step-titles-parent {
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
}

.account-subscription-admin-step-wrappers {
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.account-subscription-admin-connector {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  position: relative;
  left: 20px;
}

.account-subscription-admin-connector-wrappers, .account-subscription-admin-step-base, .account-subscription-admin-step-base1 {
  padding: 0 px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-subscription-admin-step-base, .account-subscription-admin-step-base1 {
  opacity: .6;
  flex-direction: column;
  align-self: stretch;
  gap: 2px;
  padding: 0 0 4px;
}

.account-subscription-admin-step-base1 {
  opacity: .6;
}

.account-subscription-admin-featured-icon2 {
  border-radius: 10px;
  width: 48px;
  height: 48px;
  position: relative;
}

.account-subscription-admin-connector-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  padding: 0 0 4px;
  display: flex;
}

.account-subscription-admin-supporting-text2 {
  color: #475467;
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.account-subscription-admin-step-base2, .account-subscription-admin-text-and-supporting-text, .account-subscription-admin-step-base4 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-subscription-admin-text-and-supporting-text {
  box-sizing: border-box;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-width: 182px;
  padding: 0 0 32px;
}

.account-subscription-admin-step-base2 {
  opacity: 1;
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.account-subscription-admin-step-base4 {
  opacity: .6;
  flex-direction: row;
  align-self: stretch;
  gap: 16px;
}

.account-subscription-admin-connector3 {
  background-color: #eaecf0;
  border-radius: 2px;
  width: 2px;
  height: 26px;
  display: none;
  position: relative;
}

.account-subscription-admin-connector-wrap1, .account-subscription-admin-progress-steps-progress-icon {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.account-subscription-admin-connector-wrap1 {
  box-sizing: border-box;
  align-items: center;
  gap: 4px;
  height: 82px;
  padding: 0 0 4px;
}

.account-subscription-admin-progress-steps-progress-icon {
  align-self: stretch;
  align-items: flex-start;
}

.account-subscription-admin-progress-content, .account-subscription-admin-progress-content-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.account-subscription-admin-progress-content {
  flex-direction: column;
  flex: 1;
  gap: 79.5px;
}

.account-subscription-admin-progress-content-wrapper {
  box-sizing: border-box;
  flex-direction: row;
  width: 380px;
  padding: 0 18px;
}

.account-subscription-admin-contact-title {
  width: 125px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-subscription-admin-mail-01-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.account-subscription-admin-mail-01-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.account-subscription-admin-helpuntitleduicom {
  white-space: nowrap;
  flex: 1;
  align-self: stretch;
  line-height: 20px;
  position: relative;
}

.account-subscription-admin-contact-info {
  flex-direction: row;
  justify-content: flex-start;
  gap: 7px;
  width: 188px;
  height: 20px;
}

.account-subscription-admin-contact-info, .account-subscription-admin-contact-title-parent, .account-subscription-admin-section {
  align-items: flex-start;
  display: flex;
}

.account-subscription-admin-contact-title-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  gap: 20px;
  font-size: 14px;
}

.account-subscription-admin-section {
  box-sizing: border-box;
  background-color: #f9fafb;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  min-width: 286px;
  max-width: 440px;
  min-height: 100vh;
  padding: 32.5px 13px 32px 14px;
}

.account-subscription-admin-heading {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  margin: 0;
  font-family: inherit;
  font-size: 36px;
  font-weight: 600;
  line-height: 44px;
  position: relative;
}

.account-subscription-admin-heading-and-subheading {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.account-subscription-admin-supporting-text4 {
  color: #475467;
  align-self: stretch;
  font-size: 20px;
  line-height: 30px;
  position: relative;
}

.account-subscription-admin-heading-and-supporting-text {
  gap: 20px;
  width: 768px;
  max-width: 768px;
}

.account-subscription-admin-container1, .account-subscription-admin-content, .account-subscription-admin-heading-and-supporting-text {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-subscription-admin-content {
  align-self: stretch;
  max-width: 100%;
}

.account-subscription-admin-container1 {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
}

.account-subscription-admin-featured-icon4 {
  border-radius: 9999px;
  width: 48px;
  height: 48px;
  position: relative;
}

.account-subscription-admin-heading1 {
  align-self: stretch;
  font-weight: 600;
  line-height: 30px;
  position: relative;
}

.account-subscription-admin-heading-and-icon {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  display: flex;
}

.account-subscription-admin-price, .account-subscription-admin-supporting-text5 {
  align-self: stretch;
  position: relative;
}

.account-subscription-admin-price {
  letter-spacing: -.02em;
  color: #101828;
  margin: 0;
  font-family: inherit;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
}

.account-subscription-admin-supporting-text5 {
  color: #475467;
  font-size: 16px;
  line-height: 24px;
}

.account-subscription-admin-header, .account-subscription-admin-heading-and-price {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
}

.account-subscription-admin-heading-and-price {
  align-items: center;
  gap: 8px;
}

.account-subscription-admin-header {
  align-items: flex-start;
  padding: 32px 32px 0;
}

.account-subscription-admin-check-icon {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.account-subscription-admin-span {
  font-weight: 800;
}

.account-subscription-admin-item-description {
  align-self: stretch;
  line-height: 24px;
  position: relative;
}

.account-subscription-admin-check-item-text, .account-subscription-admin-text-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-subscription-admin-text-wrap {
  flex-direction: column;
  flex: 1;
  min-width: 208px;
}

.account-subscription-admin-check-item-text {
  flex-direction: row;
  align-self: stretch;
  gap: 12px;
}

.account-subscription-admin-business-page {
  color: #475467;
  font-size: 16px;
}

.account-subscription-admin-check-item-text3 {
  color: #155eef;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
  font-size: 15px;
  display: flex;
}

.account-subscription-admin-check-icon5 {
  border-radius: 9999px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.account-subscription-admin-check-item-text5, .account-subscription-admin-check-items, .account-subscription-admin-content2 {
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
}

.account-subscription-admin-check-item-text5 {
  flex-direction: row;
  gap: 12px;
  display: none;
}

.account-subscription-admin-check-items, .account-subscription-admin-content2 {
  flex-direction: column;
  display: flex;
}

.account-subscription-admin-check-items {
  gap: 16px;
}

.account-subscription-admin-content2 {
  text-align: left;
  color: #475467;
  padding: 32px 32px 40px;
  font-size: 16px;
}

.account-subscription-admin-placeholder-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  overflow: hidden;
}

.account-subscription-admin-button-label {
  color: #fff;
  text-align: left;
  min-width: 87px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  display: inline-block;
  position: relative;
}

.account-subscription-admin-buttonsbutton, .account-subscription-admin-text-padding {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  display: flex;
}

.account-subscription-admin-buttonsbutton {
  background-color: #7e56d9;
  border: 1px solid #7e56d9;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 10px 20px;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-subscription-admin-text7 {
  color: #344054;
  text-align: left;
  align-self: stretch;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}

.account-subscription-admin-buttonsbutton1, .account-subscription-admin-text-padding1 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.account-subscription-admin-text-padding1 {
  box-sizing: border-box;
  height: 24px;
  padding: 0 2px;
  display: flex;
}

.account-subscription-admin-buttonsbutton1 {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  align-self: stretch;
  gap: 6px;
  padding: 10px 18px;
  display: none;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-subscription-admin-footer, .account-subscription-admin-pricing-tier-card {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.account-subscription-admin-footer {
  cursor: pointer;
  background-color: #f9fafb;
  border: 0;
  border-top: 1px solid #eaecf0;
  align-self: stretch;
  padding: 30px 32px 32px;
}

.account-subscription-admin-pricing-tier-card {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 16px;
  flex: 1;
  min-width: 273px;
  max-width: 100%;
  overflow: hidden;
  box-shadow: 0 12px 16px -4px #10182814, 0 4px 6px -2px #10182808;
}

.account-subscription-admin-price1 {
  letter-spacing: -.02em;
  color: #101828;
  align-self: stretch;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  position: relative;
}

.account-subscription-admin-content1 {
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 32px;
  max-width: 100%;
  height: max-content;
  display: flex;
}

.account-subscription-admin-container, .account-subscription-admin-container2, .account-subscription-admin-pricing-section {
  box-sizing: border-box;
  flex-direction: column;
}

.account-subscription-admin-container2 {
  text-align: center;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  max-width: 1280px;
  padding: 0 32px;
  font-size: 20px;
  display: flex;
}

.account-subscription-admin-container, .account-subscription-admin-pricing-section {
  align-self: stretch;
}

.account-subscription-admin-pricing-section {
  scrollbar-width: none;
  background-color: #fff;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 64px;
  max-width: 100%;
  height: max-content;
  padding: 96px 0 0;
  display: flex;
  overflow-y: scroll;
}

.account-subscription-admin-container {
  padding: 0 32px;
}

.account-subscription-admin-container, .account-subscription-admin-container-wrapper, .account-subscription-admin-frame-wrapper {
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.account-subscription-admin-container-wrapper {
  flex-direction: column;
  flex: 1;
}

.account-subscription-admin-frame-wrapper {
  flex-direction: row;
  align-self: stretch;
}

.account-subscription-admin-mail-01-icon1 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
}

.account-subscription-admin-helpcentergeratorcom {
  white-space: nowrap;
  line-height: 20px;
  position: relative;
}

.account-subscription-admin-icon-and-text {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  display: flex;
}

.account-subscription-admin-description {
  line-height: 20px;
  position: relative;
}

.account-subscription-admin-icon-and-text-parent {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.account-subscription-admin-frame-container, .account-subscription-admin-frame-parent {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 100%;
  display: flex;
}

.account-subscription-admin-frame-container {
  color: #475467;
  align-items: flex-start;
  width: 983px;
  padding: 0 20px;
  font-size: 14px;
}

.account-subscription-admin-frame-parent {
  align-self: stretch;
  align-items: center;
  gap: 103px;
  padding: 0 0 30px;
}

.account-subscription-admin-section1, .account-subscription-admin-account-subscription {
  text-align: left;
  justify-content: flex-start;
  font-family: Inter;
  font-size: 16px;
  display: flex;
}

.account-subscription-admin-section1 {
  color: #6941c6;
  flex-direction: column;
  flex: 1;
  align-items: center;
  min-width: 480px;
  max-width: 100%;
}

.account-subscription-admin-account-subscription {
  letter-spacing: normal;
  color: #344054;
  background-color: #fff;
  flex-direction: row;
  align-items: stretch;
  row-gap: 20px;
  width: 100%;
  min-height: 960px;
  line-height: normal;
  position: relative;
}

.account-subscription-admin-display-CheckboxGroupItem {
  background: #fff;
  border: 2px solid #eaecf0;
  border-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 768px;
  height: max-content;
  padding: 16px;
  display: inline-flex;
  position: relative;
}

.account-subscription-admin-display-CheckboxGroupItem:hover {
  cursor: pointer;
  border-color: #6941c6;
  box-shadow: 0 4px 8px #0003;
}

.account-subscription-admin-display-Content {
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  height: max-content;
  display: flex;
}

.account-subscription-admin-display-Content-width {
  width: 70%;
}

.account-subscription-admin-display-TextAndSupportingText {
  flex-direction: column;
  flex: 1 1 0;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  height: max-content;
  display: inline-flex;
}

.account-subscription-admin-display-TextAndSubtext {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: inline-flex;
}

.account-subscription-admin-display-Text-1 {
  color: #344054;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.account-subscription-admin-display-Subtext, .account-subscription-admin-display-SupportingText, .account-subscription-admin-display-SupportingText1 {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.account-subscription-admin-display-text-overlflow, .account-subscription-admin-display-text-overlflow1 {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.account-subscription-admin-display-Actions {
  justify-content: flex-start;
  align-items: flex-start;
  width: max-content;
  height: 20px;
  display: inline-flex;
  position: relative;
}

.account-subscription-admin-display-ButtonsButton {
  justify-content: center;
  align-items: center;
  gap: 6px;
  transition: color .3s;
  display: flex;
}

.account-subscription-admin-display-ButtonsButton:hover {
  color: #6a1b9a;
}

.account-subscription-admin-display-Text-2 {
  color: #475467;
  word-wrap: break-word;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.account-subscription-admin-display-buttonsbutton-wrapper {
  cursor: pointer;
  flex-direction: row;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 32px;
  right: 35px;
}

.account-subscription-admin-display-buttonsbutton-wrapper-width {
  width: 30%;
}

.account-subscription-admin-display-buttonsbutton19 {
  z-index: 1;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  padding: 6px 12px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px #1018280d;
}

.account-subscription-admin-display-buttonsbutton19:hover {
  border-color: #6941c6;
}

.account-subscription-admin-display-arrow-narrow-left-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  min-height: 24px;
  position: relative;
  overflow: hidden;
}

.account-subscription-admin-display-search-input {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2px 0 0;
  display: flex;
}

.account-subscription-admin-display-text107 {
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-subscription-admin-display-toggle-controls {
  color: #344054;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding-left: 22px;
  font-size: 14px;
  display: flex;
}

.account-subscription-admin-display-rectangle-group {
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 15px;
  display: flex;
}

.account-subscription-admin-display-switch-label1 {
  letter-spacing: -.02px;
  z-index: 1;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-subscription-admin-display-switch-label1.active, .account-subscription-admin-display-switch-label.active {
  color: #6941c6;
  background-color: #0000;
  font-weight: bold;
}

.account-subscription-admin-display-toggle-base {
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  background-color: #f2f4f7;
  border-radius: 9999px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  width: 36px;
  height: 20px;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.account-subscription-admin-display-button6 {
  background-color: #fff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: left .3s;
  position: absolute;
  overflow: hidden;
  box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f;
}

.account-subscription-admin-display-button6.left {
  left: 0;
}

.account-subscription-admin-display-button6.right {
  left: 20px;
}

.account-subscription-admin-display-switch-label {
  letter-spacing: -.02px;
  z-index: 1;
  min-width: 97px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.account-subscription-admin-display-supporting-text3 {
  color: #475467;
  align-self: stretch;
  width: 300px;
  display: none;
}

.account-back-to-dashboard-section {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 14px;
  width: 100%;
  margin-right: 50px;
  padding: 0 520px 0 0;
  display: flex;
}

.acoount-back-to-dashboard-seperator {
  background-color: #eaecf0;
  width: 100%;
  max-width: 768px;
  height: 1px;
}

.account-back-to-dashboard-button {
  cursor: pointer;
  color: #475467;
  background-color: #0000;
  border: none;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}

@media screen and (width <= 1275px) {
  .account-subscription-admin-progress-content {
    flex: 1;
  }

  .account-subscription-admin-section {
    box-sizing: border-box;
    width: 100%;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .account-subscription-admin-container1, .account-subscription-admin-container2 {
    max-width: 100%;
  }

  .account-subscription-admin-pricing-section {
    box-sizing: border-box;
    padding-top: 62px;
  }

  .account-subscription-admin-section1 {
    flex: 1;
  }

  .account-subscription-admin-account-subscription {
    flex-wrap: wrap;
  }

  .account-subscription-admin-price1, .account-subscription-admin-price {
    font-size: 44px;
    line-height: 60px;
  }

  .account-subscription-admin-heading {
    font-size: 30px;
  }

  .account-subscription-admin-heading-and-supporting-text {
    width: 95%;
  }
}

@media screen and (width <= 1200px) {
  .account-subscription-admin-content1 {
    flex-wrap: wrap;
  }

  .account-subscription-admin-section {
    height: 249.5vh;
  }

  .account-subscription-admin-pricing-section {
    gap: 32px;
    height: auto;
  }

  .account-subscription-admin-container {
    gap: 40px;
  }

  .account-subscription-admin-container-wrapper {
    gap: 484px;
  }

  .account-subscription-admin-frame-parent {
    gap: 51px;
  }

  .account-subscription-admin-price1, .account-subscription-admin-price {
    font-size: 38px;
    line-height: 60px;
  }

  .account-subscription-admin-supporting-text5 {
    font-size: 14px;
  }
}

@media screen and (width <= 800px) {
  .account-subscription-admin-section {
    box-sizing: border-box;
    flex-direction: column;
    min-width: 100%;
    height: 50vh;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .account-subscription-admin-heading {
    font-size: 29px;
    line-height: 35px;
  }

  .account-subscription-admin-heading-and-supporting-text {
    max-width: 100%;
  }

  .account-subscription-admin-container1 {
    gap: 16px;
  }

  .account-subscription-admin-price {
    font-size: 38px;
    line-height: 48px;
  }

  .account-subscription-admin-check-item-text, .account-subscription-admin-check-item-text3, .account-subscription-admin-check-item-text5 {
    flex-wrap: wrap;
  }

  .account-subscription-admin-price1 {
    font-size: 38px;
    line-height: 48px;
  }

  .account-subscription-admin-container2 {
    gap: 16px;
  }

  .account-subscription-admin-pricing-section {
    box-sizing: border-box;
    gap: 16px;
    padding-top: 40px;
  }

  .account-subscription-admin-container {
    gap: 20px;
  }

  .account-subscription-admin-container-wrapper {
    gap: 242px;
  }

  .account-subscription-admin-icon-and-text-parent {
    flex-wrap: wrap;
  }

  .account-subscription-admin-frame-parent {
    gap: 26px;
  }

  .account-subscription-admin-section1 {
    min-width: 100%;
  }

  .account-subscription-admin-container2 {
    padding: 0;
  }

  .account-subscription-admin-text-wrap {
    flex-direction: column;
    flex: 1;
    min-width: 190px;
  }
}

@media screen and (width <= 450px) {
  .account-subscription-admin-mobile-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 32px;
    width: 375px;
    height: 10px;
    padding: 30px 16px 80px;
    display: inline-flex;
  }

  .account-subscription-admin-mobile-PaginationDotGroup {
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: inline-flex;
  }

  .account-subscription-admin-mobile-PaginationDotIndicator {
    background-color: #eaecf0;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .account-subscription-admin-mobile-PaginationDotIndicator1 {
    background-color: #7f56d9;
    border-radius: 9999px;
    width: 10px;
    height: 10px;
    position: relative;
  }

  .account-subscription-admin-progress-steps-progress-icon {
    display: none;
  }

  .account-subscription-admin-step-base2, .account-subscription-admin-step-wrappers, .account-subscription-admin-step-base4 {
    flex-wrap: wrap;
  }

  .account-subscription-admin-progress-content {
    gap: 40px;
  }

  .account-subscription-admin-contact-title-parent {
    flex-wrap: wrap;
  }

  .account-subscription-admin-section {
    background-color: #fff;
    gap: 50px;
    max-width: 90%;
    height: fit-content;
  }

  .account-subscription-admin-heading {
    font-size: 22px;
    line-height: 26px;
  }

  .account-subscription-admin-supporting-text4 {
    font-size: 16px;
    line-height: 24px;
  }

  .account-subscription-admin-content {
    gap: 16px;
  }

  .account-subscription-admin-heading1 {
    font-size: 16px;
    line-height: 24px;
  }

  .account-subscription-admin-price, .account-subscription-admin-price1 {
    font-size: 29px;
    line-height: 36px;
  }

  .account-subscription-admin-content1 {
    gap: 16px;
  }

  .account-subscription-admin-pricing-section {
    box-sizing: border-box;
    padding-top: 26px;
  }

  .account-subscription-admin-container-wrapper {
    gap: 121px;
  }
}

@media screen and (width <= 375px) {
  .account-subscription-admin-step-base2, .account-subscription-admin-step-wrappers, .account-subscription-admin-step-base4 {
    flex-wrap: wrap;
  }

  .account-subscription-admin-progress-content {
    gap: 40px;
  }

  .account-subscription-admin-contact-title-parent {
    flex-wrap: wrap;
  }

  .account-subscription-admin-section {
    flex-direction: row;
    gap: 569px;
    max-width: 100%;
    height: 80vh;
  }

  .account-subscription-admin-heading {
    font-size: 22px;
    line-height: 26px;
  }

  .account-subscription-admin-supporting-text4 {
    font-size: 16px;
    line-height: 24px;
  }

  .account-subscription-admin-content {
    gap: 16px;
  }

  .account-subscription-admin-heading1 {
    font-size: 16px;
    line-height: 24px;
  }

  .account-subscription-admin-price, .account-subscription-admin-price1 {
    font-size: 29px;
    line-height: 36px;
  }

  .account-subscription-admin-content1 {
    gap: 16px;
  }

  .account-subscription-admin-pricing-section {
    box-sizing: border-box;
    padding-top: 26px;
  }

  .account-subscription-admin-container-wrapper {
    gap: 121px;
  }
}

.input-disabled {
  pointer-events: none;
  background-color: #f2f4f7 !important;
}

.input-disabled-color {
  color: light-dark(#545454, #aaa) !important;
}
/*# sourceMappingURL=index.649f9e10.css.map */